CS 101 Web Site Construction, Fall 2014, Instructor: Jeffrey Horn
COURSE ANNOUNCEMENTS (Monday, December 8, 2014)
What's REALLY New:
- FINAL EXAM INFORMATION. See below.
- A7 can be turned in as late as Sunday, December 21, 2014.
- Assignment 7, "FIND WALDO! JavaScript (with Image Maps)", assigned. See below.
Not so New (Older Announcements):
- Assignment 6, "SURVEY FORMS", assigned. See below.
- Quiz 5, on INTRODUCTION TO FORMS, in class on Thursday Oct. 30, 2014. See below for more details.
- Assignment 5, "Intro to FORMS and Server-side Scripts", assigned. See below.
- Assignment 4, The Class Ring, assigned. See below.
- Quiz 3 will be in class on Thursday, Oct. 2, 2014. See below for details. There is a practice Q3 emailed to you and also available online below. We will go over the solution to this practice quiz in class on Tuesday, Sept. 30, 2014, so I suggest that you try taking this practice quiz on your own before class. Note that the practice quiz 3 is about twice as long as the actual one will be!In preparation for Assignment 4 (A4), try to watch (there may be technical issues with viewing video files) videos numbered 3-6, here (note that videos 5 and 6 are the same video but in different resolutions/sizes).Added a link (below) to a list of all videos for this course.
- Assignment 3 (A3) is up. See below.
- Three people have not finished A1! If you are one of these folks, you must see me ASAP!
- Quiz 2 will be in class this Thursday, Sept. 11. See below for more information.
- Assignment 2 (A2) is up. See below.
- We will try to finish checking off the A1's in class Tuesday, Sept. 2.
- We will also introduce A2 (see below).
- Quiz 1 will be in class this Thursday, Sept. 4. See below for more information. Welcome to class!
- Please bring your laptop to class this week, for installation of a "smart" text editor.
- This is where old announcements go, so that you won't miss any news!
Administrativa
- Syllabus
-
Jeff's
Office Hours
- Our text's web site.
- Tutoring:
- We have our own,
departmental, CS tutor (for 101 and other CS courses)
- Click here for the
latest CS tutor hours. (coming...) This semester the
tutor is __________, and the last time I checked his/her hours were:
- __________________ in
JXJ 2311 (Phone 227-2020
8am-5pm)
- The All Campus Tutoring
Center (ACT) also has some tutors for CS 101
- ACT
web site
- CS 101 tutoring
schedule (from ACT web site; go here
for latest):
LESSON PLAN (a
rough guide, subject to change...)
|
Day |
Date |
LECTURE TOPICS (tentative) |
READINGS (read before
lecture, when possible!) |
ASSIGNMENTS (in lab period) |
|
1 |
Tuesday, 8-26-14 |
|
Chapter 1 (sections
1.1-1.6), pp. 1-12. |
Begin
work on A1, start some grading. |
|
2 |
Thursday, 8-28-14 |
|
Chapter 1 (sections
1.7-1.9), pp. 13-22. |
Continue
working on A1 |
|
3 |
Tuesday, 9-2-14 |
|
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: Tuesday, August 26, 2014
- Due:
Tuesday, September 2, 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 2, 2014
- Due: Wednesday, September 10, 2014 (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: Thursday, September 11, 2014
- Due: Monday, September 22, 2014 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, NOT external!).
- 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.
- Assignment
4 "Class Ring"
- Handed out: Tuesday, Sept. 30, 2014
- Due: TBA
-
Details:
Click here
-
Assignment 5 "Intro to
FORMS and Server-side Scripts"
- Handed out: Thursday, October 16, 2014 (URLs for scripts fixed on Tuesday, Oct. 21, 2014)
- Due: Wednesday, October 29, 2014 (midnight)
- Reading: Chapter 6 of the Jamsa textbook
- 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
-
Assignment 6 "Survey Forms
"
- Handed out: Thursday, October 30, 2014
- Due: Monday, November 10, 2014 (midnight!)
- 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
-
Assignment 7 "FIND WALDO! JavaScript (with Image Maps)"
- Handed out: Tuesday, November 18, 2014
- Due: Last week of classes
-
Goals:
- Learn to use image maps
- Intro to Javascript programming
- Use of "onclick" and <script> for incorporating javascript
- Use of state variables
-
Details:
Click here
- Tuesday, December 9, 2014, 7pm-8:50pm, in our usual classroom, JXJ 3312.
- Guide to the final exam here.
TESTS
AND QUIZZES
1. Quiz 1 will be in class, Thursday, Sept. 4, 2014: Open book, open notes, open computer, but DO YOUR OWN WORK! The quiz will be about the basic structure of an HTML document. You will be given a bunch of element tags, such as <html> </body>, <head>, <ul> , </li>, etc. You are to then list these in the proper order of a valid html document. Note there will be both start and end tags, but no actual content! See here for how the quiz will look. Elements you should know from lectures and assignments: <html>, <head>, <title>, <body>, <ul>, <ol>, <li>, <p>, <hr>, <div>, <a>, <!-- --> (the comment element), and the document type declaration <!DOCTYPE html>. Know how to put these tags into the appropriate order. See examples from the book, or from almost any page on the web!
2. Quiz 2 will be in class, Thursday, Sept. 11, 2014: Open book, open notes, open computer, but DO YOUR OWN WORK! Multiple choice, on Basic HTML (e.g., HTML elements and tags, attributes, hyperlinks, special character syntax like "©" for the copyright symbol, etc.). (An example Quiz 2 was handed out in class on Tuesday, Sept. 9. We went over the questions, and answers, that day. FYI.)
3. Quiz 3 will be in class, Thursday, Oct. 2, 2014: Open book, open notes, open computer, but DO YOUR OWN WORK! Multiple choice. A PRACTICE QUIZ 3 was handed out in the classroom on Thursday, Sept. 25, 2014, and sent by email on Monday, Sept. 29. Here it is online. We will go over the solution in class on Tuesday, Sept. 30, 2014. I suggest you try taking the quiz on your own. (Note: the actual Quiz 3 will be about half the length of the practice version, as the practice version is a combined sampling of questions from several previous Q3's!)
4. Quiz 4, Tables, was in class, Thursday, Oct. 16, 2014: Open book, open notes, open computer, but DO YOUR OWN WORK!
5. Quiz 5, Introduction to Forms, will be in class, Thursday, Oct. 30, 2014: Open book, open notes, open computer, but DO YOUR OWN WORK!