Welcome to Saddleback College CIMW 115 Class Assignments

Farrokh Javaherian

Assignment h1

I will be using either DW, or NetBeans to create web pages. But you may use whatever editor or IDE you are comfortable with.

MS Word is a word processor not an IDE or editor.

In Dreamweaver (DW) make sure you site definition was previously created. When you open DW the site definition your previously defined should be active. DW maintains the previous workspace. Create Dreamweaver Step:

Essential HTML Tag Reference

Tag Description / Usage
html HTML ValidationHTML Hyper Text Markup Language, HTML 5.0; HTML first version based on XML ground up; First tag in all web page documents, Root tag of documnet
head head this is the header information of a web page; it is the first child of HTML; title, links to JavaScript or CSS files
body body of the web page — this is what we see on the web page; 2nd child of HTML, HTML has only 2 children head and body
a anchor tag can use href="url".
  • full address which has the protocol://server/location/folder/file
  • relative address where we can drop off protocol, server and just specify file
div div block neutral tag, no formatting except it has a new line break before and after;

paragraph newline break before and after with default formating

ol ol is ordered list, ordering or numbering to the list
li list item, each item inside the ordered or unordered list has an li tag
span span inline neutral the no formatting
table table tag, defines a table. We usually specify the width and border in the table tag
td td is table data, it is the column in the row
th table header, strong and centered td tag
tr tr table row which has td for each column, th if want table strong and center
ul unordered list
tr table row holds the data cells td and header cells th
index

The main navigation portal for all course submissions.

hobbies

Personalized page detailing hobbies and interests. (Project 1)

htmlSummary

A document summarizing key HTML tags and concepts.

DW3

Dreamweaver Assignment 3: Layout and image integration exercises.

DW4

Dreamweaver Assignment 4: Advanced navigation and accessibility features (Hot Keys).

About

A biographical page introducing the developer to the class.

Contact

A responsive HTML template designed for email marketing or correspondence.

Email Flyer

A responsive HTML template designed for email marketing or correspondence.

Finals

A responsive HTML template designed for email marketing or correspondence.

learning HTML at Saddleback College

Image: Student coding with the Saddleback mission architecture in the background.