WWW Basics

Objectives of Web Site Sharing Resources http://www.microsoft.com/downloads/ Disseminating Information http://www.wikipedia.com Selling Products and Services http://www.amazon.com Sharing Personal Information http://userpages.wittenberg.edu/ Tutoring http://www.pagetutor.com/ Searching for Information www.yahoo.com

Initial Considerations Who is the target audience? Homogenious? Technical savvy? Hardware considerations? What are you trying to accomplish? To inform? To entertain? To share resources? To sell products or services? Why should the client return to your site? Is easy to use? Is attractive? Has fresh information?

Terminology Local Area Network (LAN) Internet Collection of computers connected together in a limited area to share recourses Internet World-wide network of computer networks Internet Service Provider (ISP) Commercial firmst that provide facilities to allows users to be connected to the Internet Internet Protocol Rules and standards used in transm itting data over a network

Terminology (cont) World Wide Web (WWW) Web Server Web Brower World-wide collection of Web sites accessible via the Internet Web Server Computer (or software) that maintains Web pages and makes them available to clients world-wise Web Brower Software system to display Web based documents on a client computer Hypertext Document containing links to other pages Hypertext Markup Language (HTML) Language which the browser interprets to display text and images and execute sound and movies

URL Uniform Resource Locator (URL) Address of a Web page http://www.chaminade.edu/faculty/ rmaruyam/110/110sched.html URL parts http www chaminade.edu faculty/rmaruyam/110/ 110sched.html protocol server domain path file  

Elements of Web Page Development HTML Client-side Scripting (Javascript, VBScript, Java) Server-side Scripting (pearl, ASP, php) Graphics, audio, video files Applets Databases Development Tools Text Editor HTML Editor Web Site Authoring Software (Dreamweaver, FrontPage, StarHTML, Komposer, Seamonkey)

Web Site Production Steps Designing Site Layout Story board Designing Page layout Creating Page elements Testing Web pages on local computer Publishing Web pages (uploading to server) Testing Web pages on server

Story Board

Site Organization Home Page General Information (1. History; 2. Atmosphere, etc.) Menu (1. Meat; 2. Fish; etc.) Menu Details Wine List Awards Reviews Out Chefs Customer Comments -Roxanne

Web Site Design (without a computer) Brain storm for ideas What should the site offer? No criticizing or vetoing at this stage Sort topics and features by importance Must haves It would be nice to haves Wish list Sketch out structure--assign folders to sections that will grow Put yourself in the customer's shoes. What should the home page offer Create a first-draft sketch of the site organization

Page Layout

Publishing Web Pages Create Web pages on your computer Test Web pages--contents, links, etc.– on your computer Upload your Web pages to the Web Server Maintain identical folder structures on your computer and on the Server Test Web pages on the Server To modify a Web page, modify it on your computer and then upload it to the Server

Folder Structure When a Web site contains many pages (maybe 1000’s), an appropriate folder structure is indispensable. The folder structure in the developer’s local computer must mirror the folder structure in the server.

Folder Structure (cont.) H:\ History\ English\ CS110\ projI\ practice\ projII\ File2.html File1.html