Dept.
Colloquiua
CS 101 Web Construction,
Fall 2011, Instructor: Jeffrey
Horn
COURSE ANNOUNCEMENTS (Monday, Nov. 21, 2011)
What's
REALLY New:
- Assignment 7 is up (see below).
Not
so New (Older Announcements):
- Assignment 6 is up (see
below).
- Assignment 5 (Introduction to Forms and
Server-side Scripts) is up (see below).
- Assignment 4 (THE RING) is up (see below).
Due Monday, Oct. 17, 2011.
- Assignment 3 is up (see below).
Due end of next week (Sept. 30.)
- Quiz 2 in class Wed. Sept. 21. See
below for a few extra details.
- Assignment 2 is up (see below).
I fixed the link and finalized the due date.
- Quiz 1 will be in class Wed. Sept. 14, 2011.
Open book, open notes. I will give you a list of a
dozen or so HTML tags (e.g., <body>, </blockquote>, <head>) and you
will have to put them into the correct order (e.g.,
"<html><head><title></title></head>..."). Note that
there will be actual CONTENT (such as text to display on the web
page), just element tags.
- Assignment 1 (see below) is pass/fail.
You just need to show me that you can use our "development
environment" (which is a "smart" text editor and browser!).
Let me know if you have not yet shown me your A1 abilities!
- Welcome to class!
- Please bring your laptop to class today,
Wednesday, for installation of a "smart" text editor.
- This is where old announcements will go, so that you
won't miss any news!
Administrativa
Syllabus
Our
text's web site.
Tutoring:
We have our own, departmental,
CS tutor (for 101 and other CS courses)
The All Campus Tutoring Center
(ACT) also has some tutors for CS 101
LECTURE
NOTES
VIDEOS:
WORKSHOPS and WORKSHEETS:
ASSIGNMENTS
- Assignment
1 "Software Setup"
- Handed out:
Wednesday, August 31, 2011
- Due:
Wednesday, September 7, IN CLASS!
- Goals:
Become
familiar with basic concepts of text files (as web pages), editors
vs. browsers, organization using folders.
- Details:
- 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 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: Wednesday, Sept. 8, 2011
Due: Friday,
Sept. 16, 2011 by email.
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 Style Sheet Mechanics"
- Handed out: Wednesday, Sept.
21, 2011
- Due: Friday,
Sept. 30, 2011 by email.
- 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
"The Ring"
-
Handed out: Monday, Oct. 3, 2011
- Due: Monday, Oct. 17, 2011
- 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)
- A bit more CSS (Cascading Style Sheets), for centering.
- Details:
click here.
Assignment 5
"FORMS and Server-side Scripts"
- Handed out:
Wednesday,
October 19, 2011
- Due: Friday, October 28, 2011
- 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
Assignment
7: Javascript Programming
Quizzes
-
Quiz 1 will be in class Wed. Sept. 14, 2011. Open book, open notes. I
will give you a list of a dozen or so HTML tags (e.g., <body>, </blockquote>,
<head>) and you will have to put them into the correct order (e.g.,
"<html><head><title></title></head>..."). Note that there will be actual
CONTENT (such as text to display on the web page), just element tags.
-
Quiz 2 will be in class Wed. Sept. 21, 2011. Open book, open
notes. Multiple choice. Basic HTML from HW2 (e.g.,
lists, links, element and attribute syntax).
-
Quiz 3 was in class Wed. Sept. 28, 2011. Open book, open
notes. Multiple choice. Basic HTML from HW2 and HW3 (e.g.,
lists, links, img, element and attribute syntax).
-
Quiz 4 Tables.
-
Quiz 5 Nested Tables
-
Quiz 6 Nested Lists
-
Quiz 7 (TBA) FORMS
Final Exam
- DAY: Monday, Dec. 12, 2011
- TIME:
7pm
- DURATION: Set aside 2 hours (but most will finish easily within
one hour)
- LOCATION: our usual classroom, NSF 1209
- GUIDELINES: (coming...)