IAT-235: 06 Interwebs Annotation — A slide deck
Introducing markup and the web
Please close all laptops except for those in the back row.
What pieces of information are present?
The Document-Object Model
Our standard in delivering HTML
This week you will be building your first HTML pages, this involves the DOM, which put simply is a collection of objects (ie. navigation, headings, paragraphs) that resemble the document it is modelling.
Not quite standard
"In 2022, HTML5 will be a proposed recommendation..."Ian Hickson
Can I Use It?
A good resource is Can I use... which gives you a breakdown which browsers support what HTML5/CSS3 elements and to what degree.
According to your reading, what might semantic markup be?
It is just markup
Telling the computer the pieces
<p>What are semantics?</p>
Let's visit the HTML5 Doctor for a prescription.
Time to practice
Markup that helps us understand the content.
<!-- What would the following markup help us understand about a document? -->
Having coding concerns?
Let us know!
Let us know sooner rather than later that you are having concerns with coding. Also, there are absolutely no 'stupid' questions. Do not know? Please ask.
Prepped and ready to go
Available on Canvas in this week's module will be links to programs for your first 'web toolkits'. They contain:
Your new best friend
Ever wanted to know what Google would look like with a red background? Right-click and 'Inspect Element' opens up the development tools to mess around with things in.
REJOICE in the mighty power of HTML! ...er, or, see you in a couple minutes...
Setting up an environment
<!-- Let's open up your computer, we make a _work folder, a public_html folder -->
This week's labs
- Coding tutorial
- P02 critiques
Next week's reading
Selections from CSS3 for Web Designers (Cederholm).
Next week's lecture
how u rd?
- Web content
- CSS Fundamentals
- Office hours — Tuesdays from 9-10am and Thursdays from 9-10am at the Surrey campus mezzanine.