GROUP 3

PRESENTATION

Web Pages Design

Web pages design
By now,you probably Have a clear
understanding Of how the
Internet works.you probably
Already know That electronic
data is stored In computers and
shared with other computers
Through a massive Global
network.
What is a web site?
In simple terms.A web site is a
collection of Web pages that
can be accessedThrough the
internet.a web site
typicallyserve a single topic or
function .technically speaking A
website an online Location that
points To a group of web pages.
What is web pages?

A web pages is an
electronic documents that
stored in a server and can
be accessed through the
internet using a web
browser. Web pages are
the backbone of website.
Parts of a website
When designing a website . You have
to take into consideration of people
who will use it. One of the goals of a
designer is to make the website
simple and easy to use. This is why
even though some creative liberties
can be taken in designing a website.
It is still important to include features
that the user are familiar with.
The following are the most common.
components found in website:
1.HEADER-also known as a MASTHEAD. the
header is usually located at the top of each web
page and contains the website's name and
logo.its purpose is to display the website name
and logo in order to make it instantly
recognizable to user.
2.NAVIGATION-the navigation section
unteractive list that contains the name of the
webpages in a website.it can be located
anywhere in the webpages but it is preferabale
to place it where it can be easily seen .user can
go to another web pages by clicking is name in
the navigation
3.CONTENT SECTION-as you may already know
contents are the main fucos of any website content
like texts, image , and videos take up the largest
space in websites.
4.CONTACT SECTION-the contact section is usually in
a seperate webpages it contains the website contact
information such as a phone number,email address
and office address it is also a common practice to add
a message box in the contact section so that the
user can leave a direct message for the website owner
5.CALL TO ACTION- a call to action is a message or
instruction that urges the user to do an action it is
typically in the form of a command like"CLICK
HERE"sign or petition or "watch the trailer here" this is
important to website that are created to gather
public response such as advocacies and commercial
enterprises
FOLLOW THIS STEP TO SIGN UP
AND CREATE YOUR WEBSITE
STEP 1 In your web browser Go to
www.weebly.com
Step 2.Click sign up .in the sign up
window. enter your name ,email address
And your preferred Password then click
The sign up button at the buttom.
Step 3.Select a theme.the themes are
grouped into categories such as business,
Online services,Personal,etc.
Step 4.Choose your web site domain. Type
your preferred Domain name under the"use
a subdomain Of weebly .com"box.as a free
user Your address will have".weebly.com"
Step 5.Get started. your website
has been created Now you can
start designing it.
 DASHBOARD
 The dashboard or home pages is the first pages that you will see After
you log in .from here you can Access the other features Like the pages
editor.Here you can also See statistics related to your website.
 ELEMENTS

On the left side of

the editor pages.you
will see WEEBLY
ELEMENTS,weebly
elements is a
collection Of design
elements That you
can add to your
website.these
include text,
image,Slideshow and
map To add an
element click,drag
then drop It to the
spot Where you want
to place it.
Pages and navigation

You can add multiple

pages In your website
through The pages
tab.here you can also
edit,copy and delete
existing Web pages

A navigation Features is
automatically Included
in your website But its
design And location
depends On the theme
that you use
 Themes
You can change the
look of your website
In tbe theme tab.here
you can select A
different color
scheme or change
your website theme
And fonts

To select a new
theme,click change
theme,which will
bring you To the
theme gallery.browse
through The
categories to find a
theme That you like .
Weebly themes works
with Computer and
moblie devices
PAGE LAYOUT
Weebly layout are set of element That you can add To your website. By using
a layout You can imediately Fill yout pages With mat hing elements. You can
then edit These elements to add your own details