Transcript North Lake College

Web Terminology
Intro to Web
HTML vs. XHTML


HTML: Hypertext Markup Language
XHTML: eXtensible Hypertext Markup
Language
• Replaced HTML as a standard for web pages
• Has very similar coding rules as HTML
• Our code examples will be in XHTML
North Lake College
2
by Sean Griffin
HTML vs. XHTML (Differences)
HTML
XHTML
Elements & attribute names in
lowercase
<P>
<p>
Attributes in quotes
<td nowrap>
<td nowrap=“nowrap”>
Nonempty elements must have
closing tags
<p>not valid
<p>valid</p>
Empty tags must have a space
then / ending the tag
<br>
<br />
North Lake College
3
by Sean Griffin
Sample XHTML Code
North Lake College
4
by Sean Griffin
File-Naming Conventions



No spaces
No special characters
Use lowercase letters
North Lake College
5
by Sean Griffin
File Name Extensions
File Name Extensions
Extension
.htm, .html
.gif
.jpg
.swf
.mov
.avi
.aif
North Lake College
Usage
Use either in most cases, but be consistent
GIF images
JPEG images
Flash movies
QuickTime movies
AVI movies
AIFF sound files
6
by Sean Griffin
Cascading Style Sheets (CSS)




A text based file
Commonly used to format a web pages
• Ex:
Fonts, Borders, positioning elements
Formatting saved in a .css file
Benefits: changes can be made in one
file that affect entire websites.
North Lake College
7
by Sean Griffin
eXtensible Markup Language (XML)

Commonly used as a tag set enclosing
data
Source: Wikipedia.com
North Lake College
8
by Sean Griffin
Demystifying DHTML

Mix of XHMTL, JavaScript, CSS, and
DOM (Document Object Model)

Uses:
• Animation
• Drag & drop
• Rollover buttons
North Lake College
9
by Sean Griffin
JavaScript

Is not like Java
It extends the functionality of XHTML

Uses:

• Rollovers
• Closing Browser Windows
• Browser Sniffing
North Lake College
10
by Sean Griffin
Web Applications

Web sites that deliver dynamic data or
are data driven
• Ex:

Amazon.com, eBay.com
Web apps commonly connect to
databases
North Lake College
11
by Sean Griffin