The document provides step-by-step instructions for creating a website using the Wix website builder platform. It outlines the process which includes signing up for an account, choosing a website type and template, customizing elements like text, images and backgrounds, adding additional elements like menus and videos, customizing each page, adding optional elements like a blog or online store, and finally publishing the completed website.

1. Group 3
11-McLaren
Runel Canoy
Karl Angelo Cometa
Jose Vincent Cabusao
Al Gerald Carreon

2. Web Design and ICT
 A web page (also written as webpage) is a
document that is suitable for the World Wide
Web and web browsers. A web browser displays a
web page on a monitor or mobile device. The web
page usually means what is visible, but the term may
also refer to a computer file, usually written
in HTML or a comparable markup language. Web
browsers coordinate various web resource elements
for the written web page, such as style
sheets, scripts, and images, to present the web page.
Typical web pages provide hypertext that includes
a navigation bar or a sidebar menu linking
to other web pages via hyperlinks, often referred to
as links.

3.  There are many available software that
you can useto design a webpage. Example
of website builders are Adobe
Dreamweaver, MS Publisher, Squarespace,
Weebly, Wix, Xprs, Strikingly, Wordpress
and Zohosties.

4. Basic Web Design Principles and
Elements
 Web design is concept of planning,
creating, updating, and maintaining
websites. A good web design allows the
user to understand the message,
contents, and ideas in the most
convenient way.

5. Web Design Elements
 Text- font family and type be chosen well,
clear, and readable size.
 Graphic/lllustrations- must be good
quality and well aranged with the text
other elements. Infographics may be
used.
 Shapes- can be used denote and enclosed
boundary in the overall design.

6. Web Design Principles
 Portable Design – website design must be
portable and accessible by users who have
different browsers, operating systems, and
computer platforms.
 Design and Low Bandwidth- website design
must be accesible at a variety of speeds.
 Direction- identify the order of importance of
the various elements and place them in a
sequence where the eyes moves and
perceives the thing it sees.

7. Web Design

8. Web Page Design Using Templates
and Online WYSIWYG Platforms
 Wix- is a pure WYSIWYG, free cloud-
based web development platform it allows
users to create HTML5 websites and
mobile sites.
 Weebly- is a free website builder, blog,
and web-hosting service.

9. Creating a Web Page
 Website allows you to market and sell
your products online. There are free and
paid subscription online website tools that
are easy to use and accesible on the
Internet

10. How to Create Website Using WIX
 Sign Up for an Account - just like signing
up for basically any other online service,
getting started with WIX requires you to
sign up for an account. To do this, you
just enter your email address and a
password or you can sign in with a Google
or Facebook social account.

11. Choose a Type of Website
 Then you’ll need to choose the kind of
website you want to start. Begin by clicking
“I Need a Site For …” and then browse your
options. Some of the selections most useful
to small businesses might include a business
website, online store or blog. But depending
on the type of business you operate, you
might also select “Photography,”
“Restaurants,” “Accommodation” (for hotels
or other similar businesses) or “Beauty &
Wellness.”

12. Select a Template
 Once you’ve picked what type of website you
want to create, you’ll be directed to a
selection of different templates to choose
from. You can browse from the popular
templates or search for something specific.
You can also search within specific categories
like websites made specifically for
consultants, service providers or marketers.
Or you can choose from a selection of mostly
blank themes and then build up from there.

13. Change Your Details
 When you’ve selected a template you like,
WIX will take you to a preview of the design
that you can edit by clicking, dragging and
dropping the different elements on the page.
But one of the first things you should do is
update your business name, tagline and any
other text elements on the page that aren’t
specific to your business. To do this, just click
on the text that you want to change and then
you’ll see a text editor that lets you type in
new text and change the size, font and other
elements.

14. Update Media
 You’ll also have the ability to change some of
the more visual elements of the site. If there
are any photos included on the template, you
can click on them to change them to a photo
that’s more specific to your business. And
you also have the ability to change the
background of your page. Just click on the
background option on the sidebar, and then
you can choose a color or upload a photo or
video to serve as the background of your
website.

15. Add Different Elements
 Your template is really just a starting point for your
new website. You can also add other elements to the
page to really make the site look complete. On the
sidebar, click the “add” button to bring up a list of
potential page elements you can add to your site. You
might choose to add things like text boxes, images,
slideshows, buttons, menus, videos or shapes. When
you click on one of those elements from the menu,
you can see a few different options for the type of
style you want to add to your site. Then you can add
and move around different elements to make
everything look exactly the way you want it.

16. Repeat for Each Page
 And once you add whatever elements you
want to your homepage, don’t forget to do
the same for the other pages on your site.
You don’t have to add the exact same
elements. You can customize each page to
look exactly the way you want using the
same method. Just click on the page you
want to edit in the navigation bar and then
add whatever elements you want on that
page. Save your work and move on to edit
the next page.

17. Add a Blog
 You can also choose which pages you
want included on your website. One page
that you might want to consider adding, if
you didn’t choose it as your main web
page, is a blog. You can add a blog to
your website by adding that page element
using the tools on your sidebar. Then you
can manage your posts and add new
content from the sidebar as well.

18. Include Your Products
 Also included on the sidebar is a store
manager. If you have an eCommerce site
or want to include any products for sale
on your site, you can use this section to
add the products you have to offer, along
with supplementary elements like photos
and prices. You can also edit things like
payments, shipping and store settings
from this section.

19. Publish Your Site
 When you’re happy with every part of your
website, it’s time to publish. You can preview
your site by clicking the button in the top right
corner, just to make sure everything looks and
works like it’s supposed to. Then just click
“publish” in the top right corner and your site will
go live. You can see your domain in the popup
that appears. Or you can choose to connect your
WIX site to your own branded domain. When
you’re done, the result should be a website that
effectively represents your business and that
you’ll be proud to promote through social media
and other channels.