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

What do you need to Publish Your Web Site Package Free x Paid Using Webbuilder or all above in one Your Web Files HTML, JPG, GIF, TXT, SWF, PHP,... Domain Name Free x Paid Hosting Space Free x Paid

Little Web History and Search Engines Little Web History 1971 – ARPANET 14 Unix Computers Tim Berners-Lee HTML CERN in Geneva, 160,000 Computers Microsoft's Internet Explorer, AOL, CompuServe, 6,642,000 Computers ,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

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 Your Logo or name of your website, domain name, or business name Screen resolution 800x600 or 1024x768 Websites are never totally finished

How to create Web pages – WYSIWYG Editors Macromedia Dreamweaver Microsoft FrontPage NVU 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

FrontPage 2000 Layout

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

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

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

Useful Links FrontPage 2000 Basics Tutorials Web Site Planning Make your Web Site searchable tech.shu.edu/webdev/metatags/metamore.htm tech.shu.edu/webdev/metatags/metamore.htm 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/ pdphoto.org/en.wikipedia.org/wiki/Public_domaingimp- savvy.com/PHOTO-ARCHIVE/ Free Web Site Templates

End of 1st Part