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.