Scribd
Upload
20 views20 pages

HTML

Uploaded by

printableboon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
20 views20 pages

HTML

Uploaded by

printableboon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 20

Introduction to Web Design

Lecture #1: Introduction to HTML/CSS

Jonté Craighead & Cathy Zhang

January 6th, 2009

Student Information Processing Board (SIPB)

1
Overview
 Editors

 HTML document structure

 CSS

 Web browsers

2
Text Editors
 jEdit
 Notepad++ (Windows only)
 Kate (Windows: partial)
 gedit
 Emacs
 Vim

3
Text Editors: jEdit

4
Text Editors: Notepad++

5
Text Editors: Kate

6
Text Editors: gedit

7
Text Editors: Emacs

8
Text Editors: Vim

9
WYSIWYG Editors
 Dreamweaver

 Microsoft Frontpage

10
WYSIWYG Editors: Dreamweaver

11
WYSIWYG Editors: Frontpage

12
WYSIWYG Editors: Frontpage

13
WYSIWYG Editors: Frontpage

Example:

sipb.mit.edu/iap/webdesign/examples/fir.html

14
HTML Document Structure

Example:

sipb.mit.edu/iap/webdesign/examples/wmda.html

15
HTML Document Structure

Reference:

http://www.w3schools.com/tags/default.asp

16
HTML Document Structure
 Tag/element nesting
 Attributes
 Indentation
 Use elements for their intended purpose
− Tables for data, not layout
 Deprecated elements (new HTML tags or CSS)
 HTML comments

17
HTML Document Structure
 Document Types
− .html/.htm
− .xhtml
− .php
− .asp/.aspx
− .do
− .jsp/.jspx
− .ssi
− .cgi/.fcgi

18
XHTML vs. HTML
 All tags must be in lower case
 All documents must have a doctype
 All documents must be properly formed
 All tags must be closed
 All attributes must be added properly
 The name attribute has changed
 Attributes cannot be shortened
 All tags must be properly nested

19
Other SIPB Classes
• Caffeinated Crash Course in PHP
• Jan 12 07:30pm-10:30pm, 4-237
• Building Websites for Mobile Devices
• Jan 19 07:30pm-09:30pm, 4-237

20

20

You might also like