CSC 343: The Week beginning Jan. 12
Homework:
Part 1. Intro HTML.
Make an HTML page that includes the following: DOCTYPE, html, head, body, title, h1, h2, div, span, p, a, img, ul, ol, li, br, hr.
You may want to watch the tutorials
Learn HTML in 12 Minutes
and
Learn More HTML in 12 Minutes
or refer to
HTML Tag Reference
Part 2. Intro CSS.
Work though the following tutorial
Learn CSS in 12 Minutes
(I prefer real text but you can use this
Lorem ipsum generator
)
Part 3. Intro JavaScript.
Work though the following tutorial
Learn JavaScript in 12 Minutes
He erases a lot of stuff; you should not. You should keep at least five different write statements. One must demo an array, and one must demo a loop.
Due: Jan. 20
Tuesday:
Syllabus
Inclass demo posted yet.
A series of "Hello World" programs to examine:
Hello World 1
(simple HTML5 file)
Viewing the Source in Mozilla Firefox
Saving the Page in Mozilla Firefox
Viewing the Source in Internet Explorer
Saving the Target in Internet Explorer
PowerPoint on Dreamweaver (Preferences and New Page)
Hello World 1a
(simple HTML5 file with more elements)
Hello World 2
(adds a little CSS)
Hello World 3
(adds a JavaScript alert)
Hello World 4
(adds HTML, CSS and JavaScript comments)
Hello World 5
(JavaScript document.write)
Hello World 6
(JavaScript document.getElementByID and innerHTML)
Hello World 6a
(Appending instead of overwriting)
Hello World 7
(Event-driven: button calls function)
Hello World 7a
(Event-driven: function with parameter)
Hello World 8
(Uses a variable and prompt to get input from user)
Hello World 9
(Uses a variable and get value from textbox)
Hello World 10
(Adds some jQuery -- based on pages 34 & 120 from
JavaScript & jQuery: the missing manual
-- MacFarland)
Lab: One of these things is not like the other
uses
PeopleImagesZipped.zip
Due: Jan. 22