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