Course Syllabus

Intro

Design

Slicing

CSS

Template

Content

Scripts

Meta-Tags

Uploading

Website Hosting

Animated Gifs

Requested Elements

Further Readings

Interesting Designs

The Basics

- All information, webpages, websites, images, ect on the internet is stored on servers.
- Users send requests to servers any time they view this information.
- In order to create information for the internet you must post it onto a server.
- HTML is the most common coding method used on the web.

What is HTML

-HTML stands for Hyper Text Markup Language
-An HTML file is a text file containing small markup tags
-The markup tags tell the Web browser how to display the page
-Almost everything viewed on the web uses html tags to define how it is viewed
-More about tags

The Process

The creation of a website can be broken down in to the following basic steps.
-creating a site map
-designing the layout
-slicing the layout into smaller pieces
-establishing a HTML template
-creating individual HTML pages and adding content
-posting the site to the web

Site Maps

It is important to have a clear understanding of how the final site is intended to function in order to create an effective and useful design template. In order to make this idea clear we create what is called a site map. A site map is basically a diagram of the different pages in a website. an example would look something like this

Home Page
--------------------------------------|-------------------------------------
  |                      |                       |                   |                       |  
About         Contact         Portfolio        Links        Philosophy
|-resume                             |-paintings                            
|-bio                                     |-prints                                  
             |-photos
              |-website

The above site map shows the basic layout and navigation of a website portfolio for an artist. What we can now see from this is that:

- there will be a total of 12 pages in this website
- the homepage will have links to 5 different pages
- the about us and portfolio sections of the site will have sub areas that will require additional links

We will use this information when designing the layout of the website to make sure we account for all the necessary navigational linking.