Sie sind auf Seite 1von 3

LESSON 6

IMAGING AND DESIGN FOR ONLINE ENVIRONMENT

Basic Principles of Graphics and Layout

1. Balance even distribution of the visual weight of objects, textures, color, and space.
2. Emphasis area in the design that attract the viewers attention by having different size,
texture, shape, or color.
3. Movement visual elements that guide the viewers eyes around the screen.
4. Pattern, Repetition, and Rhythm repeating visual element to create a unity in the layout.
Rhythm is achieved when there is a sense of organized movement.
5. Proportion sense of unity where visual elements relate well with another.
6. Variety using several design elements to draw a viewers attention.

Online Image File Formats

Principles and Techniques of Image Manipulation

1. Choose the right file format


2. Choose the right image size
3. Caption it

Infographics (information graphics) used to represent information in a graphical manner to attract the
viewers attention. It makes complex data become more visually appealing.

5 Key Components

1. Color consider color impact


2. Proportion is big more important than small
3. Simplicity easily recognizable, reduce and refine
4. Bold visually eye catching
5. Sexy entice with provocative imagery

Tips to consider in reating infographics:

1. Use of colors - Choose three primary colors: a light one as a background and two more for the
base of your infographic and your accents, such as headings.
As a general rule:
1. Use as few colours as possible and:
2. If you must add another colour, make sure theres a reason behind it, like if you find
another piece of data that has to be separate from the others.
2. Give some space to give balance
3. Choose fonts wisely
The rule of three:
1. One for your title/header
2. One for your body
3. Third for flavour

LESSON 7

ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT

Platform alternative term for a computer system, including both hardware and the software;
something that is used to build something else.

Web content textual, visual, aural content that is encountered as part of the user experience on
websites. It may include among other things text, images, sounds, videos and animation.

Content development - process of researching, writing, gathering, organizing, and editing information
for publication on websites.

Online Platforms for ICT Content Development

1. Social Media Platforms


2. Blogging Platforms
3. Content Management System (CMS) computer application that allows you to publish, edit and
manipulate, organize and delete web content.

Cloud Computing - uses the Internet and the Web to shift many computer activities from a users
computer to computers on the Internet.

- cloud computing applications are those that do not need any installation and are
readily available over the internet
ADVANTAGES DISADVANTAGES

LESSON 8

BASIC WEB PAGE CREATION

HTML Hypertext Markup Language

In 2004, WHATWG (Web Hypertext Application Technology Working Group) was formed. The WHATWG
wanted to develop HTML, consistent with how the web was used, while being backward compatible
with older versions of HTML.

The WHATWG HTML5 Living Standard was published in 2012, and is continuously updated. W3C wanted
to develop a definitive HTML5 and XHTML standard. The W3C HTML5 recommendation was released 28
October 2014. W3C also published an HTML 5.1 Candidate Recommendation on 21 June 2016.

Cascading Style Sheets (CSS) - A language that describes the style of an HTML document and how HTML
elements should be displayed

WYSIWYG - An editor that allows you to create and design web pages without any coding knowledge

Template readymade design for a website

Heading topmost label of a website

Search Engine Optimization (SEO) - A feature that maximizes the search engine optimization feature so
visitors can easily locate you website

Web Page - A simple document displayable by a browser. Such document is written in


the HTML language

Website - collection of linked web pages that share a unique domain name

Web server - A computer hosting one or more websites. "Hosting" means that all the web pages and
their supporting files are available on that computer.

JIMDO - A free website provider with a WYSIWYG editor