110 likes | 277 Views
SL Public Library - Computer Services. Build your Web Site – Part 1. 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
E N D
SL Public Library - Computer Services Build your Web Site – Part 1 • 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 • Your Web FilesHTML, JPG, GIF, TXT, SWF, PHP,... Domain Name Free x Paid www.name.home.comcast.netwww.yourcoolweb.comHosting Space Free x Paid www.freewebspace.netwww.afmu.com • or all above in one • Package Free x Paid Using Webbuilder www.comcast.netwww.yahoo.comwww.freewebs.com
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
Planning Your Web SiteWebsite 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/ • 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 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 • Macromedia Dreamweaver • Microsoft FrontPage • NVUwww.nvu.com free
Delete a Page Page Properties – General Tab Themes Color Scheme Navigation Bar Text Creating Links Graphics and Pictures Screen Layout - Cont. • Page view • Folders view • Reports view • Navigation view • Hyperlinks view • Tasks view • Save a Web • Add a Page
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 calledindex.htmordefault.htm, this will be your main web page that users will access to navigate the rest of your web • The folder_Privatewill house FrontPage specific files and you will not need to access this • The Imagesfolder 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>>Themefrom menu bar and select(No Theme)and clickOK
Useful Links • FrontPage 2000 Basics Tutorials www.layoutgalaxy.com/frontpage2000/intro.php4www.actden.com/fp2000/java/toc.htm • Web Site Planning www.ebizwebpages.com/main/website_planning • Make your Web Site searchable tech.shu.edu/webdev/metatags/metamore.htmwww.submit-it.com/subopt.htm?tipq=5 • Free Public Domain Pictures and Clipart What is public Domain: en.wikipedia.org/wiki/Public_domainWebsites with free images: gimp-savvy.com/PHOTO-ARCHIVE/www.elated.com/imagekitspdphoto.org/ • Free Web Site Templates www.freewebtemplates.com/www.elated.com/pagekits/