This lab will cover the basic HTML concepts presented in the first chapters of your textbook.Â
For the labs this semester, you will be creating a website for a business website.  You will be responsible for designing the look of the page as we progress through the semester. As we learn more concepts, we will add additional pages and content to our site. For now, we'll start easy and make a basic page using notepad. Your first lab should include the following information:
1. (Create a Word Document for this part only) A Word document that
iefly outlines the purpose of your business. Â In this document, discuss who the most likely customers are for your website and
iefly discuss some of the things you think your customers might expect on the site.  For example, you can discuss colors or content or something else that might appeal to your customers.  You can look at similar webpages for inspiration. NOTE: If you are repeating the course, you must choose a new company and start the labs from scratch.
2. (For the remaining lab requirements you will use Notepad (Windows Users) or TextEdit (Mac Users))
Two pages named index.html (main page) and links.html (page of links)
3. Co
ect HTML structure (HTML, HEAD, and BODY tags) and HTML 5 semantic elements (HEADER, NAV, MAIN, FOOTER) on both pages
4. A co
ect title in the head section of the document using the title tags
5. Three different levels of headings on your main page
6. Two introductory paragraphs about your company on your main page
7. A description list with the name of at least three things or services your company offers and a description of each item on your main page.
8. A copyright statement in the footer section of both pages using the HTML to create the copyright symbol.
9. On your links page, create 5 absolute links to related websites in a list (ordered or unordered). These links can be to anything related to your company (tourism websites, airlines, etc).
10. A relative link from your index page to your links page and a relative link from the links page back to the index page in the nav section of the page.
11. An email link to your email address in the footer of both pages
12. Use two phrase elements somewhere on your pages
Remember, name your pages index.html and links.html and attach them here in Canvas.  You can zip them into one file if you wish and submit the zipped file here in Canvas. Â
Also, don't forget that you need to do all of your work in notepad or a similar text editor (not Word, Dreamweaver, web templates, etc.) If you submit work using any of these "other" editor programs, you will not receive a grade for the assignment.  Reread the syllabus section on Academic Dishonesty for more information.
Lab 1 Ru
ic
Lab 1 Ru
ic
Criteria
Ratings
Pts
This criterion is linked to a Learning Outcome Company Description
10.0 pts
This criterion is linked to a Learning Outcome Two pages named index.html and links.html
6.0 pts
This criterion is linked to a Learning Outcome Co
ect HTML Structure
9.0 pts
This criterion is linked to a Learning Outcome Semantic Elements (header, nav, main, footer)
12.0 pts
This criterion is linked to a Learning Outcome Title in Head seciton
4.0 pts
This criterion is linked to a Learning Outcome Three Levels of Headings
9.0 pts
This criterion is linked to a Learning Outcome Two Paragraphs of Company Info
6.0 pts
This criterion is linked to a Learning Outcome Description List with Three Terms
12.0 pts
This criterion is linked to a Learning Outcome Copyright Symbol using &Copy;
4.0 pts
This criterion is linked to a Learning Outcome Five absolute links on links.html
10.0 pts
This criterion is linked to a Learning Outcome Relative links between pages in nav section
5.0 pts
This criterion is linked to a Learning Outcome Two Phrase Elements
8.0 pts
This criterion is linked to a Learning Outcome Email Link
5.0 pts
Total Points: 100.0
This lab will cover the basic HTML concepts presented in the first chapters of your textbook.Â
For the labs this semester, you will be creating a website for a business website.  You will be responsible for designing the look of the page as we progress through the semester. As we learn more concepts, we will add additional pages and content to our site. For now, we'll start easy and make a basic page using notepad. Your first lab should include the following information:
1. (Create a Word Document for this part only) A Word document that
iefly outlines the purpose of your business. Â In this document, discuss who the most likely customers are for your website and
iefly discuss some of the things you think your customers might expect on the site.  For example, you can discuss colors or content or something else that might appeal to your customers.  You can look at similar webpages for inspiration. NOTE: If you are repeating the course, you must choose a new company and start the labs from scratch.
2. (For the remaining lab requirements you will use Notepad (Windows Users) or TextEdit (Mac Users))
Two pages named index.html (main page) and links.html (page of links)
3. Co
ect HTML structure (HTML, HEAD, and BODY tags) and HTML 5 semantic elements (HEADER, NAV, MAIN, FOOTER) on both pages
4. A co
ect title in the head section of the document using the title tags
5. Three different levels of headings on your main page
6. Two introductory paragraphs about your company on your main page
7. A description list with the name of at least three things or services your company offers and a description of each item on your main page.
8. A copyright statement in the footer section of both pages using the HTML to create the copyright symbol.
9. On your links page, create 5 absolute links to related websites in a list (ordered or unordered). These links can be to anything related to your company (tourism websites, airlines, etc).
10. A relative link from your index page to your links page and a relative link from the links page back to the index page in the nav section of the page.
11. An email link to your email address in the footer of both pages
12. Use two phrase elements somewhere on your pages
Remember, name your pages index.html and links.html and attach them here in Canvas.  You can zip them into one file if you wish and submit the zipped file here in Canvas. Â
Also, don't forget that you need to do all of your work in notepad or a similar text editor (not Word, Dreamweaver, web templates, etc.) If you submit work using any of these "other" editor programs, you will not receive a grade for the assignment.  Reread the syllabus section on Academic Dishonesty for more information.
Lab 1 Ru
ic
Lab 1 Ru
ic
Criteria
Ratings
Pts
This criterion is linked to a Learning Outcome Company Description
10.0 pts
This criterion is linked to a Learning Outcome Two pages named index.html and links.html
6.0 pts
This criterion is linked to a Learning Outcome Co
ect HTML Structure
9.0 pts
This criterion is linked to a Learning Outcome Semantic Elements (header, nav, main, footer)
12.0 pts
This criterion is linked to a Learning Outcome Title in Head seciton
4.0 pts
This criterion is linked to a Learning Outcome Three Levels of Headings
9.0 pts
This criterion is linked to a Learning Outcome Two Paragraphs of Company Info
6.0 pts
This criterion is linked to a Learning Outcome Description List with Three Terms
12.0 pts
This criterion is linked to a Learning Outcome Copyright Symbol using &Copy;
4.0 pts
This criterion is linked to a Learning Outcome Five absolute links on links.html
10.0 pts
This criterion is linked to a Learning Outcome Relative links between pages in nav section
5.0 pts
This criterion is linked to a Learning Outcome Two Phrase Elements
8.0 pts
This criterion is linked to a Learning Outcome Email Link
5.0 pts
Total Points: 100.0