Scribd
Upload
12 views

Project and Individual Assignments

Uploaded by

Emmanuel Bayor
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
12 views

Project and Individual Assignments

Uploaded by

Emmanuel Bayor
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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

You might also like