CS 104 Web Development Professor Loui loui--aat--cs.wustl.edu TA's: Rebecaa Chernoff (rchernoff--aat--wustl.edu) office hours: Su 6:45-8:45 Sever 201 Travis Keshavtravis (traviskeshav--aat--hotmail.com) Location: Cu I 115 (class meeting), Sever 201 (labs) Times: Tu, Th 4-5:30, F1-3 (lab 1), F3-5 (lab 2) Additional CS100 Lab Times: M2-4, W7-9, Th7:30-9:30 Lopata 401 Texts: none Course Description: see catalog Prerequsites: none except familiarity with web pages as a user Credit: 3.0 units Requirements: graded contribution to four team/individual site designs, lab attendance, participation in small exercises, no final exam Course in Brief: This is a course for people who want to explore web design in a comprehensive way with a technical bias. Novices are welcome. Profesional site designers are welcome. Art students, business students, computer science majors, and others are expected to mix in this collaborative course. We expect you to acquire minor fluency in HTML, CSS, some javascript, and HTTP controls, and to acquire some skill in Photoshop. These skills take time to acquire, and we regard them here as performance skills to be exercised much as they are in music, dance, or foreign language classes. We expect people to be at different levels and are not penalizing people who begin with less experience. For those who are well-exercised in site design, this course offers a challenge to collaborate with fellow students on new ideas, both conceptually and visually. CS majors usually benefit from aesthetic assistance. Web professionals usually benefit from business majors' points of view. Non-CS majors usually require a lot of help with the syntax. In the end, we find that students who have good aesthetic sense, good consulting acumen, and the ability to work with other people (in fact, to have the magic touch of influence with teammates in the right places) do best in this course. So A+'s can be earned by people who do not even achieve a fluency in HTML by the end of the semester. It is my expectation that graduates of this institution will not be professional web design technicians, but will more likely benefit from the project management and social engineering aspects of the course. It is also expected that everyone will benefit from a good technical understanding of web site development, as it is one of the best places for people to enter computer science and to achieve computer literacy. Major Projects: TBA Classes: 9/1 ground rules, polling students for abilities/backgrounds 9/6 favorite sites, purposes, demographics 9/8 html tags in order of importance for text and images (not for layout). we talked impromptu about rgb color. 9/13 href on text and images, text-decoration:none and border=0, font color inside the href. more on absolute versus relative links. 9/15 on my laptop: image editing primer. 9/20 levine: finding/understanding help on the web, syntax of html, good practices such as indenting 9/22 levine: simple tables (not for layout) 9/27 first graded assignment: photoshop the look of a site's splash how was andrew? sample beach sites 9/29 first evaluation of assignment 10/4 rebecca and travis showed javascript motion 10/6 class canceled (instructor in dc) 10/11 image slicing 10/13 css text control 10/18 possible showings, layout: tables at 100% 10/20 possible showings, layout: absolute and relative, z-index, frames 10/25 assignment 2 URLS, form elements 10/27 skills test, composition and layout 11/1 going thru lists of html, css, and dom properties 11/3 assignment 3 banner/logos and decorated text 11/8 drop down menus, extension 11/10 pet peeves, making things smaller, hover 11/15 class accreditation quiz, showing of p3 11/17 php 11/22 abridged fountainhead (optional) 11/24 vacation -- no class 11/29 looking at monsanto site 12/1 monsanto visitors Labs: 9/2 NO LABS THIS FIRST WEEK (we tend to have too many labs anyway) please get a cec account at the help desk if you are not an engineering student 9/9 INDIVIDUAL: sftp to the server, our url's for .www-docs and public_html, making your own folder, keeping images with pages, using an image subfolder, checking permissions 9/16 INDIVIDUAL: building your own links, trying out photoshop 9/23 INDIVIDUAL: levine: finding/understanding help on the web, trying out tables 9/30 GROUP: improving your photoshop work 10/7 final grading assignment 1, javascript lab 10/14 image slicing lab, but students chose to work in groups 10/21 fall break 10/28 image slicing and transparency, frames, and form elements 11/4 in pairs: trying obscure css, iframes, scrollbar-track-color 11/11 in pairs: drop down menus and open-side menus 11/18 in pairs: php processing of form data 12/2 in pairs: cookies, then your own p4 work September 2005 S M Tu W Th F S 31 1 2 3 ^classes start 4 5 6 7 8 9 10 ^labor day 11 12 13 14 15 16 17 18 19 20 21 22 23 24 ^i am in sevilla ^possibly a guest lecturer this week ^i am in lisbon ^probably a lab with the TA 25 26 27 28 29 30 1 October 2005 S M Tu W Th F S 2 3 4 5 6 7 8 ^instructor out of town 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ^fall break 23 24 25 26 27 28 29 November 2005 S M Tu W Th F S 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 php in lab i pairs p4 officially assigned (groups of 4 -- 2/4 should be new) 20 21 22 23 24 25 26 ^class is optional (usually no quorum) ^thanksgiving break no class no lab 27 28 29 30 1 2 3 M4-6 extra help with prof X andrea? X andrea spray from monsanto X real lab December 2005 S M Tu W Th F S 4 5 6 7 8 9 10 M4-6 extra help with prof ?i am in belgium X out of town X out of town X access to TA's for p4 11 12 13 14 15 16 17 M4-6 extra help with prof? ^last day of classes in seas ^funding review X start grading for p4, TA grades ^exams start 18 19 20 21 22 23 24 X due date for p4 ^exams end ^grades due at noon 25 26 27 28 29 30 31