• Home
  • Blog
  • The University of South Florida HTML Project

The University of South Florida HTML Project

0 comments

You’ll create 2 web pages. The first will be a resume and the second will be a first page to an online business.

• Please use HTML and notepad or textedit – don’t use a Word, blog, webpage wizard, or any FrontPage/Dreamweaver type of

software. Just use a simple text editor.

MAC USERS! Be sure that your TextEdit preferences are set correctly – or your web pages will not work correctly. Refer to the HTML 1

project instructions and the HTML overview video for information on this. This is really important!

Part 1: Create two web pages

• Both Pages:

o Be sure that both web pages are G-rated and have content/images that you would want a prospective employer to view.

You’ll be graded on the assignment components completed as well as having an attractive, appropriate website. Don’t

forget to review your grammar and spelling.

o Do not cut and paste any text from a Word or PDF file or embed an image of text in the web page. In other words, all text

should be formatted by you using HTML Tags. All content should be your own words.

o Your content as well as design must be original – again, do not copy and paste text / content from any other web site or

project. You may download and use images from other websites.

• Page 1 – resume.html:

o The first page should be named ‘resume.html’ and should display your resume information in an attractive format and be

interesting enough that someone would want to call you for an interview.

o Do not use any cascading style sheets, CSS, commands in the resume.html page. See HTML 1 assignment for more on this.

o Your resume page should link to your second ‘biz.html’ page.

o HTML Details – include the following skills and tags. All of these required tags should be on your resume.html page

a) Correct HTML structure tags (html, head, title, body & ending tags) on both web pages

b) A comment tag

c) A tag that link let you go to your biz.html page

d) At least 2 image tags – besides any background images. Use an image you have or have downloaded to your computer,

not a link to an image on another site and don’t use the image files from the HTML 1 project.

e) Tag or tag attributes that display a background image or color

f) Tags to create a useful ordered or unordered list (with 3 list items in at least one of your ordered / unordered list). NOTE:

if you center your unordered or ordered list and view it in Chrome or IE or Safari, the bullets may not center. Try viewing

it in Firefox – that’s what we use to grade projects.

g) A tag that displays a colored (not black/grey) horizontal line

h) Two different size heading tags (for example, <h1>)

i) Font tags that demonstrate two different text colors (these should be separate from the heading and link tags)
j) Tags that format text so that it is bold or strong, underlined, and italicized or emphasized (can be used separately or
together)
k) A paragraph tag and a break tag
l) A tag that creates a useful table containing at least 3 rows and 3 columns with relevant content in all cells.
m) If you are unsure about any of these tags use our TIPS page or do a little Google-ing. You can use additional tags.
In the interest of a sane grading process, please keep to the basics of this assignment. Please do not use inline, internal or
external CSS for this resume.html page (see http://www.w3schools.com/css/css_howto.asp for info on this). If you are using
a command that includes the word ‘style’ you are using CSS – please don’t. Web gurus…. If you feel like your web prowess is
Page 2 of 2
not being fully appreciated (I totally get this!), you can use CSS in your biz.html page (see below). We’ll check them out and be
impressed!
• Page 2 – biz.html:
o This second page should be named ‘biz.html’ and the first page for an online business you might create. You’ll be graded on
the effort, thought and how well it illustrates and details your products or services.
o Required:
• Correct HTML structure tags (html, head, title, body & ending tags) on both web pages
• A tag that links you go to your resume.html page
o And 8 of the tags listed these bullet points
• A comment tag
• At least 2 image tags – besides any background images. Use an image you have or have downloaded to your computer,
not a link to an image on another site and don’t use the image files from the HTML 1 project.
• Tag or tag attributes that display a background image or color
• Tags to create a useful ordered or unordered list (with 3 list items in at least one of your ordered / unordered list). NOTE:
if you center your unordered or ordered list and view it in Chrome or IE or Safari, the bullets may not center. Try viewing
it in Firefox – that’s what we use to grade projects.
• A tag that displays a colored (not black/grey) horizontal line
• Two different size heading tags (for example,

)
• Font tags that demonstrate two different text colors (these should be separate from the heading and link tags)
• Tags that format text so that it is bold or strong, underlined, and italicized or emphasized (can be used separately or
together)
• A paragraph tag and a break tag
• A tag that creates a useful table containing at least 3 rows and 3 columns with relevant content in all cells.
• If you are unsure about any of these tags use our TIPS page or do a little Google-ing. You can use additional tags.
• On this page (biz.html only), you can add some Cascading style sheet commands (CSS), but if you use them, include a
comment above each one with details of what the CSS commands do.
Part 2: Upload your project files and image files to the USF Server using the correct version of FileZilla
• **Do not delete or modify your HTML 1 project files.
• Upload your HTML 2 webpages and image files to the USF Server (INSIDE the public_html folder) using the correct version of
FileZilla (see our HTML overview page for the correct FileZilla download)
• The URL to your first page will be yournetid.myweb.usf.edu/resume.html. The resume.html page should contain a link to
your biz.html page.
• Check your URL / project on a different computer using Firefox to be sure it looks good, all images display and links work
correctly.
• There are upload instructions in our HTML overview and tips page.
• Start early and get help from the TAs or myself if you have any issues with this part. Uploading to the server is worth a large
percentage of the total project points.
Part 3: Submit your project HTML Files and URL to Canvas ** This is different from the HTML 1 project
1. Upload your two HTML files and any image files used to Canvas.
2. Enter the URL in the comment area of the assignment. Your URL should be your yournetid.myweb.usf.edu/resume.html.
You don’t have to submit the URL to the biz page, we should be able to click a link on your resume to view the biz page.
3. DO NOT modify your project on the server after the due date. If you change it after the due date, it will be considered late
even if it was originally submitted on-time. If you modify it on the server after the late date, we won’t be able to grade it.
Additional Notes:
• Refer to your HTML 1 project overview and tips page as needed. Another good resource is http://www.w3schools.com/html.
• *Some of these tags may be deprecated (obsolete), but we are just using these simple tags to get an idea of what HTML /
coding is all about.
• Use images that have been downloaded to your computer and are in your working HTML 2 folder. You will upload these
images and your web pages to the USF server. Don’t directly link to images on other web sites.
• Only use tags/code that you understand – don’t copy/paste tags/code from other web pages or tutorials or get complex code
from friends, etc. Tags/code questions will be included on exams.
Page 3 of 2
• Again, Please do not use inline, internal or external CSS for the resume page of your assignment (see
http://www.w3schools.com/css/css_howto.asp for info on this). If you are using a command that includes the word ‘style’
you are using CSS – please don’t use this on your resume web page.
• Start Early! If you wait until the last minute, you may lose many points on this project.
• Keep all of your web pages and image files in the same folder on your computer.
• It’s often easier if all of your web pages and image files are named with small letters (no capitals) only.
If you have a problem, please check our Home page for common questions as well as the HTML Overview page / video (Modules area).

About the Author

Follow me


{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}