Reference no: EM132272548
LAB - HTML Intro
Tasks:
• Produce a professionally-looking website that meets all of the requirements stated
To create a webpage for this lab, you will need to save a file in Notepad (PC) or TextEdit (in plaintext mode - Mac).
If using TextEdit on Mac - make sure to go to Preferences, Click the Open and Save Tab, and make sure that Display HTML as HTML code is selected.
As well - for Macs, make sure to uncheck the box for Smart Quotes
You will need to save you file as a .html file (as opposed to the default .txt file that is associated with both Notepad and TextEdit).
When you double click the file in File Explorer (Windows) or a Finder Window (Mac), it will open your default web browser, because of the file association with .html.
In order to edit the file again in your text editor, there are 2 ways to do it:
1. Open the application and open it through the File...Open menu
2. Right-click and select Open With... and choose the text editor.
Remember to look at the HTML Slides and the Example zip file that is found on the 1P01 Sakai site for examples.
Details:
The main purpose of this lab is to demonstrate the concepts that you have learned in lecture. Make sure that spelling and grammar is correct.
For this lab you are to create website that highlights the city that you used in Lab 1 and 3. The goal of this web site is to learn about basic HTML. Have fun and be creative!
Your website will consist of the following pages:
1. Main Page - A couple of general paragraphs introducing what your website is about, as well as links to all of the other pages on your website.
2. Five Topic Pages - Five organized pages which cover highlights that city that you have chosen.
3. Links Page - Bibliography page of where you found your information (text or images).
As a rough guideline, the average length of each topic page should be about a printed page worth of text (without the tags).
On your links page, you must show where your received all of your information.
It does not need to be any style (such as APA), but just be able to link back to where the information was found.
As well, your web site must include the following:
• Page Title
• Different size headings
• Different font sizes, faces, colours and styles (ie bold, italic....)
• Background colour different than the default colour *
• At least 3 different thumbnail images that when clicked opens up the full-sized images. *
• At least 1 list (ordered or undordered) *
• A table *
• At least one example of intradocument linking (ie linking within the same HTML document) *
* For week one of lab, you can organize your website and put the text information. Things that are marked with * will be discussed in lecture on Wed Mar 27th.
The website should be easy to navigate through (ie links between pages and main page).
Even though the web page will include all of these tags, each page should look like it belongs to the same website.
You must prepare the html files using the text editor NotePad or TextEdit to be accepted.
Attachment:- Instructions.rar