w
UNIT 6 ASSIGNMENT 1
Unit 6: Website Development
,Table of Contents
Introduction:..........................................................................................................................................2
Principles of Website Design:................................................................................................................4
CSS Box Model:..................................................................................................................................4
CSS Box model in both websites:.......................................................................................................4
Types of CSS:......................................................................................................................................6
Inline CSS:......................................................................................................................................6
Embedded CSS:..............................................................................................................................6
External CSS:..................................................................................................................................7
Usability:.....................................................................................................................................10
Site Layout:..................................................................................................................................10
Accessibility:................................................................................................................................11
Simplicity:....................................................................................................................................12
Navigation:...................................................................................................................................12
Consistency & Accuracy:..............................................................................................................13
Media & Objects:.............................................................................................................................15
JavaScript:............................................................................................................................................18
JavaScript is one the most well-known programming languages used in World Wide Web, HTML and
CSS; more than the majority of the websites use JavaScript in 2022 (around 98%), add on to that it is
also used to create and update content, control multimedia, animate images and other things…etc.
The fundamental concepts of JavaScript are:......................................................................................18
Variables & Scoping:........................................................................................................................18
Data Types:......................................................................................................................................18
Objects, Functions & Arrays:............................................................................................................18
DOM (Document Object Model):.....................................................................................................19
Prototypes:......................................................................................................................................19
Events:.............................................................................................................................................19
Flow Control:...................................................................................................................................20
Security & Accessibility:...................................................................................................................20
Async in JavaScript:..........................................................................................................................20
How JavaScript improves the functionality of websites:..................................................................21
The difference between Server-Side scripting and Client-Side scripting:.........................................21
Examples of JavaScript Implementation in both websites:..............................................................22
The website use of JavaScript implemented in different browsers:................................................23
Chrome:.......................................................................................................................................23
, Internet Explorer:.........................................................................................................................24
Mozilla Firefox:............................................................................................................................24
Introduction:
The websites that I will use as examples to evaluate are Philips (product-based) and Audible
by Amazon (service-based). Philips is manufacturing company that provides consumer
electronics such as electronic components, household appliances, medical imaging
equipment, computer, and telecommunications equipment…. etc, in which this company is
UNIT 6 ASSIGNMENT 1
Unit 6: Website Development
,Table of Contents
Introduction:..........................................................................................................................................2
Principles of Website Design:................................................................................................................4
CSS Box Model:..................................................................................................................................4
CSS Box model in both websites:.......................................................................................................4
Types of CSS:......................................................................................................................................6
Inline CSS:......................................................................................................................................6
Embedded CSS:..............................................................................................................................6
External CSS:..................................................................................................................................7
Usability:.....................................................................................................................................10
Site Layout:..................................................................................................................................10
Accessibility:................................................................................................................................11
Simplicity:....................................................................................................................................12
Navigation:...................................................................................................................................12
Consistency & Accuracy:..............................................................................................................13
Media & Objects:.............................................................................................................................15
JavaScript:............................................................................................................................................18
JavaScript is one the most well-known programming languages used in World Wide Web, HTML and
CSS; more than the majority of the websites use JavaScript in 2022 (around 98%), add on to that it is
also used to create and update content, control multimedia, animate images and other things…etc.
The fundamental concepts of JavaScript are:......................................................................................18
Variables & Scoping:........................................................................................................................18
Data Types:......................................................................................................................................18
Objects, Functions & Arrays:............................................................................................................18
DOM (Document Object Model):.....................................................................................................19
Prototypes:......................................................................................................................................19
Events:.............................................................................................................................................19
Flow Control:...................................................................................................................................20
Security & Accessibility:...................................................................................................................20
Async in JavaScript:..........................................................................................................................20
How JavaScript improves the functionality of websites:..................................................................21
The difference between Server-Side scripting and Client-Side scripting:.........................................21
Examples of JavaScript Implementation in both websites:..............................................................22
The website use of JavaScript implemented in different browsers:................................................23
Chrome:.......................................................................................................................................23
, Internet Explorer:.........................................................................................................................24
Mozilla Firefox:............................................................................................................................24
Introduction:
The websites that I will use as examples to evaluate are Philips (product-based) and Audible
by Amazon (service-based). Philips is manufacturing company that provides consumer
electronics such as electronic components, household appliances, medical imaging
equipment, computer, and telecommunications equipment…. etc, in which this company is
