Scribd
Upload
2 views

IS311 Assignment 01

The assignment requires students to create a website using HTML and CSS with a minimum of two pages focused on a single subject of their choice. Key technical criteria include the use of graphics, proper layout with <div> tags, meta-tags, hyperlinks, lists, tables, rollover effects, and external style sheets. The submission deadline is February 8th, and students must submit their work as a ZIP file on the LMS.

Uploaded by

Talha Naro
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
2 views

IS311 Assignment 01

The assignment requires students to create a website using HTML and CSS with a minimum of two pages focused on a single subject of their choice. Key technical criteria include the use of graphics, proper layout with <div> tags, meta-tags, hyperlinks, lists, tables, rollover effects, and external style sheets. The submission deadline is February 8th, and students must submit their work as a ZIP file on the LMS.

Uploaded by

Talha Naro
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/ 2

IS311 Web Development

Department of Information Systems


College of Computer and Information Sciences

Assignment 01
HTML & CSS
Submission Deadline: 8th February
Type: Individual Assignment
Submission: Submit your work as one ZIP file on LMS

Overview
● In this assignment, you will be creating a website using proper HTML and CSS that
consists of two pages minimum.
● Make certain your site has interesting information in it; that it is well organized and easy
to navigate; and that it is artistically pleasing.
● Your site should be based around a single subject – one of your choosing!

Technical Criteria
● On each page you should include a graphic title or logo.
● You should lay out your content using <div> tags and position them as you see fit. The
number of columns and exact layout is up to you.
● In your head section, you should make use of at least two meta-tags (i.e. keyword &
description)
● There should be titles for each page (in the head of your HTML documents)
● There should be paragraph and heading text on each page, as well as images. (<p> and
heading <h1>, <h2>, <h3>. . <h6>, <br> <img .... >
● There should be hyperlinks on each of the pages that provide navigation capabilities for
your site. Each page to link to every other page.
● In addition, there should be at least one link to an external website. Use an absolute
hyperlink, and have it open in a new browser tab or window.
● At least one of your images should link to another page or another site.
● You should include at least one numbered list or one bulleted list somewhere on at least
one of your pages.
● You should include at least one table somewhere on one or more of the pages. In
addition, the table should be properly formatted using CSS.

Page 1 of 2
IS311 Web Development
Department of Information Systems
College of Computer and Information Sciences

● You should create simple rollover effects (CSS using the: hover pseudo selector or image-
based rollovers)
● You should utilize anchors/bookmarks and links to anchors/bookmarks (links that link to
content within a specific page)
● Your site must utilize an external style sheet (.CSS document) with at least three style
rules that is linked correctly to all the HTML pages in your site. At the minimum, your
style sheets should specify:
- font family and font size for body, paragraph and heading text.
- attributes for various link states including link, visited, focus, hover, and active.
- either a background image or background color for your pages
● At least one of your HTML pages should also include an embedded style sheet (within
the head section of the document, below the external style sheet link) with at least two
style rules that apply to the specific page.
● Add one animation to any of your pages.
Beyond these requirements, feel free to include additional CSS to design your pages as you like!

Page 2 of 2

You might also like