ECC006 Web Design and Programming

Course Description

History of the internet. Basic Color Theory. Web Graphics. Accessibility. HyperText Markup Language (HTML). HTML5. Cascading Style Sheets (CSS). CSS3. Javascript. Page Layout. Typography. Other Design Issues. Responsive Web Design.

Prerequisite: Programming course

Course Objectives

To understand the the www and internet
To provide students with a comprehensive mastery of HyperText Markup Language (HTML) coding practices.
To understanding and use of HTML, Cascading Style Sheets (CSS), Javascript and Responsive Web Design.
To design and implement an entire website

Course Outcomes

Have knowledge of the stages of the web design process and required software
Design and implement web site

Grading

Homework assignments	40%
Project	60%

Homework assignments

There will be 10 homework assignments. All assignments are due by midnight on the due dates. Late assignments will not be accepted unless an agreement is reached with the lecturer. After the due date, the assignment is graded on a satisfactory/unsatisfactory basis.

Web Site Project

You must design, develop, and publish a web site using recommended design practices. Web site project grading policy

Web site analysis: 50 points
Report: 25 points
Presentation: 25 points

Policies

Students are encouraged to bring laptops and tablet devices to the class.
Students must use my email address kaan.uyar.wdp@gmail.com to submit their assignments and etc.
I allow students to attend class at their own discretion. If you miss a class however, you are responsible for the materials covered.
I reserve the right to make changes to the syllabus during the semester. Students are responsible to be aware of changes announced in class and/or via the internet.
Cheating will not be tolerated.
Final grades are NOT curved. The grades will be assigned using the NEU Academic Regulations For Undergraduate Studies Article 11.
Attacks performed against University/Lecturer resources are expressly prohibited.

Textbook and References

Textbook: Morris T., Web Development and Design Foundations with HTML5, Global Edition, 8/E, Pearson, 2017
Connolly R., Hoar, R., Fundamentals of Web Development, Pearson, 2014.
Robbins J. N., Learning Web Design, A Beginner's Guide to (X)HTML, StyleSheets, and Web Graphics, 4th Edition, O'Reilly, 2012

Schedule

Week	Topics	Readings, links and etc
1	Introduction	Readings Morris, Chapter 1 Robbins, Chapters: 1, 2, 3, 21, 22 Connolly, Chapter 1 Links Web browsers Mozilla Firefox Chrome Internet Explorer Safari Opera WebbIE Editors Notepad++ (Windows only) Vim (Window, MAC, Linux) TextPad (Windows only) Sublime Text (Window, MAC, Linux) Coda by Panic (Macintosh only) TextMate by MacroMates (Macintosh only) BBEdit by Bare Bones Software (Macintosh only) Dreamweaver Image editing and drawing software GIMP (Window, MAC, Linux) Adobe Photoshop (Windows, MAC) Adobe Fireworks (Windows, MAC) Adobe Illustrator (Windows, MAC) Pixelmator (Macintosh only) Inkscape (Window, MAC, Linux) Corel Paint Shop Pro Photo (Windows only) File-transfer program (FTP) Filezilla (Window, MAC, Linux) WS_FTP (Windows only) CuteFTP (Windows, MAC) AceFTP (Windows only) Transmit (Macintosh only) Cyberduck (Windows, MAC) Fetch (Macintosh only) Accessibility WAVE web evaluation tool Colorblind Web Page Filter Web Site Optimization Basic Color Theory Colors in Different Cultures Desiging for the Color-Blind Accessibility Color Wheel How to Improve the Accessibility of Your Website Screen readers BRLTTY Emacspeak NVDA Orca VoiceOver Other useful links w3schools Responsinator
2	HTML Basics	Felke-Morris, Chapter 2 Assignment #1 due date
3	Configuring Color and Text with CSS	Felke-Morris, Chapter 3 Assignment #2 due date
4	Visual Elements and Graphics	Felke-Morris, Chapter 4 Assignment #3 due date
5	Web Design	Felke-Morris, Chapter 5 Assignment #4 due date Project: Topic Approval
6	Page Layout with CSS	Felke-Morris, Chapter 6 Assignment #5 due date Project: Planning Analysis Sheet
7	More on Links, Lists, and Layout	Felke-Morris, Chapter 7 Assignment #6 due date
8	Midterm Exams Week No lecture	Assignment #7 due date Project: configure the website to display in mobile devices
9	Tables	Felke-Morris, Chapter 8 Assignment #8 due date
10	Forms	Felke-Morris, Chapter 9 Assignment #9 due date
11	Web Site Development	Felke-Morris, Chapter 10 Project: Update 1
12	Web Multimedia and Interactivity	Felke-Morris, Chapter 11
13	E-Commerce Overview	Felke-Morris, Chapter 12 Assignment #10 due date
14	Promotion for Web Developers	Felke-Morris, Chapter 13
15	Introduction to JavaScript, Review	Felke-Morris, Chapter 14 Project: check The Front-End Checklist and Web Developer Checklist, Update 2.
16	Final Exams Project Presentations