Web Design 12: HTML Introduction

The internet has changed significantly since the publication of Introduction to Web Design using Dreamweaver (2007). For example, certain HTML tags such as <font> and <center> are no longer used and the HTML standard is transitioning from HTML 4.01 to HTML 5. Because some of the information from the textbook is outdated, you will instead refer to w3schools.com to learn the current web standards.

You will learn how to create content and containers using HTML and how to modify format and layout with CSS. Specifically, excluding deprecated tags, HTML 4.01 and CSS 2.1 will be heavily emphasized. Following your mastery of HTML 4.01 and CSS 2.1, it is encouraged that you learn HTML 5 and CSS 3.0, along with a client-side programming language such as JavaScript, in your own time.

In this pre-assignment, you will be creating and editing your first page by coding in a text editor–Notepad.

Part 1: First Webpage (Hello World!)

  1. Create a new Notepad file. This should create a blank text document (.txt).
  2. Copy and paste the following code:

  3. <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Greetings</title>
    </head>
    <body>
    Hello World
    </body>
    </html>

  4. Save the file as index.html on a USB stick.
  5. Open index.html directly from Windows Explorer to open the webpage in a web browser.
  6. If necessary, rename index.html to index.txt to edit the file in Notepad.
  7. Upload index.html to the web (/yourname/html00) via FTP.
  8. Open the file using a web browser.

Note: It is expected that students memorize the basic skeleton for a Hello World page.

Part 2: Learning HTML tags

  1. Go to HTML Intro on w3schools.com.
  2. Carefully read through each section, making sure that you fully understand and have tried modifying HTML codes in the Tryit Editor. Experiment everything and leave no stones unturned!
  3. Try editing index.html from above and then open the file in a web browser to see the changes.
  4. Proceed to the next section only after you have mastered a section. HTML coding is the basis of webpages and of websites, so it is important to be proficient with writing/reading HTML codes.
  5. Start on the first HTML assignment once you have completed HTML Images (skip HTML CSS).

See also: HTML Assignments.

Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInEmail this to someone
This entry was posted in Web Design 12. Bookmark the permalink.