COMD CSS

COMD 3551 Web Design II: Advanced XHTML &

New York City College of Technology The City University of New York Department of Communication Design

COMD 3551 - Web II: Advanced XHTML & CSS Course Description After taking the introductory COMD 2550 Web I, this is the first course for students majoring in web design. Students will learn to use both graphics software, such as Dreamweaver, and to manipulate the code (XHTML, CSS) to improve on web optimization and to create clean code. Forms and integration of other technologies will be practiced. 2 cl hrs, 2 lab hrs, 3 cr Prerequisite

COMD 2450

Course Objectives INSTRUCTIONAL OBJECTIVES

ASSESSMENT

For the successful completion of this course, students should be able to: Create a web site (not a portfolio web site) to brand and market a product, service, or information on a specific topic.

Evaluation methods and criteria

Deconstruct the process of site design and implementation

Students will demonstrate competency by documenting the proper workflow through the use of flowcharts, wireframes, screenshot designs.

Students will demonstrate competency by conceiving and proposing a web site topic (chosen or assigned.)

10.25.14_LC

1

COMD CSS

Learn, in depth, the tags and syntax used in XHTML and CSS, to an intermediate to expert skill level.

Students will demonstrate competency through tests, assignments, and studies.

Learn how to build a layout, coding by hand, the basic layout alternatives: fixed, liquid and elastic layouts, and the different forms of positioning: absolute, relative, floated.

Students will display competency through tests and assignments.

Introduction to the integration of other web technologies: Forms, Javascript, PHP, Flash.

Students will display competency through implementation.

General Education Outcome covered: Writing The student will demonstrate the ability to write clearly articulated thoughts in a professional, informed manner. Information Literacy The student will demonstrate the ability to find proper resources. Oral Communication Speaking: The student will demonstrate the ability to articulate himself using relevant industry-specific language

● ● ● ● ●

COMD 3551 Web Design II: Advanced XHTML &

How the outcome is assessed: Evaluate how well students absorbed and consequently applied the learning though graded written portions of projects. Assess through class discussion and written tests if students have developed the ability to find information trough proper resources. Evaluate through class discussion and /or written tests if students use appropriate nomenclature to defend creative, critical and technical decisions in project concepts and development.

Teaching/Learning Method Lectures and readings Demonstration Project based labs Research assignments Blackboard Required Text None Suggested Text: 10.25.14_LC

2

COMD CSS

COMD 3551 Web Design II: Advanced XHTML &

Styling With CSS Charles Wyke-Smith New Riders ISBN-10:0-321-52556-6 CSS Mastery, Advanced Web Standards Andy Budd Friends of ED ISBN-10: 1-59059-614-5 Attendance (College) and Lateness (Department) Policies: A class roster roll will be taken at the beginning of each class. Only two absences may be allowed. After two absences, a student may be withdrawn because of unsatisfactory attendance (code WU). Students arriving after the roll is taken will be marked “late.” Students may be notified at the earliest opportunity in class after they have been absent or late. After being absent two times or equivalent (2 lateness = 1 absence), a student may be asked to withdraw from the class (code W before the College drop deadline, 4/9/08) or may be withdrawn from the class (code WU). Academic Integrity Standards You are responsible for reading, understanding and abiding by the NYC College of Technology Student Handbook, “Student Rights & Responsibilities,” section “Academic Integrity Standards.” Academic dishonesty of any type, including cheating and plagiarism is unacceptable. "Cheating" is misrepresenting another student's efforts/work as your own. "Plagiarism" is the representation of another person's work, words or concepts as your own. Grading 90% = Course projects/assignments Project 40% Homework 30% Quiz 20% 10% = Class preparation/participation/attendance CP/P/A 10%

Topics WEEK 1

Lecture Topic ● Overview of Web II syllabus

Laboratory Exercise Homework Assignment ● Review course ● Students will select syllabus. domain name and

10.25.14_LC

3

COMD CSS

COMD 3551 Web Design II: Advanced XHTML &

● Introduction to domain registries and hosting service ● Confirm prerequisite 2

3

● Page code overview ● Organizing your files ● Setting up a site ● Layout a quick page ● Present 3 design concepts for critique

4

● CSS Overview ● In depth review of the cascade, inheritance, properties, attributes values ● Inline, embedded, external ● Pseudo classes ● Selectors: child, sibling,

5

● Styling fonts and text ● Sizing ● Font properties ● Text properties ● The box model ● Floating and clearing

6

● Students will select register domain name and ● Students will sign up for register hosting service ● Students will sign up for hosting service ● Layout a quick page ● Layout a quick page ● 3 design concepts, prepare for presentation (not a portfolio site.) ● Present 3 design ● Present 3 design concepts concepts for critique for critique Exercises in CSS

Exercises in CSS

● Style type on a page ● Style type on a page

● The box model exercises

● The box model exercises

7

● Positioning: static, relative, ● Positioning exercise ● Positioning exercise absolute, fixed ● Questions for quiz ● Study for quiz ● The display property

8

● Page layout: 1, 2, 3, column ● Quiz ● Page layout exercise ● Floated, absolute ● Page layout exercise ● Fixed, liquid, elastic ● Q&A ● Build out website ● Build out website ● Build out website ● Tables and Forms ● Tables and Forms ● Tables and Forms exercise exercise ● Build out website ● Lists and Menus ● Lists and Menus ● Lists and Menus exercise exercise ● Build out website ● Javascript ● Javascript exercises ● Javascript exercises ● Build out website

9 10 11 12 10.25.14_LC

4

COMD CSS

COMD 3551 Web Design II: Advanced XHTML &

14

● Preliminary individual review of project

13

● Flash Intro and actionscripting

15

● Final presentations

● Preliminary ● Study for quiz individual review of ● Build out website project ● Questions for quiz ● Quiz ● Flash Intro and ● Flash Intro and actionscripting exercise actionscripting ● Build out website exercise ● Final presentations & critique

Bibliography Styling With CSS Charles Wyke-Smith New Riders ISBN-10:0-321-52556-6 CSS Mastery, Advanced Web Standards Andy Budd Friends of ED ISBN-10: 1-59059-614-5 http://www.alistapart.com http://www.w3.org/ http://www.lynda.com

10.25.14_LC

5