Scribd
Upload
31 views2 pages

2 Assignment 2 Css

The document outlines an assignment to create multiple HTML pages and apply CSS styling. It includes instructions to create a root homepage with specific elements like name, title, image, links. It also includes creating a second HTML page and applying at least 9 distinct CSS styles between internal, external, and inline styling. A third HTML page is to include a web form with various input fields like text, radio buttons, dropdown menus, and checkboxes.

Uploaded by

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

2 Assignment 2 Css

The document outlines an assignment to create multiple HTML pages and apply CSS styling. It includes instructions to create a root homepage with specific elements like name, title, image, links. It also includes creating a second HTML page and applying at least 9 distinct CSS styles between internal, external, and inline styling. A third HTML page is to include a web form with various input fields like text, radio buttons, dropdown menus, and checkboxes.

Uploaded by

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

Assignment 2: CSS

1. Your site must include at least 4 HTML pages and at least 1 external
CSS le, as described below (the instructions for the 4th html page is in
question 2). In part C you will be applying CSS to style these webpages.
It will be helpful to read through all of question 1 before beginning, and
you might want to consider all parts simultaneously.

ˆ Part A

 A page named root.html. This will be your homepage, which must


include:

* Your name and username at the top of your web page;

* Your name as the <title>

* An image (such as the photo you edited for A3, or something


else). Note that you may only use the gif, jpeg and png image
le formats in web pages.

* Two absolute hypertext links to other web pages (ie. sites you
nd particularly interesting);

* A list of something;

* A table of something;

 A relative hypertext link to each of:

* username.html (see below),

* form.html (see question 2)

 A page named username.html, containing the following:

* Text of your choosing (ex. this could be more detail about some-
thing from root.html, or anything else you'd like).

* There must be a relative hypertext link from root.html to this


page, as listed above.

* While you are not required to have a relative hypertext link in


design.html to go back to

* root.html, think about why this would be a good website design


choice.

ˆ Part B

 You will now apply CSS to the webpages you just created. You can
be as creative as you want,

* At least 9 distinct user-dened CSS styles dened and applied,


as follows:

· At least 3 of these must be dened in the <head> section of


the page using a <style> tag pair.

· At least 3 of these must be dened in styles.css, which you


must link to either root.html or username.html

1
· At least 3 of these must use the style attribute to directly
apply CSS to the contents of a tag pair

2. Create a le named form.html containing a web form with the following
items.

ˆ your name and username at the top of your web page;

ˆ a hidden eld with the name identity whose value is your full name (ie.
John Smith);

ˆ a one-line text input eld with the label Registration Number and the
name idNumber;

ˆ a multi-line, scrolling text input eld with the label Comments and the
name comments;

ˆ three radio buttons labeled 830 TT, 1030 TT, and 1430 WF with
the name lab that submit the values Lab101, Lab102 and Lab103
respectively, when selected;

ˆ one pop-up menu or scrolling menu with the label Application and the
name app that allows the user to select from Word, Excel, HTML,
Pixel Graphics, Social Media, and FileMaker;

ˆ three checkboxes labeled Macintosh, Windows, and Linux with names


mac, win, and unix, respectively, each of which returns the value Yes
when checked;

ˆ a Submit button.

You might also like