Starting with a skeleton of a web page, basic elements such tags, JavaScript, CSS and leading onto HTML5.
Get an overview of how HTML tags, JavaScript and CSS come together to form, pages just like the one you are viewing right now.
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
The html sessions (01) - an introduction to html5
1. Confucius say
I do not enlighten those who are not eager to learn, nor arouse those
who are not anxious to give an explanation themselves. If I have presented
one corner of the square and they cannot come back to me with the other
three, I should not go over the points again.
the <html> sessions
@carlyleoliver
tech@pinstorm
2. first a few demos
•
webcam magic
•
working of the grid
•
css transitions
•
audio/video/geo_location
tech@pinstorm
6. anatomy of a web page
content
opening tags
<html>
<body>
<h1 id=”page_section”>
wake up, this session ain’t that dull?
</h1>
</body>
</html>
closing tags
tech@pinstorm
7. lets HTML then
•
•
•
•
•
NOT a programming language
.htm .html
is markup for layout, browser inteprets tags etc
<title>..</title>
<b>..</b>
<u>..</u>
notepad, SciTe, dreamweaver etc
tech@pinstorm
8. jazzying it up
•
•
•
•
the web experience = html + js + css …
html = markup
css = styling
js = programmatic interactivity
tech@pinstorm
9. css
•
<style></style>
wake up, this session ain’t that dull
wake up, this session ain’t that dull
h1 {
color: red;
font-weight: bold;
}
tech@pinstorm