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 a 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.

Project grading:
Project = 0.25 * Rep + 0.05 * PN + 0.05 * Con + 0.1 * Test1 + 0.1 * Test2 + 0.1 * Test3 + 0.1 *Test4 + 0.05 * U + 0.2 * PPR
where:

Rep = Project Report Analysis/100 (Lecturer)
PN = Page Number/100 (0 if less then 6 webpages)
Con = Content Analysis/100 (Lecturer)
Test1 = achecker.ca accessibility test/100 (-5 pts per error, 0 if more than 20 errors)
Test2 = neilpatel.com/seo-analyzer SEO test/100 (100 if SEO score > 79, 75 if score is between 79 and 70, 50 if score is between 69 and 60, 0 if score < 60)
Test3 = jigsaw.w3.org/css-validator css test/100 (100 if error free, 80 if 1-5 errors, 60 if 6-10 errors, 10 if 11-30 errors, 1 if more than 31 errors)
Test4 = validator.w3.org html test/100 (100 if error free, 80 if 1-5 errors, 60 if 6-10 errors, 10 if 11-30 errors, 1 if more than 31 errors)
U = Project steps uploaded on time/100 (-10 pts per late upload)
PPR = Project presentation/100 (= Avarege (slides, style, knowledge))

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.
Minimum attendance requirement is 70%.
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

Morris T., Web Development and Design Foundations with HTML5, Global Edition, 9/E, Pearson, 2019
Morris T., Basics of Web Design: HTML5 and CSS , Pearson, 2019
Robbins J. N., Learning Web Design, A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics, 5/E, O'Reilly, 2018

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 Homework #1 due date: March 2 (11:59 pm)
3	Configuring Color and Text with CSS Online lecture 1, March 24 (17:00-18:50) Online lecture 2, March 26 (14:00-14:50)	Felke-Morris, Chapter 3 Homework #2 due date: March 27 (11:59 pm)
4	Visual Elements and Graphics Online lecture 3, March 30 (17:00-18:50) Online lecture 4, April 2 (14:00-14:50) Homework #3 due date: April 12 (11:59 pm)	Felke-Morris, Chapter 4
5	Web Design Online lecture 5, April 7 (17:00-18:50) Online office hour 5, April 7 (19:00-19:50) Homework #4 due date: April 18 (11:59 pm) Online lecture 6, April 9 (14:00)	Felke-Morris, Chapter 5 Project: Topic Approval
6	Page Layout with CSS	Felke-Morris, Chapter 6 Project: Planning Analysis Sheet
7	More on Links, Lists, and Layout	Felke-Morris, Chapter 7
8	Midterm Exams Week No lecture	Project: configure the website to display in mobile devices
9	Tables	Felke-Morris, Chapter 8
10	Forms	Felke-Morris, Chapter 9
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
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