Basic

Web Page
Creation
ACO
 People use HTML ,codes to create pages and CSS codes
to design them. If you have taken up these coding skills before, it
will help you in creating pages using WYSIWYG. If you have
not, WYSIWYG is designed for anyone who has not or does not
have prior processing skills.
WYSIWYG

-the acronym for What You See Is What You Get. This
means that whatever you type, insert, draw, place, rearrange,
and everything you do on a page is what the audience will see.
Like using the Microsoft Word(R), WYSIWYG shows and prints
whatever you type on the screen.
Ways Of Accessing The Web:

Dial-up connection.
▰ DSL.
▰ Cable Internet.
▰ Wireless Internet.
Web Browsers
▰ A website must be tested and viewed using the browsers
that are commonly used by users worldwide.
Ex.:
▰ Internet Explorer.
▰ Mozilla Firefox.
▰ Safari.
▰ Google Chrome.
▰ Opera.
Basic Web Principles
▰ Balance.
▰ Proximity.
▰ White Space
▰ Contrast.
▰ Focus.
▰ Unity.
▰ Alignment.
Essential Elements Of Web Contents
▰ Accuracy.
▰ Readability.
▰ Understandable.
▰ Concise.
▰ Ethical and Legal.
Planning Your Website
▰ Create the goal or purpose of the website.
▰ Identify the primary target audience.
▰ Plan the concept of the website.
▰ Plan and organize the site structure.
▰ Plan the web pages detail.
▰ Planning and designing the navigation scheme.
▰ Planning and gathering resources.
KEYTERMS:
▰ Internet. World wide collection of computers.
▰ Webpage. Its is a formatted page within a website that
contains text, graphics, video and multimedia.
▰ Homepage. The first web page of a website which usually
provides information about the website it's purpose and
content.
▰ Splash Page. It contains a multimedia which is designed to be
attractive and intriguing.
WEB DESIGN PRINCIPLES AND
ELEMENTS:

1. Consider the audience and goals.

2. It is advisable to plan the site on paper first.
3. Strive for consistency
4. Provide a rich set of links within a site.
WEBSITE
TEMPLATE
Website Template

• or web template, is a predesigned webpage, simply by adding

your text and customization to create your desired web page. It
is usually built with HTML and CSS code.
Website Template

Back in the day, you actually need to learn HTML and CSS
to be able to create a decent website, but today, we use a
WYSIWYG editor. It allows you to create and design a web page
without any coding knowledge.
WYSIWYG

• the acronym for “What You See Is What You Get”

• this means that whatever you type, insert, draw, place,
rearrange, and everything you do on a page is what the audience
will see. It shows and prints whatever you type on the screen.
Basic Web Page
Creation
Creating a Website using Microsoft
Word

1. Open Microsoft Word.

2. Type anything on the page like “Hello World!”
3. Click on File > Save As > Type any file name.
4. In the Save as Type, select “Web page (*.htm, *.html)”.
Collaborative
ICT
Development
ACO
Web Portal

- A web portal is a website that contains information

from different sources and places them in a one location in a
uniform way. An example of a web portal is Google.
▰
Example of Web Portals
▰ MySpace Facebook

▰ Baidu Google

▰ Wikipedia Yahoo

▰ Blogger Youtube

▰ MSN
Web Conference

-provides live audio/video communication between two

or more locations to conduct meetings, training, or
presentations via the Internet.
 The difference between Online Collaboration and Web
conference is that Online collaboration is sharing information to
each other to come with a way to achieve the groups goal. While
in Web Conference is more like a meeting to discuss about a
certain topic.
Encryption

- additional layer of security that makes content

unreadable for people with malicious intent.
SSL( Secure Socket Layer )

- the standard security technology for establishing an

encrypted link between a web server and a browser.
Tips to have a successful
collaboration tool

▰ Easy to use
▰ Have features that will fit your purpose
▰ Ability to upload documents
▰ Security Features
Collaborative
ICT
Development
ACO
THANKS!
Any questions?
You can find me at
▰ I’m@nowhere
▰ please@dont-mail.me

ACO