Scribd
Upload
60 views

Web Design

Online platforms provide tools for developing and sharing ICT content. They include presentation tools, social media, file management systems, and web page creators. Presentation tools allow sharing of presentations, infographics and videos. Social media enables sharing of ideas, pictures and videos within online communities. File management systems store, organize and handle computer files. Web page creators provide drag-and-drop interfaces for designing websites without coding skills. These platforms facilitate the development and distribution of digital educational content.

Uploaded by

Gab Capistrano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
60 views

Web Design

Online platforms provide tools for developing and sharing ICT content. They include presentation tools, social media, file management systems, and web page creators. Presentation tools allow sharing of presentations, infographics and videos. Social media enables sharing of ideas, pictures and videos within online communities. File management systems store, organize and handle computer files. Web page creators provide drag-and-drop interfaces for designing websites without coding skills. These platforms facilitate the development and distribution of digital educational content.

Uploaded by

Gab Capistrano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 16

Online Platforms as

Toolsfor ICT Content


Development
Online platforms
• An online platform is a base of technologies designed to run within an
online environment and provides interactive online services.
Online platforms currently include, but are not limited to:
• Presentation or Visualization
• Web Page Creation
• File Management
• Social Media
Presentation/
visualization
• Allows you to present and share presentations,
infographics and videos with other people.
• Use to communicate information clearly and
efficiently.
Social Media

• Computer-mediated tools that allow large group


of people to create, share or exchange
information, interest, and ideas in virtual
communities and networks.
• The information shared can in the form of
ideas, pictures, videos or anything.
File management

• The storing, naming, sorting and handling of


computer file.
• Allows you to convert andmanage files without
downloading the software tool.
Web Page Creation

• Encompasses a number of important elements


including color, layout, and overall graphical
appearance.
• The platform does not require any web
programming skill. They provide a drag and
drop interface and free hosting as well.
Web Templates and WYSIWYG
Platforms
• WYSIWYG = “what you see is what you get”
• In this kind of platform, no coding skills are required. Instead,
you manipulate with design components using an editor
window.
• Web templates are unique full page layout that contains
generic information which can be replaced by the users with
their own personal information.
Basic web design principle
VISUAL LANGUAGE
• Color Scheme
• Focus of Content using Contrasting color
• Use of consistent font size and color
• Make important links or menus noticeable
• F-Pattern – This means that humans tend to look heavily at the left side
of a visual material more than the right side.
F-Pattern
Basic web design principle
Simple and Consistent
• Keep content simple.
• Use minimal animated graphics.
• Maintain a look and feel across all the web pages.Make important links or
menus noticeable
Basic web design principle
FOCUS ON CONTENT
• Know the purpose of your web page so you could match the content with
the purpose.
• Include images on your content not just pure text.
• Content should be spellchecked, organized, and updated.
Basic web design principle
PARADOX OF CHOICE
• “The more choices you provide, the easier for others to choose nothing.”
• Focus on Users need
Basic web design elements
IMAGES, ILLUSTRATIONS, & STYLES
• Illustrations include lines, shapes, texture and color which are fundamental
elements that should not be overlooked.
• Lines are used to organize, connect, and separate information and design
elements. Combined with shapes, color, and texture they us a visual grammar
which you can use to communicate
• Images also aids in communicating your message to the viewers. Aside from
being used as fillers, images also helps in leaving a lasting first impression.
Basic web design elements
IMAGES, ILLUSTRATIONS, & STYLES
Basic web design elements
LINKS
• Links are the most basic interface on web pages. Links should be
distinctive in color from other types of text in a webpage.
• Make sure your links are working.
Basic web design elements
BUTTON AND MENUS
• Just like links, buttons and menus are also essential to web pages and they
too need consistent styles.
• Buttons and menus should be well-organized, clear, and easy to
understand.

You might also like