Basic HTML Workshop Session 1: Introduction to HTML Fall 2006
What is the Internet? Inter-connection of computer networks Interconnected networks worldwide Computers access other networks
Computer Network Computers communicate with each other Each computer uniquely identified Networked computers share address
Functions of the Internet WWW (World Wide Web) Browsing Web pages (HTTP) Online Chat File Transfer Protocol (FTP) > Session 2 Net News
World Wide Web Collection of documents Stored on servers Enables access to information Recognizes and displays file format Created by Tim Berners-Lee
Web Page Collection of files Web page Sound files Video files Image files
Web Page Web page = Files uploaded to Internet HTML code Images Media
HTML (Hypertext Markup Language) Programming language Used to create Web pages Gathers web page files together Makes hyperlinks available
Browsers Software to view Web pages Understand programming languages Display what is programmed Internet Explorer Netscape Firefox Safari
Editors Software used to write HTML code Text Editors Text Editors with Features Advanced Editors
Text Editors Notepad, Wordpad, SimpleText, TextEdit
Text Editors with Features Homesite, BBEdit, Arachnophilia
Advanced Editors Dreamweaver, Microsoft Frontpage
Web Servers Computers that house Web sites Upload HTML files to Web server (FTP) Server Other computers request pages through the server (HTTP)
URL (Uniform Resource Locator) a b c d a: Protocol b: Domain name (server name) c: Directory name (the space in the server reserved for you) d: File name
URL (Uniform Resource Locator) www2.hawaii.edu ~yokokudo 601 pathfinder.htm bib.plan.htm 694
Planning a Website Create effective web pages Audience? Message?
Planning a Website Clear and simple contents Simple navigation and structure Small file size Avoid too many visual effects
Clear Naming Conventions Looking for job listings? JobsEmployment OpportunityJob-o-Rama Obvious Less obvious Requires thought Steve Krug, Don’t Make Me Think!: A Common Sense Approach to Web Usability (Indianapolis, Ind. : Que, c2000), 14.
Clear Navigation Resume What to click? Steve Krug, Don’t Make Me Think!: A Common Sense Approach to Web Usability (Indianapolis, Ind. : Que, c2000), 14.
Sample Sites Queen’s Borough Public Library Rudy’s Alaska Fishing Page The Bus: Oahu transit services
Your Homepage Set up your space on the UH server! URL…
Exercise 1 Sign in with your UH username and password. 2 Under “Personal Home Page Options” click on the link “Create Homepage.” 3 Put in a title, choose a logo, and type in some text in the comment box. Press continue. Write down your home page URL address (e.g. 4 Open a new browser window. Type in the address of your new homepage. 5 Once you make your homepage, the address will be username. Notice that index.html is not added to the end of the address, but rather it is implied. To establish your space on the UH server and create a home page: Go to