:
← Older revision
Revision as of 16:03, 22 February 2014
(3 intermediate revisions not shown)
Line 7:
Line 7:
Learning outcomes
Learning outcomes
* explore the HTML language formatting and element structures
* explore the HTML language formatting and element structures
-
* create and HTML file
+
* create and
save an
HTML file
* preview an HTML file in a browser
* preview an HTML file in a browser
-
* use character entities to display special characters
* add comment to an HTML file
* add comment to an HTML file
-
-
* set up style sheets in an HTML file
-
* reference color identifiers
-
* specify document colors
Line 32:
Line 27:
{{Media|}}
{{Media|}}
-
* Wendy Willard - Chapter 2. Document Setup
+
* Wendy Willard - Chapter 2. Document Setup
, Chapter 3. Style Sheet Setup <br />NOTE: the textbook introduces the concept of Cascading Style Sheets (CSS) right from the beginning. Many other HTML books and tutorials address CSS as a separate topic for more advanced web page development. For CIS89A we are following the textbook sequence. If you use other guides or books, you will find the CSS references are usually covered toward the end of the material or in a separate guide specifically for CSS.
* HD.B
* HD.B
* Visual Quickstart - 3. Basic HTML Structure
* Visual Quickstart - 3. Basic HTML Structure
Cascading StyleSheets (CSS)
Cascading StyleSheets (CSS)
-
* Wendy Willard - Chapter 3. Style Sheet Setup
* HD.CSS,
* HD.CSS,
* Visual Quickstart - 8. Working with Style Sheets
* Visual Quickstart - 8. Working with Style Sheets
-
* Visual Quickstart - 7-14
* Visual Quickstart - 7-14
+
+
HTML editor
* [https://webmaker.org/en-US/login Webmaker] - Thimble editor
* [https://webmaker.org/en-US/login Webmaker] - Thimble editor
Personal Learning Network / Environment
Personal Learning Network / Environment
-
==<br />Assignments==
==<br />Assignments==
-
All
HTML files
need
to
have
the html, head,
title and
body
tags
,
along
with the
doctype identifier
.
Your HTML
file should include
all of these.
+
There are several types of activities within the Assignments for each module. In addition to preparing and publishing actual web pages as
HTML files
, you will be doing research, participating in discussions and test driving web based tools that will introduce you
to
other web resources.
+
+
For each module you will create a web page that includes a number of HTML elements, tags and techniques. Save your file as
the
file name for the assignment and demonstrate all the HTML elements in the assignment list.
+
+
* cis89abasic1 - doctype,
html, head, body,
p, <--
+
+
For example, for this assignment Basic HTML, save your work
with the
file name cis89abasic1
.
This
file should include
the elements and tags used appropriately: doctype, html, head, body, p, <--
+
+
# Review Chapter 2. Document Setup.<br /><br />
# Review Chapter 2. Document Setup.<br /><br />
# If you haven't created a [https://webmaker.org/en-US/login Webmaker account], do it now. If you have an account - sign in. You will need an account to save your work.<br /><br />
# If you haven't created a [https://webmaker.org/en-US/login Webmaker account], do it now. If you have an account - sign in. You will need an account to save your work.<br /><br />