Unit 20 Client Side Customisation of Web Pages (P4,M3 and D2).

DESIGN WEB PAGES USING CSS TO CONTROL LAYOUT (P4).



AL Rafiq store website design.




DESIGN DOCUMENT

AL RAFIQ STORE WEBSITE.

, DESIGN DOCUMENT.




1. INTRODUCTION 1

2. NAVIGATION DIAGRAM 1

2.1 How css will control navigation layout of the website. 2-3.

3. HOUSE STYLE. 3-4

3.1 How CSS control layout of the website. 4

4. Screen designs. 5-8

4.1 Home page design. 5

4.2 Top bestselling page designs. 6

4.3 Power Bank page design.6

4.4 Contact page.7

4.5 About us. 7

4.6 How CSS control page layout. 8

5. Script design 9-10.

5.1 Script 1.

5.2 Script 2.

5.3 Script 3.

, In this task, I will design website for Al Rafiq company, and I will
explain how CSS control the layout of the site. The website will be
called Al Rafiq store and is about advertising different types of power
banks that they have. It will be open to anyone visiting their website so
that they can check what power banks available at Al Rafiq store and
at what price.
Program overview.
This website will be for Al Rafiq company which will advertise power
banks that are available at their store. Website will be open to any one
who need buy products at Al Rafiq store. Clients can visit website to
see which Products they can get and available at Al Rafiq store.


The design of the website is as follows;

Navigation diagram.