OLA 2: HTML & CSS
Course: CSCI 4410/5410 Web Technologies
Instructor: Dr. Xin Yang
Due date: 11:59 pm Feb 16th, 2025 (Sunday)Objective:
In this assignment, you will enhance your web development skills by creating a comprehensive CV webpage and applying CSS styling and layout to your previous work. The tasks are designed to deepen your understanding of HTML structure, CSS styling, and Layout.Step 1: Design Your Website Layout
1. Header
A header is usually located at the top of the website. It often contains a logo or a website name.2. Navigation Bar
Develop a navigation bar that allows users to switch between your Home page (OLA 1 personal webpage) and your CV page. Ensure that the navigation bar is present on both pages for seamless navigation.3. Content Section
The content section displays the main information on each page, such as personal details, portfolio, or CV details. It should be structured with headings, paragraphs, and other elements for readability.4. Footer
The footer provides supplementary information, such as copyright details and contact links. It may also include additional navigation, a return-to-top button, or disclaimersStep 2: Create a CV Webpage in HTML/CSS
Develop a new CV webpage using HTML and CSS. Your CV should include the following sections:1. Title
Set an appropriate title for your CV, such as "John Doe's CV".2. Education Background
Present your educational background using a list, table, or any other HTML structure you prefer. Include details like high school, bachelor's degree, and master's degree.3. Skills
Display your skills, such as programming languages or software tools you are proficient in, using a list, table, or any other HTML structure you prefer.4. Work Experience
Outline your work experience using a list, table, or any other HTML structure you prefer. If you do not have any work experience, you may skip this section.5. Research/Scholarly Activity
Detail your research or scholarly activities using a list, table, or any other HTML structure you prefer. If you do not have any research or scholarly activities, you may skip this section.6. Awards
List any awards you have received using a list, table, or any other HTML structure you prefer. If you do not have any awards, you may skip this section.7. Bookmark
Include a bookmark link that allows users to quickly navigate back to the top of your webpage.8. Formatting
Apply formatting to highlight important information in your CV.9. Comments
Add necessary comments to your HTML code to explain different sections or components.10. CSS Styling
Enhance the appearance of your CV by adding CSS styles. You can customize colors, backgrounds, font styles, and more to create a visually appealing design.Step 3: Create and Apply an External Style Sheet
1. Create an External CSS File
Develop a single external CSS file (e.g., styles.css) that will contain all the styling rules for both your OLA 1 and OLA 2 webpages.2. Link the External CSS File
Incorporate a link to this external style sheet within the <head> section of both your OLA 1 and OLA 2 HTML files.Submission:
Please compress all your assignment files (ola1.html, ola2.html, style.css, and other necessary files) into a single ZIP archive and submit it through D2L.Grading:
The assignment is worth a total of 100 points, distributed as follows:| Part | Points |
|---|---|
| CV HTML | 23 Points |
| External CSS File | 24 Points |
| CSS Layout | 20 Points |
| Navigation Bar | 15 Points |
| OLA1 CSS | 15 Points |
| AI Disclaimer | 3 Points |
If you have any questions, please feel free to reach out to me at Xin.Yang@mtsu.edu or stop by my office in ROTC annex 113E.
⇧