Basic Web Page Design
Learning Outcome
- Evaluate the credibility of existing websites based on the given criteria in a web evaluation checklist
- Define what is HTML
- Determine the basic tools for creating web pages using HTML
- Use basic HTML coding and tags
- Use HTML to create web pages
- Build a web site, with at least four web pages, using HTML
- Show enthusiasm for creating websites by asking questions.
HTML WORKSHEET. Please download and follow the instructions
![](http://www.weebly.com/weebly/images/file_icons/rtf.png)
html_doc.docx | |
File Size: | 17 kb |
File Type: | docx |
Creating Website
Task 1: Evaluating Websites. Download the Web Evaluation Checklist below and use it to evaluate a website of your choice.
Task 2: Is the website appealing and user-friendly? Give reasons for your answer.
Task 3: Do you want to view the codes that make up your favourite websites? Oh yes! Visit the website, right click on a blank area of
the web page, select view page source. It is confusing? Oh yes! Don't worry, you will get to design a basic
web page using some of the codes you saw.
Task 4: Download the PowerPoint below, read and make notes to find out how to create a basic HTML web page in NOTEPAD.
Task 1: Evaluating Websites. Download the Web Evaluation Checklist below and use it to evaluate a website of your choice.
Task 2: Is the website appealing and user-friendly? Give reasons for your answer.
Task 3: Do you want to view the codes that make up your favourite websites? Oh yes! Visit the website, right click on a blank area of
the web page, select view page source. It is confusing? Oh yes! Don't worry, you will get to design a basic
web page using some of the codes you saw.
Task 4: Download the PowerPoint below, read and make notes to find out how to create a basic HTML web page in NOTEPAD.
![](http://www.weebly.com/weebly/images/file_icons/rtf.png)
web_evaluation_checklist.docx | |
File Size: | 13 kb |
File Type: | docx |
![](http://www.weebly.com/weebly/images/file_icons/xls.png)
basic_web_page_notes.ppt | |
File Size: | 1676 kb |
File Type: | ppt |
The link below is a sample webpage I created in Notepad. Download, open and view codes.
![](http://www.weebly.com/weebly/images/file_icons/html.png)
index.htm | |
File Size: | 1 kb |
File Type: | htm |
Watch the view below to show how to create a page in notepad
To locate notepad, simple click start, all programs, accessories and click notepad
Coding websites can be fun! I love it and I sure you will love it too. It just takes tenacity.
Tip: Before you open notepad, you must create a folder to store all the images and notepad files for the website. If you put the notepad and the images you will use in different folders, your website will not work. When you are saving your notepad file, it must be saved with the extension . htm or html Eg. Homepage.html
To locate notepad, simple click start, all programs, accessories and click notepad
Coding websites can be fun! I love it and I sure you will love it too. It just takes tenacity.
Tip: Before you open notepad, you must create a folder to store all the images and notepad files for the website. If you put the notepad and the images you will use in different folders, your website will not work. When you are saving your notepad file, it must be saved with the extension . htm or html Eg. Homepage.html