Build your Web Site – Part 1

SL Public Library - Computer ServicesWhat do you need to Publish Your Web SiteLittle Web History and Search EnginesPlanning your Web SiteHow to create Web Pages – WYSIWYG EditorsFrontPage Intro – Screen LayoutUse FrontPage Wizard and TemplatesUseful Links

What do you need to Publish Your Web Site

Package Free x Paid Using Webbuilder 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

Little Web History and Search EnginesLittle Web History

1971 – ARPANET 14 Unix Computers1989 - Tim Berners-Lee HTML CERN in Geneva, 160,000 Computers1995 - Microsoft's Internet Explorer, AOL, CompuServe, 6,642,000 Computers2000 - 93,047,785 Computers2006 – 394,991,609 Computers

Search EnginesSoftware that enables users to search the

Internet using keywordsYour Web Site can be found by URL or by searching with KeywordSearch 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

Macromedia Dreamweaver

Microsoft FrontPage

NVU www.nvu.com free

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 WizardOpen 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

ThemesThemes 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 www.layoutgalaxy.com/frontpage2000/intro.php4 www.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.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/

Free Web Site Templates www.freewebtemplates.com/ www.elated.com/pagekits/

End of 1st Part