CS 195 Web Development I

Download Report

Transcript CS 195 Web Development I

CS 195
Web Development I
Introduction
What is a Web Page?
What is a Web Page?
A document containing text,
graphics, links, and other
objects described in a text
file using HTML tags to
specify the layout of the
elements on the page.
Terminology
 Web
Server
 Web Browser
 HTTP
 HTML
 URL
•
•
http://server/folder-path/filename.htm
file:///folder-path/filename.htm
Site Organization & Names
 Site
•
•
Folder
“home” page (index.htm)
other files & folders
 File/Folder
•
•
•
no spaces & assume case sensitivity
use consistent & descriptive names
filename extensions (.htm, .jpg, .gif)
 Special
•
•
Naming Conventions
Filenames
default.htm
index.htm
What’s on a web page?
What’s on a web page?







Paragraphs of text
Formatted text
Headings
Lists
Rules (horz. lines)
Links (to pages, mail
addresses, files)
Background (color
or pattern)








Images / Graphics
Image Maps
Tables
Frames
Forms
Sound Clips
Video Clips
Java Applets
Web Page Layout
Considerations
 HTML
is not WP or DTP
 Can’t control page size
 Little font & size control
 Limited control of position of
graphics
 Why these limitations?
•
HTML is platform independent
Before Starting a Web Site
 Why
•
•
•
are we building this site?
make money
disseminate information or opinion
ego
 How
does the type of site affect the
design?
•
use restraint
Slide 1 of 2
Before Starting a Web Site
 Who
•
•
•
is your target audience?
age group
reading level
motivation
 What
is your audience looking for?
 What is to be the content?
• everything should have a purpose
Slide 2 of 2
HTML Reference
 Sizzling
HTML Jalfrezi
•
http://www.jalfrezi.com
•
http://freespace.virgin.net/sizzling.jalfrezi/iniframe.htm
 FYI:
"Jalfrezi" is a curry from India.
Tools for Creating Web Pages
 Text
Editor
 Word
Processor
 HTML
Editor
 WYSIWYG
Editor / Web Page
Authoring Tool
 Other
Programs that Generate
Web Pages