HTML5 Open Academy



Welcome
Web & Markup Introduction

Zohar Arad
Front-End & Web Developer
www.zohararad.com
@zohararad

We're going to talk about

Web Jargon

The Internet
Global computer network - Communication infrastructure
The World Wide Web
The part of the Internet that works over HTTP
HTTP
Information transfer protocol for the Web (works over the Internet)
Server
A computer program that exposes a unique service over a network
Client
A computer program that consumes a unique service over a network

Servers & Clients

A server is simply a computer program that provides an information service over a computer network.

Servers & Clients

A Web server is a computer program that transmits the contents of text and media files over the network using HTTP.

Servers & Clients

A Web client is a computer program that can receive (and display) the contents of text and media files over the network using HTTP.

HTTP life-cycle

Recap

Consuming information over the wire

Why is this important?

Source: http://www.graphicshunt.com/

This is what makes the Web work!

Breath Deep

Say hello to the
Browser

The Browser

Platform Independence...

Source http://ca.news.yahoo.com/blogs/author/marc-saltzman/

Markup
Achieving platform-independence

Markup

Separate content from design.
Give content structure and meaning.
Let clients decide how to display.

Markup

Markup is expressed as tags that wrap bits of text.

A tag is like a word that belongs to a special language.

Markup

<important> HTML Rules </important>
<silly> I like the Simpsons! </silly>
<heading> Luke, I am your father </heading>

Markup

HTML is a Markup language

It's a collection of tags, used to express structure and context of text documents.

Register
bit.ly/OpenAcademy

Break
and then.... some live HTML coding

← →

/

#