Scribd
Upload
68 views1 page

SWD323 HTML and CSS Project Guide

The document outlines a series of practical tasks for organizing web development files. It instructs the creation of folders for class materials, saving HTML and CSS files, downloading specific images, and linking files with a navigation menu. Additionally, it requests a change in the header color in the HTML file.

Uploaded by

daloziee21
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
68 views1 page

SWD323 HTML and CSS Project Guide

The document outlines a series of practical tasks for organizing web development files. It instructs the creation of folders for class materials, saving HTML and CSS files, downloading specific images, and linking files with a navigation menu. Additionally, it requests a change in the header color in the HTML file.

Uploaded by

daloziee21
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

SWD323 PRACTICAL QUESTION

1. Create a Folder, and name it “Class”


2. Save the html file I sent inside the Class folder
3. Create another folder inside the Class Folder and name it “CSS”
4. Create another folder inside the Class Folder and name it “img”
5. Save the Css file I sent inside the CSS folder
6. Remember the images we worked on,
a. Favicon
b. Logo
c. Background-image
d. Column image
Download desired images that will sever for this 4 and save them in the img
folder.
Remember the extensions of the images (very important)
7. Using the first html file I sent, create two files of html and save them inside
the Class Folder and also make sure you do something to different the
pages on viewing.
8. Link the css file to the html file
9. Link all the html files with navigation menu (the way we discussed) so that
you can visit those pages from the menu
[Link] and link the images properly.
[Link], the header that is red, I want to see it in a different color, any color
of your choice.

You might also like