Scribd
Upload
82 views13 pages

Web Design Web Design Web Design Web Design

The document is a student's practical manual for a Web Design course. It outlines 5 weeks of labs for students to practice basic HTML skills like using browsers, formatting text, adding images and links, and creating forms. Each week provides learning objectives and an assignment for students to write HTML code based on an example output, and test it in their browser. This will help students learn HTML tags and how to structure web pages through hands-on practice of core HTML concepts over the 5 week period.

Uploaded by

feezy1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
82 views13 pages

Web Design Web Design Web Design Web Design

The document is a student's practical manual for a Web Design course. It outlines 5 weeks of labs for students to practice basic HTML skills like using browsers, formatting text, adding images and links, and creating forms. Each week provides learning objectives and an assignment for students to write HTML code based on an example output, and test it in their browser. This will help students learn HTML tags and how to structure web pages through hands-on practice of core HTML concepts over the 5 week period.

Uploaded by

feezy1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

NASARAWA STATE POLYTECHNIC, LAFIA

DEPARTMENT OF COMPUTER SCIENCE


STUDENTS PRACTICAL MANUAL
COURSE TITLE:

WEB DESIGN

COURSE CODE: LIS 219


STUDENTS NAME: ----------------------------------------------------------------------------------------------------------------------------------------------------------REGISTRATION NUMBER: --------------------------------------------------------------------------------------------------------------------------------------PROGRAMME: -----------------------------------------------------------------------------------------------------------------------------------------------------------------------SEMESTER / SESSION: -----------------------------------------------------------------------------------------------------------------------------------------------

LECTURER / INSTRUCTOR: OKE, AFEEZ ADESHINA

TOTAL MARKS
1

WEEK One (practical)

Learning Outcome
Student should be able to use at least two browsers to connect to
the internet, browse the internet and explore basic internet
applications especially the World Wide Web.
LAB1: Use the Internet Explorer (IE) to log on to the net.
Steps:

1. Make sure your system has internet connection.


2. Double-Click internet explorer if the icon is found on the
desktop or locate it from the program on the start
button and click.
3. If No internet connection, a page like below would be
Displayed

4. If there is connection, the default web page will be displayed


like the yahoo page below. (to set default page, Click tools from
the web page tool bar, click internet option, then type in the
address of he your choice internet web page)

WEEK 2 PRACTICAL
OBJECTIVES

Student should be able to load a text editor, enter some html


tags, save and use a browser to execute.

From the output displayed above, using a text editor write the
underlying html code. Use your web browser to test your code.
Copy the code to the space provided below.

WEEK 3 PRACTICAL
Students should know and implement Text formatting, text
alignment, fonts and html elements such as header paragraphs,
breaking etc.

LAB ASSIGNMENT

From the output displayed above, using a text editor write the
underlying html code. Use your web browser to test your code.
Copy the code to the space provided below

2. Create an HTML document that uses an image as an e-mail link. Use


attribute alt to provide a description of the image and link.

WEEK 4
Students should know how to create link to a web page or
another html file, understands the basics of listing.
<html >
<head>
<title>Contact Page</title>
</head>

<body>
<p>
My email address is
<a href = "mailto:[email protected]">
[email protected]
</a>

Click the address and your default email client


will open an e-mail message and address it to me.

</p>
</body>
</html>

LAB ASSIGNMENT
Explain the use of each tags in the above html code.

10

WEEK 5
Students should know how to create form and add fields as well
as buttons.

Aim: Create an Input form collecting some input fields,radio


button, check box, command button and reset
button.

11

LAB ASSIGNMENT
From the output displayed above, using a text editor write the
underlying html code. Use your web browser to test your code.
Copy the code to the space provided below

12

13

You might also like