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 ARPANET - The First Internet (Youtube) ARPAnet - the team behind the internet (Youtube) A brief history of the World Wide Web (Youtube) Introduction to Web Accessibility and W3C Standards (Youtube) Accessibility - The State of the Web (Youtube)	Readings Morris, Chapter 1 Robbins, Chapters: 1, 2, 3, 21, 22 Connolly, Chapter 1
2	HTML Basics	Felke-Morris, Chapter 2
3	Configuring Color and Text with CSS	Felke-Morris, Chapter 3
4	Visual Elements and Graphics	Felke-Morris, Chapter 4
5	Web Design Project: Topic Approval	Felke-Morris, Chapter 5
6	Page Layout with CSS Project: Planning Analysis Sheet	Felke-Morris, Chapter 6
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 Project: Update 1	Felke-Morris, Chapter 10
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 Project: Update 2. Check The Front-End Checklist and Web Developer Checklist.	Felke-Morris, Chapter 14
16	Final exams week Project Presentations