speaker Multimusen

Day I – HTML “Hello World”

November 4th, 2013 by

Agenda


  • Lesson 1-2: Introduction to HTML and CSS
  • Break
  • Lesson 3-4: Workshop A (see below)
  • Lunch
  • Lesson 5-6: Workshop B

Sources that may come in handy:

Lesson 1-2: Introduction to HTML

  • What is HTML?
  • What is CSS?
  • How to use CSS.
  • What is Content – and where to put it.
  • HTML / CSS Editors
  • Some fine text editors: Nano (GNU-Mac-Linux), Emacs (Mac-Windows-Linux-UNIX-Gnu), Vi (Mac-Linux), Notepad (Windows), Notepad++ (Windows), Gedit (Linux), TextWrangler (Mac).
  • How and where to save your files.
  • The OS – operative system
  • File naming conventions (index.html, .css, .htm)
  • Folders
  • The somewhat chaotic world of browsers.

HTML Sample

In HTML we use tags in order to mark up our content.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

CSS Sample

Cascading Style Sheets are used in order to control layout, colors, decoration, images, fonts and so on – in accordance with your style guide.

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}

Lesson 3-4: FTP, Graphic Formats

Homework

  • Read “HTML and CSS Coplete Reference” ch. 3-4.
  • Experiment on your own.

Next lesson topics:

  • HTML editors
  • XHTML1.0
  • Strict , HTML
  • history,
  • Webstandards
  • Validating
  • XHTML
  • W3C
  • CSS
  • Layout using
  • CSS
  • Wireframes