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.
HTML: HTML5 Layout
- 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
HTML: Process & Design
- 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.
JS : The ABC of Programming
- 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.
Some Core Concepts and highlights in Programming:
- 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!