ITEC 1010 - Section A – Fall 2023 Assignment 2: HTML5
Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: daixieit
ITEC 1010 - Section A – Fall 2023
Assignment 2: HTML5
Weight: 8%
Due date: November 2nd, 2023 as per eClass submission timings. Instructions
You are to design a simple website using HTML5 and CSS. You can choose between making the website about
yourself or about the small business idea you used in your database assignment. The website will have a main page called “index.html”, this will be the landing page of the website. It will also have another page called “about.html”, which will act as an about page (for either you or your business depending on the topic you choose). Lastly, it will have a “stylesheet.css” file to help with the styling of the website.
You may use any text editor you are comfortable with (Ex. Visual Studio Code, Notepad++, Sublime Text, etc.),
along with the HTML5 slides on eClass andwww.w3schools.comto help code the website.
Use this table as achecklist to ensure you have completed all the requirements of the website:
|
|
Requirement |
Marks |
Completed |
|
General: |
Create 3 pages: index.html, about.html, and stylesheet.css |
|
|
|
All pages must include comments (one comment for each section of the website) |
0.25 |
|
|
|
Each HTML page must: |
Have a head and body section |
0.25 |
|
|
Use proper formatting (using Tab to indent where needed to make the code easy to read) |
0.25 |
|
|
|
Use at least one type of structural tags |
0.5 |
|
|
|
index.html: |
A comment in the header explaining your website (3-4 sentences) |
0.25 |
|
|
A heading for the website |
0.25 |
|
|
|
An image on the center of the page (the image must use an “alt” attribute), name it “image.jpg” |
0.5 |
|
|
|
A small paragraph under the image |
0.25 |
|
|
|
A link to your about page |
0.25 |
|
|
|
A colored box containing an announcement (be creative),that stays fixed on the page, even if you scroll the page |
1 |
|
|
|
about.html: |
A heading for the page |
0.25 |
|
|
Two paragraphs |
0.5 |
|
|
|
A table with at least 3 rows and 3 columns. The table must be using colspan and rowspan somewhere. |
1 |
|
|
|
Styling: |
Use the CSS stylesheet to style each HTML page. Create some general rules in the CSS sheet, where the same rule can be applied to both html pages. |
0.5 |
|
|
|
Have one inline CSS rule in each HTML page, using at least two types of text styling tags |
0.5 |
|
|
|
Have one embedded CSS rule in each HTML page |
0.5 |
|
|
|
Use font-family, font-style, font-weight |
0.5 |
|
|
|
Use border (having width, style and color properties) |
0.5 |
|
Note: Do not use online templates to make the website, you need to write the code from scratch
Deliverables (Don’t zip the files please)
The following 4 files:
index.html, about.html, stylesheet.css, image.jpg
2023-10-27