CS 101 Web Site Construction, Fall 2015, Instructor: Jeffrey Horn
COURSE ANNOUNCEMENTS (Monday, Dec. 7, 2015)
What's REALLY New:
- FINAL EXAM INFORMATION. See below.
Not so New (Older Announcements):
- A6 is up (to be finalized by Thursday Oct. 29). See below.
- A5 is up. See below.
- As announced in class, A4 is due the weekend before Columbus Day.
- Quiz 2 is (finally) coming! (Thursday, Sept. 24, 2015, in class. See below for details.)
- A3 now has a final, official due date! (End of this week: Friday, Sept. 25, 2015, midnight)
- A4 is up on the web for your perusal. It will be officially "assigned" on Thursday (Sept. 24) Click here.
- Quiz 2 is coming! (Thursday, Sept. 17, 2015, in class. See below for details.)
- A3 is assigned. See below for details and due date.
- A3 will be assigned on Tuesday of next week.
- As announced in class Tuesday, Quiz 1 is this Thursday, Sept. 3, 2015. See below.Assignment 2 assigned. Due next week. See below.
- Assignment 1 (graded S/U) assigned. See below.
- Please bring your laptop to class this week, for installation of a "smart" text editor.
- Welcome to class!
Administrativa
- Syllabus
-
Jeff's
Office Hours
- Tutoring:
LESSON PLAN (a
rough guide, subject to change...)
|
|
Date |
LECTURE TOPICS (tentative) |
READINGS (read before
lecture, when possible!) |
ASSIGNMENTS (in lab period) |
|
1 |
8-25,
8-27 |
|
Chapter 1 (sections
1.1-1.6), pp. 1-12. |
Begin
work on A1, start some grading. |
|
2 |
9-1 |
|
Chapter 1 (sections
1.7-1.9), pp. 13-22. |
Continue
working on A1 |
|
2 |
9-3 |
|
Chapter
2, (sections 2.1-2.14), pp. 23-44. |
By
end of class period, finish all A1 grading. More on A2. |
LECTURE
SUPPLEMENTS
VIDEOS (index of all CS 101 videos)
WORKSHOPS
and WORKSHEETS:
- Krent's CSS Workshops:
- Hexadecimal Numbers
-
Assignment 1
"Software Setup"
- Handed out: Thursday, August 27, 2015
- Due:
Tuesday, September 1, IN CLASS!
- Readings:
None. (But you should be reading Ch. 1 of our Jamsa text. See Lesson Plan.)
-
Goals:
Become
familiar with basic concepts of text files (as web pages), editors vs.
browsers, organization using folders.
- Details:
-
Graded
S/U (pass/fail)
-
Use
any TEXT editor you like (e.g., NotePad,
WordPad, etc.)
- Create a folder named "A1"
- Within
your new A1 folder, create a file named "A1.html"
- Put
some basic information into it, like your name
- Save
it and view it in a browser.
- Show
it to me.
- Then edit the file again and add some more info. Save it, view it in a browser, and show it to me.
-
Assignment
2 "Retro Web Page (circa 1995)"
- Handed out: Tuesday, September 1, 2015
- Due: Wednesday, September 9, 2015 (midnight)
- Readings: Chapter 1, pp. 8-25 (up to, but not including, the section on FTP).
-
Goals: Create
a first, complete web page using some of the early web elements
characteristic of the mid-1990s (see examples from he WWW
directory book that I passed around in class, or just look at MY class
web pages!). This will help you get started in web page development
while also giving you a feel for the history of the web. Specifically,
create a static web page with lists and hyperlinks, and good structure,
meaning proper nesting of html elements and good style (indenting and
comments).
- Details: Click here
-
Assignment 3 "Images and CSS"
- Handed out: Tuesday, September 8, 2015
- Due: Friday, Sept. 25, 2015, midnight, by email (see Details, below, last task, number 10)
- Readings from Jamsa text: Ch. 2 about images, Ch. 3 for hyperlinks (up to p. 65), Ch. 7 (just pp. 171-182) for CSS (inline and embedded, NOTexternal!).
- Goals: Create a static web page with images in various roles. Learn CSS basics by using in-line styles and embedded style sheets.
- Details: Click here.
- Handed out: Thursday, Sept. 24, 2015
- Due: Saturday, Oct. 10, 2015
- Readings from Jamsa text:
- Chapter 5 of the Jamsa textbook
- You should read ALL of Ch. 5 but for this assignment you will need only the material in Ch. 5 up to page 112.
- Goals:
-
Learn basic use of
<table> element
- Table
with text, video, links.
- Publishing a web page
- ftp
to a server (via Fetch, WSFTP, Network Locations, winSCP,
filezilla, or other FTP client)
- constructing
a URL (based on the location of the file on the server)
-
Learn basic use of
<table> element
- A bit more CSS
(Cascading Style Sheets), for centering.
- Handed out: Tuesday, October 13, 2015
- Due: Wednesday, October 21, 2015 (midnight)
- Reading:
- Chapter 6 of the Jamsa textbook (All of Ch.6! It is short and all of the sections have good material. )
- I strongly recommend you use FormEcho to test your code! (see details on A5 web page). It is very helpful in seeing what is going on in this complex situation of multiple servers and files!
- Goals:
- Design and implement a web form, as an interface to an existing server-based script (program).
- Learn to use several different versions of the <input> form element (i.e., text, submit, hidden, password, all of which are values for <input>'s "type" attribute).
- Learn to be the interface between user and (script) programmer
- Details: Click here.
- Handed out: Thursday, October 28, 2015
- Due: TBA
- Readings: Ch. 6 of Jamsa text (same as for A5!), and pp. 182-5 of Ch. 7.
- Goals:
- Learn how to work with a realistic server-side script by implementing a medium-size survey form.
- Learn to be the interface between user and (script) programmer.
- Learn how to use external style sheets
- Learn to use form grouping elements <legend> and <fieldset>
- Details:
Click here
- Tuesday, December 8, 2015, 7pm-8:50pm, in our usual classroom, JXJ 3313.
- Guide to the final exam here.