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.
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!)
- Create a new Notepad file. This should create a blank text document (.txt).
- Copy and paste the following code:
- Save the file as index.html on a USB stick.
- Open index.html directly from Windows Explorer to open the webpage in a web browser.
- If necessary, rename index.html to index.txt to edit the file in Notepad.
- Upload index.html to the web (/yourname/html00) via FTP.
- 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
- Go to HTML Intro on w3schools.com.
- 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!
- Try editing index.html from above and then open the file in a web browser to see the changes.
- 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.
- Start on the first HTML assignment once you have completed HTML Images (skip HTML CSS).
See also: HTML Assignments.