Project name

Design Documentation

Created by : student name

Creation date: 7/12/2021
Introduction
1- Overview:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.

2- What is a Design Document?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.

3- Site Map

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, ….
4- Wireframes:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, ….

Put the wireframe for each page here.

4.1- Homepage:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, …..

5- Design Elements

5.1- Main elements:

This part defines the common elements (Menu, footer … etc.) that will be presented for all
pages.

No. Name Place Type Description Message

1 logo Top of image Website name
page
2 Main Menu Top of Menu This menu contains the
page main elements of the site
that is described in Main
Menu section
3 Footer Bottom of Menu This menu contains
page important elements of
the site described in the
Footer Section
4
 5

5.2- Login Box:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, ….

No. Name Place Type Description Message

1 Usernam Login Box Text box The username of user Required
e
2 |Password Login Box Text box The password of user Required
3 Login Login Box Button When the user enters User
the username and name/
password and then password
clicks on the login not c
button, the user is orrect
considered logged-in.
The login button
disappears and the
welcome message
appears instead.
4
5
5.3- Home Page:
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, ….

No. Name Place Type Description Message

1 Apply On the button This link will open a new
Now slider window in the browser
for HTU registration page
2 Twitter Top header link Open twitter account
3
4

Note: do this for all pages.