CS 210 Web Page Design

1
CS 210 Web Page Design

• HTML

2
HTML

• HTML hypertext markup language
• A markup language designed to create web pages.
• Html is used to structure information and can be
  used to describe the appearance and semantics of
  a document.

3
Html

• The grammar structure of html is defined in the
  html DTD ( Document Type Definition ) using SGML
  Syntax.
• Originally created by Tim Berners-Lee
• It is now an international standard ISO/IEC
  154452000
• HTML specifications are maintained by the World
  Wide Web Consortium (W3C)

4
Early versions of html

• Html was first designed with loose syntactic
  rules.
• Web browsers would make assumptions about content
  and proceeded to render the page even if proper
  syntax was not followed.
• Overtime official standards are creating and
  pressing the use of a more strict language such
  as XHTML or HTML 4.1
• Most browsers still render a page that does not
  conform to XHTML or HTML 4.1v standards

5
Html history

• In 1993, NCSA released Mosaic, the first widely
  distributed graphical web browser.
• This suggested that the format of HTML documents
  might evolve to more closely resemble the look of
  printed documents.
• Result versions 2.0 and 3.2 of html added
  elements to allow designers to use graphics
  format text by changing color, fonts, and text
  size and create more complex layouts.

6
Html history

• Most of these elements were created for the web
  browsers marketed by Netscape and Microsoft.
• This created problems when a designer had to
  manage a large web site.

7
Html History

• W3C solved several of these problems and released
  HTML version 4 with CSS in 1999
• Their Solution separate structure and
  presentation.
• HTML returned to its roots as a structural
  language describe the content of the page.
• The CSS system was created to allow web authors
  to efficiently add style and position HTML
  content.

8
Html history

• Because of this move to decouple structure from
  presentation, several html elements are
  considered outdated(deprecated) and should not be
  used.

9
DTD

• To specify which html standard your web page
  conforms to, you must provide Document Type
  Declaration (DocType).
• This doctype makes a reference to the DTD to
  conform too.
• An html page starts with this declaration.
• However, you do not need to conform to any DTD
  your page will still be rendered by most web
  browsers.

10
Html Elements

• Html elements are the basic structure in an html
  document.
• Elements have two main properties
• Attributes
• Content

11
Html Elements

• Structural Elements describes the purpose of
  the text or information.
• Structural Markup does not usually denote any
  specific way to render the content.
• Most web browsers have a standard way to display
  these elements.
• Further styling should be done through CSS
• Examples lth1gt lth3gt ltpgt

12
Html Elements

• Presentational Elements describes the
  appearance of text or content.
• These elements are largely deprecated and CSS
  should be used instead.
• Examples ltbgt ltIgt ltemgt ltstronggt

13
(No Transcript)