Class 1-2: HTML
More Terminology
Learning HTML
HTML or Hyper-Text Markup Language actually has a meaningful name.
- Hyper-text
- Hypertext is text that is linked to other text. We take this for granted now but compare it to a paper book to think how revolutionary this is.
- Markup
- Markup is what you do to a page of text - you add stuff to it, you mark it up. The content itself remains untouched.
CSS is NOT a markup language - you have to go to the CSS itself to find out what it's doing. That is one of the reasons we keep CSS separate from the content and apply it to the HTML, not to the content itself. More on this next week.
An HTML Guide
Here's a review of HTML tags and how they're used:
Introducing the Term Project
You will work with a team of 3-4 people creating a 4-5 page site for a fictitious business in Bellingham. The team will be responsible as a group for agreeing on a "tone" and color scheme and marketing content on the home page of the site as well as the site navigation that will be repeated on each page of the site. Each member will additionally create one page of this site using this same color scheme and navigation. All links should correctly link to pages within the site, and images will be sized correctly and appropriate to the site tone (we'll cover images later in the course). Here are descriptions of the term projects.
Quiz 1
The quiz can be found in Blackboard - go to http://courses.wwu.edu and sign in.
Other Resources
Fun Learning Tools
Get your own magnets for learning html.
- Pre-printed sheet from HeadFirst publisher (see right)
- Blank magnet sheets to make your own (from Amazon):
Avery 3270 Printable Magnet Sheet for Inkjet Printer (White)
MyWeb at WWU
WWU students and staff may want to use the myweb area provided for you while you are part of the WWU community.
- Notes on uploading to the U drive
- More notes on MyWeb
- Accessing MyWeb remotely only use your username to log in, not username.students.wwu