Professional Documents
Culture Documents
Week 7 Web Creation
Week 7 Web Creation
Week 1
Online
platforms as
tools for ICT
content
idevelopmen
t
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
idevelopment
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
idevelopment
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
idevelopment
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
idevelopment
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
idevelopment
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 52 Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
WWW – World Wide Web
ine
content
development
idevelopment
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Web Development
ine
content
development
idevelopment
Website
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Web Designing
In developing a web you should take into account
ine
content
development
development
Website
the web's purpose and audience.
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Web programming
To design a web, you should have a thorough
ine
content
development
development
Website
grounding in hypertext, multimedia, Java, and
other programming possibilities as well as
knowledge about how particular web
structures affect an audience.
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Website Versus Webpages.
ine
content
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Website Versus Webpages.
ine
content
development
Website
Week 1
Onlplatforms
Website
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
development
development
Website
1. Purpose
Good web design always caters to the
needs of the user. Each page of your
website needs to have a clear purpose,
and to fulfill a specific need for your
website users in the most effective way
possible.
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
2. Communication
development
development
Website
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
2. Communication
development
development
Website
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms
ICT content (Sofia Woods, 2014)
as tools for
ine
ICT content
3. Typefaces
development
developme
nt
Website
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
4. Colors
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
5. Images
development
development
Website
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
development
development
Website
6. Navigation
Navigation is about how easy it is for people to take
action and move around your website. Some tactics
for effective navigation include a logical page
hierarchy, designing clickable buttons, and following
the ‘three click rule’ which means users will be able
to find the information they are looking for within
three clicks.
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
Website
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
Website
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools foras
10 Web Design Principles.
platforms
ICT content
tools for ICT
(Sofia Woods, 2014)
ine
content
9. Load time
development
development
Website
Week 1
Onlplatforms
Online
as tools for
10 Web Design Principles.
platforms as
ICT content (Sofia Woods, 2014)
tools for ICT
ine
content
Website
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Parts of a Webpage
ine
content
development
development
Website
•HEADER
•NAVIGATION MENU: Main/Sub links
•CONTET
•FOOTER:*Page links
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1 Module 2 Module 3 Module 4 Module 5 Module 6 Module 7 Module 8 Module 9 Module 10 References
1
Module 5.2 Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
development
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
1. HEADER
• It includes a title and subtitle for
ine
content
development
development
Website
the page.
• It serves to orient the user to the
site. This helps remind the user of
the site he's visiting.
• Helps establish a specific design
style for that site.
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
2. NAVIGATION MENU
• This menu offers a number of
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
3. CONTENT
• Contained in the space between
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
4. FOOTER
• located at the bottom of a page.
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
Elements on Page
• Text Information
tools for ICT
ine
content
development
development
Website • Mainlinks
• Files
• Image links
• Sub links
• Images
• Animated images
• Video Files
• Audio Files
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Arranging Elements on Page
ine
content
development
development
•Site Map
Website
•Layout
•Prepare the contents
(info text and files- like document
file, image file, video file, audio file,
animated file etc.)
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Site Map
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Site Map
ievelopment
content
development
index
Website
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Web Page Layout
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Web Page Layout
•Use tables to lay out your pages.
ine
content
development
development
Website
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
Areas of a Webpage
tools for ICT
ine
content
development
development
Website
HEADER
MAINLINKS
CONTENTS
PAGE LINKS
Copyright / Author’s name
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Module 1
1
Week 1
Onlplatforms
Online
as tools for
platforms as
ICT content
tools for ICT
Contents
•Text Information
ine
content
development
development
Website
Week 1
Onlplatforms
Online
as tools for
platforms as
PERFORMANCE TASK 1A
• Create your
ICT content
tools for ICT
ine
content
development
development
Website
presentation/visualization design using
your PowerPoint presentation
• Use may select any
presentation/visualization online
platform.
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
PERFORMANCE TASK 1B
• Creating your own blog using any
ICT content
tools for ICT
ine
content
development
development
Website
blogging platform.
• Post related articles and pictures of
your strand
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
PERFORMANCE TASK 1C
Creating your group website using any web creation platform.
Online
as tools for
platforms as
ICT content
tools for ICT
ine
content
development
development
Create your own personal website using any online platforms
Website
for web designing.
1. Use the following navigational main links:
HOME ABOUT US PHOTO GALLERY ARTICLES
Home – Welcome page that entices your visitors visit your site.
About Me – Adds a page containing personal information
about yourself, a form element which allows visitors to email
you. You may also add links to your google account apps and
other related apps.
Photo Gallery – A page that contains your photos
ARTICLES -A page that contains articles about your strand
NEGROS OCCIDENTAL HIGH SCHOOL K to 12 Senior High School Core Subject
Applied ICT – Empowerment Technologies
Week 1
Onlplatforms
Online
as tools for
platforms as
2.Create a site map
3.Create a draft of your design
ICT content
tools for ICT
ine
content
development
development
Website
Look for online platform to create your
website
Recommended sites:
• Weebly.com
• Jimdo.com
• Wordpress.com
• Wix.com