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:

https://youtu.be/YYjK4qH1wSg

DEMO – Working with the text editor

https://youtu.be/QJEFNxvs8IQ

Assignment:

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”

Homework:

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.

Advertisements

Leave a comment

Filed under Uncategorized

Comments are closed.