Scribd
Upload
23 views3 pages

Lab 1 Creating A Simple Webpage

This document provides instructions for a student lab to create a simple webpage. It details the content to include on the page such as text, images and a table. It also lists the criteria for assessment including proper use of HTML syntax, images, links, tables, headings, paragraphs and matching the sample output.

Uploaded by

Annakay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views3 pages

Lab 1 Creating A Simple Webpage

This document provides instructions for a student lab to create a simple webpage. It details the content to include on the page such as text, images and a table. It also lists the criteria for assessment including proper use of HTML syntax, images, links, tables, headings, paragraphs and matching the sample output.

Uploaded by

Annakay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Student Name: Weight: 5%

Student ID: Marks: /26

Lab: Creating a Simple Webpage


In this lab, you’ll demonstrate HTML development concepts and best practices. This lab may be
completed during a provided work period or outside of scheduled class time, as indicated by
your instructor.

Instructions
1. Working individually, re-create a web page that contains the content described below.
2. Uploaded the following to Brightspace:
 Your index.html file
 A screenshot showing successful validation of your page from
https://validator.w3.org/.
3. Submit your lab by the due date listed in Brightspace. See the marking criteria below for
details on how you will be assessed.

© 2022, Southern Alberta Institute of Technology 1


Page Content

© 2022, Southern Alberta Institute of Technology

Notes:
 Generate placeholder text using your text editor or any lorem ipsum generator.
 The HTML logo is available from https://www.w3.org/html/logo.

© 2022, Southern Alberta Institute of Technology 2


Marking Criteria
0 Marks 1 Mark 2 Marks Marks

No HTML is Code is visible on the Page renders without


HTML Syntax /2
submitted. page. visible errors.

No HTML is HTML has syntax errors. HTML passes validation


HTML Syntax /2
submitted. with no errors.

No image tag The image does not Image renders on page.


Images element is appear. /2
included.

No images are One or more images are All images have


Accessibility /2
included. missing alt-text. descriptive alt-text.

No anchors are Anchor does not work. Anchor correctly links to


Linking included. /2
another website.

Table is not Table does not render Webpage includes a


Tables /2
included. correctly. table.

Table is not Inappropriate table Table uses correct


Tables included. elements were used. /2
elements.

Table is not Table borders are visible Table matches sample


Tables /2
included.

Use of heading tag Heading tag not used Heading tags are used.
Heading /2
missing correctly

Paragraph tags Only one paragraph tag is Paragraph tags are used.
Paragraph /2
are not used used in webpage

Image reference Image reference included Image reference is


Reference /2
missing but not correct included

Used JavaScript to Used CSS to style page HTML only is used to


Use of HTML /2
style page create webpage.

Output doesn’t Output varies from the Output must match


match with the sample output sample output.
Output /2
given sample
output

HTML No HTML is Obsolete HTML elements Appropriate HTML


/2
Attributes submitted. are included. elements are used.

Total /28

© 2022, Southern Alberta Institute of Technology 3

You might also like