Week #2 – Intro to HTML & File Structure

Lecture: How the web works

DEMO – Getting setup

File Directory: 

File structure Rules:

  1. File names have no spaces or strange characters
  2. File names are lower case
  3. All files in folder named project1_website
  4. Folders named images, fonts, js inside project1_website folder
  5. All images are inside the images folder
  6. External stylesheet called project1.css
  7. All css in external file
  8. No psds uploaded
  9. All pages titled
  10. All images have alt text

Resource: How to use W3 schools:


DEMO – Working with the text editor



Create a very basic HTML page.

Content Requirements: (minimum)

  • 1 title
  • 1 line of text in all caps, in a color other than black.
  • 3 paragraphs of lorem ipsum. Usetags for each paragraph.
  • 1 image <img src=””>
  • 1 hyperlink <a href=”(the URL for your link” title=”” target=”_blank”>
  • Name the file “firstHTML_yourname.html”


Set up a Flickr account. This is where you will share all your screenshots and store images that inspire you. Tags, sets, groups and other aspects of Flickr will be explained. Our Flickr group pool: duCret Web Design Class. You will be expected to update this weekly.

Leave a comment

Filed under Uncategorized

Comments are closed.