1. Build your Web Site – Part 1 SL Public Library - Computer Services What do you need to Publish Your Web Site Little Web History and Search Engines Planning your Web Site How to create Web Pages – WYSIWYG Editors FrontPage Intro – Screen Layout Use FrontPage Wizard and Templates Useful Links

2. What do you need to Publish Your Web Site Package Free x Paid Using Webbuilder www.comcast.net www.yahoo.com www.freewebs.com www.comcast.net www.yahoo.com www.freewebs.com or all above in one Your Web Files HTML, JPG, GIF, TXT, SWF, PHP,... Domain Name Free x Paid www.name.home.comcast.net www.yourcoolweb.com Hosting Space Free x Paid www.freewebspace.net www.afmu.com www.freewebspace.net www.afmu.com

3. Little Web History and Search Engines Little Web History 1971 – ARPANET 14 Unix Computers 1989 - Tim Berners-Lee HTML CERN in Geneva, 160,000 Computers 1995 - Microsoft's Internet Explorer, AOL, CompuServe, 6,642,000 Computers 2000 - 93,047,785 Computers 2006 – 394,991,609 Computers Search Engines Software that enables users to search the Internet using keywords Your Web Site can be found by URL or by searching with Keyword Search by your Web Site Title and HTML Meta Tags Google, Yahoo, Altavista, Lycos,... Paid x Free Search Engine Registration

4. Planning Your Web Site Website planning is probably the most important part of building a website Without any planning it will take you longer to complete it Why, Who, What - set goals, audience and start small First create Web site with Paper and Pencil and draw a diagram Choose Colors, Collect Images www.visibone.com/colorlab/ www.visibone.com/colorlab/ Your Logo or name of your website, domain name, or business name Screen resolution 800x600 or 1024x768 Websites are never totally finished

5. How to create Web pages – WYSIWYG Editors Macromedia Dreamweaver Microsoft FrontPage NVU www.nvu.com freewww.nvu.com WYSIWYG (pronounced WIZ-zee-wig), an acronym for What You See Is What You Get, the term describes a user interface that allows the user to view something very similar to the end result while the document or image is being created. Notepad Editor - HTML

6. FrontPage 2000 Layout

7. Screen Layout - Cont. Page view Folders view Reports view Navigation view Hyperlinks view Tasks view Save a Web Add a Page Delete a Page Page Properties – General Tab Themes Color Scheme Navigation Bar Text Creating Links Graphics and Pictures

8. Creating a Web with Web Wizard Open FrontPage and Select File>>New>>Web from the Menu bar or select the down arrow next to the New button and select Web Select the type of web to create... Enter a location to save your web After you are finished with web wizard you will see a number of folders and one file called index.htm or default.htm, this will be your main web page that users will access to navigate the rest of your web The folder _Private will house FrontPage specific files and you will not need to access this The Images folder contains your images/movies/sounds in your web

9. Creating a Web from a template FrontPage has many pre-made templates to make it easy for the designer to create custom pages Select File>>New>>Page and select a page template. Then click OK Replace the place-holding text with your own and Save Themes Themes add color, images, and consistent format to all of your web pages in quick fashion Open a web page and select Format>>Theme Select to apply theme to all pages or only current page Select the type of theme and select the check boxes next to any properties you would like to implement If you wish to change colors, graphics, or text, press the appropriate buttons and click OK To remove a theme, select Format>>Theme from menu bar and select (No Theme) and click OK

10. Useful Links FrontPage 2000 Basics Tutorials www.layoutgalaxy.com/frontpage2000/intro.php4 www.actden.com/fp2000/java/toc.htm www.layoutgalaxy.com/frontpage2000/intro.php4 www.actden.com/fp2000/java/toc.htm Web Site Planning www.ebizwebpages.com/main/website_planningwww.ebizwebpages.com/main/website_planning Make your Web Site searchable tech.shu.edu/webdev/metatags/metamore.htm www.submit-it.com/subopt.htm?tipq=5 tech.shu.edu/webdev/metatags/metamore.htm www.submit-it.com/subopt.htm?tipq=5 Free Public Domain Pictures and Clipart What is public Domain: en.wikipedia.org/wiki/Public_domain Websites with free images: gimp- savvy.com/PHOTO-ARCHIVE/ www.elated.com/imagekits pdphoto.org/en.wikipedia.org/wiki/Public_domaingimp- savvy.com/PHOTO-ARCHIVE/ www.elated.com/imagekitspdphoto.org/ Free Web Site Templates www.freewebtemplates.com/ www.elated.com/pagekits/ www.freewebtemplates.com/ www.elated.com/pagekits/

11. End of 1st Part