PRACTICAL TEST FOR WEB PROGRAMMING

Academic Year 2020/2021 PW no 1

Level: Bachelor 2 Duration: 2hrs
Speciality: Software engineering

Objective:
At the end of this practical you must be able to conceive a static web site in HTML.

Problem:
I am Mr Amougou George a prosperous business man in Cameroon, owner of the company LASVEGAS PLC
specialised in the sales of portable computers (laptops). At the moment, I have two big shops: one in yaounde and the
other in douala. I will like to present my goods on the World Wide Web in order to be better known. It is for this reason I
am requesting the services of your expertise in web programming.
The website should comprise of the following pages:
- The home page that will host all the other pages.
- Presentation: Here will be presented my company, my different contacts as well as information regarding my
shops.
- Product: Here will be presented a non-exhaustive list of my products, with each showing its price and mark.
- Partners: On this page all Mr Amougou George partners are highlighted.
The design of the website will look as such:

This design as you must have notices is made up of tables, images, paragraphs, texts and hyperlinks.
I suggest you make use of the following tags.
- <table>: For tables
- <img>: for images
 - <p>: for paragraphs
- <a>: for hyperlinks
- <ul>,<li>: for enumerations

For coloration and formatting use in line cascading style sheet.

Technical advice:
For the conception of the design you may follow the steps below:

Step 1: Page layout

Create a table representing the structure of the site. Emphases should be laid on: table, tr, td and on the properties
rowspan, colspan.

Step2: Define the dimensions

Give static (or dynamic) dimensions to the different parts of the website (Header, menu, content, footer). Emphases
should be laid on the following tags table, td, tr, and on the properties width, height.
Step3: Insert content into website

Emphasis should be laid on the following tags: p, iframe, a, ul,ol,li,img,h1,h2,h3,etc with the properties: name, href,
target, etc…
Step 4 : Syle and coloration

Emphasis should be laid on the tags: p,a,…., on attributes: align, style, … ,on properties: font-family, font-size, color, line
height, line-indent, font-weigh, ..., and ofcourse your inspiration and creativity too.
Step 5: Navigation

Make sure you verify that the different links are valid linking all the pages. Emphasis should be laid the tag: a and the
following properties: href, target, title.

Do same for all the pages.

Courage and good Luck.