Advanced web design is a continuation of ADV2450 Web I, a prerequisite of this course.
Students will study, in further detail, HTML and CSS to ensure that they have a solid foundation. It is assumed that students have a solid grasp of Photoshop and Illustrator, and their proper workflow integration with Dreamweaver.
The course is focused on completing a web site, designing and building it, as well as writing all the content for the site. A portfolio site is not appropriate for the final project, and will not be acceptable.
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.
90% = Course projects/assignments
10% = Class preparation/participation/attendance
Styling With CSS
CSS Mastery, Advanced Web Standards
Friends of ED
Other Resources: Kionic.com, godaddy.com, www.w3.org, Lynda.com.
Class 1: course description; concept and design.
Homework: Conceptualize the project site. Write up a small description. Choose an appropriate domain name and purchase. Offer 3 viable options. Sign up for ISP service. Submit for homework.
Class 2: Class critique of domain names and concepts for final project. Research, content development and keywords determination. Begin design process. Introduction to the c-panel admin interface. Set up email accts.
Homework: Create 3 alternate logos and 3 interface designs for the project web site. Be prepared to present the designs and have questions looking for feedback. Submit for grade.
Class 3: Class critiques of web site designs. Create site architecture. Dreamweaver. Begin to build the web site. Begin to do research and write copy.
Homework: Site map, wireframes, finalized design. Submit for grade.
Class 4: Page layout. Understanding how elements are used to construct a page.
Homework: Build 3 different wireframe layouts of a page. Submit links for grade. Design and upload an under construction page.
Class 5: The box model. Understanding how web pages are styled.
Homework: 2-week assignment: design and layout of article working with CSS positioning.
Class 6: The box model continued. Learning in detail how to position elements on a page.
Homework: Continue 2-week assignment. Be prepared to present design in class.
Class 7: SEO basics. Marketing copywriting. setting up analytics, targeted landing pages.
Homework: Write list of keywords appropriate for site. Integrate keywords in copy for all pages on site. Submit for grade.
Class 8: CSS in depth. How the cascade works. Using selectors, styling tags, selectors, classes and IDs.
Homework: Complete exercises in CSS.
Class 9: Layout revisited. Fixed, liquid, elastic, and hybrid layouts.
Homework: Complete exercises in page layout. Submit links for grade.
Class 10: Introduction to blogs. WordPress, design templates, tweaking the template. Blog best practices. RSS feeds.
Homework: : Install WordPress, choose and implement WordPress theme. Write a post. Study for Quiz.
Class 11: Quiz. Analytics and Webmaster tools.
Homework: Implement analytics and webmaster tools services on final project site.
Class 12: Introduction to PHP includes.
Homework: Implement PHP includes on final project site.
Class 13: Studio. Attendance is required.
Homework: Tweaking final project site.
Class 14: Working with Forms. Creating Forms and implementing form validation scripts. Proper use of Tables.
Homework: Complete form assignment. Complete tables assignment.
Class 15: Class Critique of students’ final project