Scribd
Upload
3 views1 page

Internet Programming I Worksheet 2023

The document outlines a mini-project for creating a basic website using HTML, focusing on a selected organization. It includes instructions for developing a homepage with various formatting styles, lists, images, and links to additional pages, as well as a contact form for user input. The project must be completed using HTML and Notepad++ and submitted by the due date.

Uploaded by

nafyjabesa1
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views1 page

Internet Programming I Worksheet 2023

The document outlines a mini-project for creating a basic website using HTML, focusing on a selected organization. It includes instructions for developing a homepage with various formatting styles, lists, images, and links to additional pages, as well as a contact form for user input. The project must be completed using HTML and Notepad++ and submitted by the due date.

Uploaded by

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

Internet Programming I

Mini-Project
Part I: Website Development Using HTML (20%)
Create a basic website for your project as per your submitted title. The topic of the webpage
should correspond to the content of the web page (within acceptable use).
 Create a web page (e.g., homepage.html) containing information about the organization
you selected. [background of the organization, mission, vision, services/products of the
organization, etc.]
 Use a suitable title for your page. Add some sub-titles for different sections of
your text. For example, you could have a sub-heading for the organization's
background, mission, vision, etc.
 Format the text of your webpage in different fonts and alignment styles. Experiment
with the font size, color, style (bold, italic, underline, etc.) and alignment (left, center,
right or indented).
 Add an ordered and unordered list to your webpage. You can list activities, services or
products of your organization.
 Add an image to your web page. Experiment with different sizes of picture and different
locations within your web page. Also, experiment with different alignment and text
wrappings.
 Create another webpage that contains a heading and a couple of paragraphs. You could
name this new file secondpage.html, and you should place it into the same folder where
your first .html is.
 After you have created the new webpage, add a link to the first page so that the
browser will load secondpage.html when you click the text Go to the other
page in the first page.
 Modify the link that you created here and add a tool tip says "This leads you
to another page." when the mouse cursor is over the link.
 It is possible to use a picture (image) as a link. Modify your page so that the picture that
is on your page will also serve as a link that leads to another page.
 Create another webpage that contains a form that is used to collect user input. This form
allows website visitors to get in contact with the organization and to send information,
such as an order, a catalog request, or even a query, which is passed on to your database,
as per your project title.
Note:
 Use HTML and Notepad++ text editor to develop your website.
 Submit and present your work on the due date.

You might also like