CADD32710 - Advanced Computer Applications
01 - Resume Web Page
Transfer the text of your
Resume into an HTML editor, and add the necessary tags to format the text into
an HTML document. Publish the resulting HTML document onto your personal web
space on trantor under the filename resume.html.
MAKE SURE THE NAME IS resume.html!
Scope of Work:
- Format your
resume as a simple HTML document.
- Start an HTML
editor, then start a new HTML document (set up a proper HTML document structure
with header and body tags).
- Load your resume
into a word processor, then copy the text of the resume over into an HTML
- Add the necessary
header, paragraph, and font tags to properly format the text.
- You MUST use CSS styles to format the text!
- The CSS styles must be referenced from an external file and NOT located in the document itself.
- Repeat: The CSS styles must be referenced from an external file and NOT located in the document itself.
- Save the HTML document
to your personal folder on the webserver as resume.html.
the HTML document colours, background, and title.
- Prepare an overall
design for your web pages. Decide on a proper colour scheme and/or
texture pattern to be used. Note that this design will affect all
your web pages so that they have a consistent look and feel.
- Create an "img"
folder under the folder where the HTML document is saved. Place all
image files in this folder.
- If any background
patterns are to be used on your web page, create the tilable pattern
and place it in the "img" folder. Make sure any background pattern
used does not detract from the main purpose of the web page, and that
the text of the resume is readable.
- Create an image
for the title of the document, and optionally for each main header
and any other elements in your HTML document. Save these images in
the "img" folder, and add the proper tags and attributes to your resume.html
document so that they display properly.
- Add local
references to your HTML document, and a local navigation system to jump
within the document.
- Add an anchor
tag at the top of the HTML document named "top".
- Add the proper
anchor tags and name the different headers and sections of your resume
- Add a link next
to each of these anchor tags to return to the "top" of the document.
- At the top of
your document, create a navigation system such as a navigation bar
or a navigation panel using an image map. This should contain links
to jump down to each header or section of your resume file.
- Make sure the
resume is readable in both Chrome (or Firefox) and Explorer browsers.
- Although the majority
of our target audience is using Internet Explorer, your resume should be
viewable in both browsers for maximum effect.
|Submit the file named
"resume.html" to your personal trantor site, and copy the
"img" folder with all its files to your trantor site as well.
Your resume page
should be fully accessible from anywhere on the Internet by entering
where xxxxxxxx is your CAD Lab Login id.
Note: If your resume is not accessible from the above URL, the Instructor will not be able to grade the file, and you will be given a zero for the assignment.
The files will be
reviewed and automatically copied off the trantor site at the due date and time. Make sure all
your files are correct and on the trantor site by the due date. Any late
submissions will not be accepted, for any reason.
Friday, August 3, 2018, before 10 pm.
Proper text HTML tags and use of CSS in document body
Resume Organization, look and feel
Navigation and local links (30%)
Proper use of anchor tags -
Navigation to resume sections from top of document and back