PROJECT AND INDIVIDUAL ASSIGNMENT Web Technology I Due
Assignment Submission Link is: https://forms.gle/RFtZwQMEhPn3EvPR8
Individual Assignment: Designing Your Resume
Objectives:
At the end of these exercises, the students should be able to write basic HTML5 incorporating:
• Table element with row and column spanning,
• Image and
• Links
Activity #1
In this lab session, create your own online resume by using HTML5. Use table element to design the
layout of your resume as shown in Figure 1. You may add other components based on your creativity,
but must follow this page layout.
Save your page as yourindexnumber.html AND link it to your group page
Activity #2
• Set the table border to zero (0).
• Save your file as <Your_ID_number>.html
PROJECT AND INDIVIDUAL ASSIGNMENT Web Technology I Due
Activity #3
Add the following to your website:
• ¾ > ¼ & 10⁰C is colder than 10⁰F.
• © All rights reserved. All contents are owned by mycompany® Inc.
• A link to university of cape coast website with the test, “Click here to visit our website”. When
user clicks on these texts, they will be directed to www.ucc.edu.gh .
Note: Link all pages to your group’s index.html
PROJECT AND INDIVIDUAL ASSIGNMENT Web Technology I Due
Group Assignment: Designing index.html page
Exercise 1: Adding menu areas
▪ Open your text editor e.g. Notepad++.
▪ save your document as index.html
▪ Type the following HTML code:
Study the code above and do the following:
1. Create a webpage with header, nav, main, 3 section(s), aside, footer
2. Create <nav> with 3 anchor links corresponding to the 3 section(s) using ids as anchor links
3. Add content (dummy text) into remaining tags
4. Insert at least two recent images, names and ids of the group members under the images in the
index page.
5. Insert your own recorded audio and a short video about a topic.
Exercise 2:
Objectives:
At the end of these exercises, the students should be able to write basic HTML5 incorporating:
• Layout
• Paragraph
• font
• heading
PROJECT AND INDIVIDUAL ASSIGNMENT Web Technology I Due
• line breaks and
• horizontal rule elements, etc.
Exercises:
1. Using the basic structure of website layout of your choice design a website selecting one of the
following topics.
2. Select a topic for your group from the list below and design the website
i. Students’ information Kiosk
ii. waiter billing system
iii. Online buying of books
iv. Online trading or Stock market
v. Web site for buying Car
vi. Passport application tracking system
vii. Zoo information kiosk
viii. Museum Information Centre
ix. Help desk for Hotel
x. System for managing workers attendance
xi. Sharing information in rural communities through voice interaction
xii. Quiz Management System for a course
xiii. Event management system
xiv. A mental health case patient management system
