Create a Web Site with Publisher 2000 for Marilyn Seguins Class.

Slides:



Advertisements
Similar presentations
1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.
Advertisements

Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
CREATING WEB PAGES INTERNET IN THE CURRICULUM MODULE 8:
1 Web Design ITM 2010 Tutorial 3 Prepared by Wang Shiyu.
How to post to Wordpress Chruton Budd. Click on the Login link.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Practical Computing by Lynn Hogan
CIS101 Introduction to Computing
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
CIS101 Introduction to Computing HTML Project Two.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Internet Publishing / Dreamweaver Luke E. Reese CARRS
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
Microsoft FrontPage: An Introduction Eva M. Fernández Queens LOTE Consortium May 5, 2003.
IWebFolio Using a Template Tutorial Images in this tutorial:
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Creating a Web Page HTML, FrontPage, Word, Composer.
Designing a Classroom Web Site Using NVU Beginning Level.
Creating a Website in Weebly Created by: Joey Weaver Modified by: Mrs. Wilson.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
Computer Science : Information Systems Design and Development Unit Web Sites - National 4 / 5 St Andrew’s High School-Revised January 2013 Slide 1 St Andrew’s.
MS FrontPage 2: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
Publications, design sets, web pages
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
CIS 250 Advanced Computer Applications Web Publishing.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Web Technologies Website Development Trade & Industrial Education
Introducing Dreamweaver MX 2004
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,
Creating Integrated Web-based Projects using Microsoft Word.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
CIT 256 Dreamweaver Intro. Dr. Beryl Hoffman. Start Dreamweaver Start from Start Menu/Adobe Master Collection CS6/ Adobe Dreamweaver CS6 Choose Create.
Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.
Website Development with Dreamweaver
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Dreamweaver Unit A. Project Files l Download files from l Search using l Download the data disk.
Understanding a Web Web page is a single page containing text and graphics that has been labeled with the appropriate HTML coding for the.
Using Publisher to Create a Web Site Mr. Sandford’s U. S. History Class.
Internet Publishing Luke E. Reese ANR Education and Communication Systems
1. Go to and click Log in or Sign up. Bonnie Addison 11/7/11.
Start Dreamweaver program From file menu click new Blank page appears.
11/8/ Word Processing Building a Website Using Microsoft Word Please visit and sign-up the free account using verified.
Karole McGrew Morgan Local Schools.  Allows creation of slide show for research projects  Can be used to explain or present information  Allows for.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
XP New Perspectives on Creating Web Pages With Word Tutorial 1 1 Creating Web Pages With Word Tutorial 1.
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
XP Creating Web Pages with Microsoft Office
How to Create Static and Animated PowerPoint Slides
Module 6: Creating Web Pages and Working with Channels
PowerPoint Quick Tips Bad Ischl, Nov
Embedding Graphics in Web Pages
Internet Publishing Luke E. Reese
Using FrontPage Express
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Presentation transcript:

Create a Web Site with Publisher 2000 for Marilyn Seguins Class

First – A word about Pictures Pictures for a web page need to be: Pictures for a web page need to be: Small enough file size to load quickly. Small enough file size to load quickly. Depends on number of pictures on a single web page Depends on number of pictures on a single web page Generally, file size should be under 50 to75 kb / image. Generally, file size should be under 50 to75 kb / image. JPEG format for Photographs or GIF format for limited color images, gif images with transparent backgrounds or gif animations. JPEG format for Photographs or GIF format for limited color images, gif images with transparent backgrounds or gif animations. Usually scanned images should be scanned at ~75 d.p.i. resolution. Actual image size = Screen image size Usually scanned images should be scanned at ~75 d.p.i. resolution. Actual image size = Screen image size Digital cameras should use lower resolution settings. Digital cameras should use lower resolution settings.

Publisher 2000 vs. Publisher XP Open Publisher, follow instructions, make style choices from design templates. There are some differences however between the way Publisher 2000 and the way Publisher 2002 (XP) work. Open Publisher, follow instructions, make style choices from design templates. There are some differences however between the way Publisher 2000 and the way Publisher 2002 (XP) work. If your using Publisher 2000: If your using Publisher 2000: Web Wizard will help you create a number of pages before you start. Web Wizard will help you create a number of pages before you start. You can edit each page: replacing, deleting or adding text and images. You can edit each page: replacing, deleting or adding text and images. If your using Publisher 2002 (or Publisher XP): If your using Publisher 2002 (or Publisher XP): Only creates home page from start-up. You have to insert all new pages. Only creates home page from start-up. You have to insert all new pages. If you use one of the IS labs, the library computers or the Student Multimedia Studio, then you will be using Publisher XP. If you use one of the IS labs, the library computers or the Student Multimedia Studio, then you will be using Publisher XP.

Publisher Start up Open Publisher 2000 Open Publisher 2000 Select Publication by Wizard tab Select Publication by Wizard tab Select Web Sites wizard Select Web Sites wizard Select a Web Site template icon Select a Web Site template icon Click on Start Wizard Click on Start Wizard

Publisher 2000 – Wizard choices Click Next in Web Site Wizard window Click Next in Web Site Wizard window Choose from wizard then click next after each selection Choose from wizard then click next after each selection Color Scheme, Color Scheme, Additional Pages, Additional Pages, Forms, Forms, Navigation Bar, Navigation Bar, Sound, Sound, Texture and Texture and Personal Information – click Finish Personal Information – click Finish SAVE YOUR WORK SAVE YOUR WORK 1 st use SAVE AS (will save as a publisher file so you can reopen it and make changes later. 1 st use SAVE AS (will save as a publisher file so you can reopen it and make changes later. Then, use SAVE AS WEB PAGE (saves as web pages – not easily edited in publisher) Then, use SAVE AS WEB PAGE (saves as web pages – not easily edited in publisher) ALWAYS save both ways. Save after you make any changes both ways, too! ALWAYS save both ways. Save after you make any changes both ways, too!

Personalizing Wizard Pages Change Page Titles - Menu bar text changes automatically Change Page Titles - Menu bar text changes automatically Replace Text / Pictures with your own Replace Text / Pictures with your own Right click image Right click image Choose Change Picture (Retains size and location of the original picture) Choose Change Picture (Retains size and location of the original picture) Insert New Pictures or Text Insert New Pictures or Text Insert > Picture > From File (must resize to fit) Insert > Picture > From File (must resize to fit) Use Text Frame Tool on Toolbar to insert new text block. Use Text Frame Tool on Toolbar to insert new text block.

Adding More Pages Insert > Page Insert > Page Select type of page Select type of page Check the ADD HYPERLINK TO WEB NAVIGATION BAR This will create a page using the type of page youve chosen with all the hyperlinks to the pages on your site. Check the ADD HYPERLINK TO WEB NAVIGATION BAR This will create a page using the type of page youve chosen with all the hyperlinks to the pages on your site. More Options More Options Blank Pages Blank Pages One Text Frame One Text Frame Duplicate All Objects Duplicate All Objects Enter number of pages you want to insert Enter number of pages you want to insert Choose Before or After Current Page Choose Before or After Current Page Check the ADD HYPERLINK TO WEB NAVIGATION BAR Check the ADD HYPERLINK TO WEB NAVIGATION BAR Edit New Pages as described on Personalizing Wizard Pages Edit New Pages as described on Personalizing Wizard Pages

Publisher 2000 – Hyperlinks Image Hyperlinks Image Hyperlinks Right Click on Image then choose Hyperlink Right Click on Image then choose Hyperlink Select from Create Hyperlink To options Select from Create Hyperlink To options Text Hyperlinks Text Hyperlinks Highlight Text to be Hyperlinked Highlight Text to be Hyperlinked Right click on selected text or use Hyperlink icon Right click on selected text or use Hyperlink icon Select from Create Hyperlink To options Select from Create Hyperlink To options

Save as Web Page How different Publisher Versions save your Web Pages …using Publisher 2000 …using Publisher XP All Web Pages AND Images go into one common folder. Automatically names the homepage, index.htm The homepage is saved in the folder you select and a new folder is created to hold all images and added web pages. Must name the homepage manually as index.htm.

Viewing your Web Site You can use Web Page Preview at any time during the construction of your web site to see how it will look in a web browser like IE or Netscape. You can use Web Page Preview at any time during the construction of your web site to see how it will look in a web browser like IE or Netscape. You can also open the index.html file (this is your home page) directly from the folder where you saved the page. It will automatically open it in the default browser for the computer youre using. You can also open the index.html file (this is your home page) directly from the folder where you saved the page. It will automatically open it in the default browser for the computer youre using. For this class… this is all you have to do. But if you want, you can upload your web site to Kents Personal Server, continue on…. For this class… this is all you have to do. But if you want, you can upload your web site to Kents Personal Server, continue on….

Uploading to Server Can use WS_FTP LE or Secure Shell for Windows (SSH Can use WS_FTP LE or Secure Shell for Windows (SSH Can download either of these programs free from: (I recommend WS_FTP LE) Can download either of these programs free from: (I recommend WS_FTP LE) Theres an tutorial on how to use WS_FTP LE at … tutorials link Theres an tutorial on how to use WS_FTP LE at … tutorials link MUST know user name and flashline password to log-in to server MUST know user name and flashline password to log-in to server If saved as a Publisher 2000 web page (site), you MUST transfer all web pages and images from common folder (where you saved the page) into public_html folder on the server If saved as a Publisher 2000 web page (site), you MUST transfer all web pages and images from common folder (where you saved the page) into public_html folder on the server If saved as a Publisher XP web page (site), If saved as a Publisher XP web page (site), You SHOULD have named the page when you saved it as a publisher document as index.html. Then, when you save as a web page, your home page will be given the filename, index.html. A folder will be created automatically called, index_files. You MUST transfer both the index.html file and the index_files folder into the public_html folder on the server. You SHOULD have named the page when you saved it as a publisher document as index.html. Then, when you save as a web page, your home page will be given the filename, index.html. A folder will be created automatically called, index_files. You MUST transfer both the index.html file and the index_files folder into the public_html folder on the server. If you make changes later: If you make changes later: You MUST transfer all web pages and any new images in the common folder (using Publisher 2000) or the index.html file and the index_html folder (if using Publisher XP) to the server each time you make a change to any of your web pages. You MUST transfer all web pages and any new images in the common folder (using Publisher 2000) or the index.html file and the index_html folder (if using Publisher XP) to the server each time you make a change to any of your web pages.