HTML Structure

Websites are built using HTML & CSS
“Internet Service Provider (ISP)”
“Domain Name System (DNS)”
Element are used to identify the structure of web pages
An element consists of an opening tag, closing tag, element content and attributes.
Attributes are optional, consist of an attribute name and value and they are used for the purpose of adding more information about the elements’ contents.

HTML: Extra Markup

DOCTYPE is used at the beginning of the HTML Code to declare the HTML version used.
Comments go inside this <!- - - -> in HTML.
ID Attribute is used for the unique identification of an HTML element.
Class Attribute is used for the unique identification of a group of HTML elements.
“a, b, em, img” are inline HTML elements.
“div” element is used for grouping elements in a box.
“span” is an inline element that used like “div”
“iframe” is an inline frame that is cut into the page
“meta” contains data about web pages
In order to add special characters to the web page, escape characters are used.

Using layout elements help with structuring the webpage.
HTML5 elements provides clearer code
When using older browsers with HTML5, block-level elements should be identified.
JavaScript is used when using Internet Explorer 8

The target audience leads the design process of a website.
Wireframes are used to determine the structure of the web content in the preliminary stages.
Using Visual Hierarchies helps enhance the communication with the audience.
Group similar information.
In order to distinguish different information, use style, color, and size.

JavaScript is a programming language that is used to make Websites interactive.
JavaScript accesses and modifies the content and markup used in a webpage; adding elements and attributes.
JavaScript follows the traditional programming rules, it allows the control of reactions when specific events, like pressing a button and clicking on a link.

Script: a series of instructions which the computer follows to achieve a goal
A browser uses some of the script according to user’s interaction
How to write a Script? A methodology to follow:
Think of a script as a written guide for a computer to follow; put yourself in the computer’s shoes.
Start with the big picture and the end goal, then draw the path, break down the tasks and start coding!
Writing scripts should be approached in a structured systematic manner.
Sketch out the tasks in a flow chart.
Remember this: Think like a Computer; like a Robot!