Web Page Fundamentals HTML: The Language of the Web

Key Internet Vocabulary Web Page—An individual page on the Web Web Site—A collection of related pages on the Web Home Page—The page that first appears when going to a site; provides info about the Web site’s purpose and content Web Editor—A program that writes “code” or HTML FrontPage (Microsoft) Dreamweaver (Macromedia)

Home Page First page that users see when they access a web site Creates the first impression and sets the tone for organization and content in the site

Links Users access local and remotely stored web pages linked to the web page by clicking on links Links can Take users to other web pages at the same or different site Jump the cursor to another place on the same page Download a file Connect the user to other Internet resources, such as Links can be a word, phrase or an image

Content The content is the substance of a web site. It can be made up of: Text documents Graphic images Sounds Downloadable movie clips Links to other related sites

HTML Hypertext Markup Language Allows you to create Web Pages Instructions for the Web Browser (tells it what page should look like)

HTML Language Uses Tags or Angle Brackets Start Tags Ending Tags

You try it… What does this tag mean? Text Goes Here Center Text Text Goes Here Header 1 Text Goes Here too! Paragraph

Writing in Code Why write in code? More Freedom To learn the Language What do we use? NotePad or WordPad Warning: Be very careful to type and save things exactly right, or your page may not work!!

Steps in Creating a Web Page Determine the purpose Establish goals Identify objectives Plan the content Write text and enter it into a word processor or web page creation program

Steps in Creating a Web Page Organize content Layout the web page Add graphic images Proofread!!! Spelling errors Grammatical errors Inconsistencies in content and layout

Steps in Creating a Web Page View the web page off-line Make any needed adjustments and corrections This is where our class work will stop—we will not publish on-line.

Steps in Creating a Web Page Use FTP (file transfer protocol) to move the files to the web site host Test the web page using different browsers (Internet Explorer and Netscape) to access it from the Internet Refine and UPDATE as needed

Rules of Good Web Page Design Good balance between text and graphics—use symmetry Text is readable; background not distracting; good contrast Web page loads fairly quickly Interesting use of color; good graphics and/or multimedia objects Web page purpose is clear