Document Architecture: HTML & CSS

COMP 150-IDS: Internet Scale Distributed Systems (Spring 2015)

Document Architecture: HTML & CSS

Noah Mendelsohn Tufts University Email: noah@cs.tufts.edu Web:

Copyright 2012, 2015 & 2016 ? Noah Mendelsohn

What you should get from today's session

Quick look at design goals for HTML Learn how to write a simple Web page using HTML Learn the basics of using CSS for styling Learn how to validate your HTML and CSS Learn about higher level design issues relating to document formats

2 ? 2010 Noah Mendelsohn

Quick Review of Web Architecture

3 ? 2010 Noah Mendelsohn

Architecting a universal Web Identification: URIs Interaction: HTTP Data formats: HTML, JPEG, GIF, etc.

4 ? 2010 Noah Mendelsohn

Three pillars of Web Architecture

URI is HTTP GET

Identification with URIs

demo1/test.html

Host: webarch.

HTTP RESPONSE

5 ? 2010 Noah Mendelsohn

Three pillars of Web Architecture

URI is HTTP GET

demo1/test.html

Host: webarch.

Interaction Using HTTP

HTTP RESPONSE

6 ? 2010 Noah Mendelsohn

Three pillars of Web Architecture

URI is

HTTP GET

using media types like text/html,

image/jpeg, etc

HTTP/1.1 200 OK Date: Tue, 28 Aug 2007 01:49:33 GMT Server: Apache Transfer-Encoding: chunked Content-Type: text/html

demo1/test.html

Demo #1

HTTP RESPONSE

A very simple Web page

Host: webarch.

7 ? 2010 Noah Mendelsohn

Architecting a universal Web Identification: URIs Interaction: HTTP Data formats: HTML, JPEG, GIF, etc.

8 ? 2010 Noah Mendelsohn

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download