Making Websites under 30 minutes with Kompozer

1
Making Websites under 30 minutes with Kompozer

• Nicholas Fugett

2
What is a Website?

• A website is a collection of web pages, images,
  video, sound, text, and other media.
• Websites are written in HTML, Java, PHP, and many
  other languages.
• In this short lecture we will be focusing mainly
  on HTML since its the easiest and simplest of
  the languages to understand.

3
What is HTML?

• Hyper Text Markup Language
• The very first language made for the web.
• Very simple and easy to understand
• Created by Tim Berners-Lee

4
What is Kompozer?

• WYSIWYG HTML Editor
• FOSS
• Based off of NVU

5
Basic HTML in a Nutshell

• HTML is written with tags.
• Tags are enclosed in ltgt.
• Almost all tags need a closing tag
• A closing tag looks like this lt/gt
• Some tag exampleslthtmlgt, lt/htmlgt,
  ltbodygt,lt/bodygt, ltpgt,lt/pgt

6

• In Browser

7
In HTML Code
8
Quick Tag Review

• lthtmlgt lt/htmlgt - HTML tag
• ltheadgtlt/headgt - Heading tag
• lttitlegtlt/titlegt - Title tag
• ltbodygt lt/bodygt - Body tag
• ltpgt lt/pgt - Paragraph tag
• ltimg src image pathgt - Image tag
• lt a hreflink pathgtLink textlt/agt - Link tag
• These are only a few tags there many more

9
Website Basics

• Your home page is named index
• Pictures and media are saved along side in the
  same folder as the website, or somewhere where
  you can reference it.

10
Now its Time to Play with Kompozer!