EMPOWERMENT TECHNOLOGY POINTERS TO REVIEW

LESSON 6: IMAGING AND DESIGN FOR INFOGRAPHICS – Information Graphics or

ONLINE ENVIRONMENT Infographics are used to represent information,
statistical data, or knowledge in graphical manner
Basic Principles of Graphics and Layout usually done in a creative way to attract the viewer’s
1. Balance – The visual weight of objects, texture, attention.
colors, and space is evenly distributed on the CREATING INFOGRAPHICS USING
screen. PIKTOCHART
1. Create a Piktochart account.
2. Emphasis – An area in the design that may 2. Fill up the Information.
appear different in size, texture, shape or color to 3. Created an account & logged in.
attract the viewer’s attention. 4. Edit Themes / Layout
5. Select Tools / Edit
a) Graphics
3. Movement – Visual elements guide the viewer’s b) Uploads
eyes around the screen.
c) Backgrounds
d) Text
e) Styles
f) Tools
4. Pattern, Repetition, & Rhythm – These are
6. Save / Download
the repeating visual element on an image or layout
to create unity in the layout or image. Rhythm is ONINE IMAGE FILE FORMATS
achieved when visual elements create a sense of Name
File
Extension
Use
Supports
Transparency
Supports
Animations
organized movement.
Real life
JOINT
photographs,
PHOTOGRAPHICS .jpeg or .jpg No No
high
EXPERTS GROUP
compression

5. Proportion – Visual elements create a sense of GRAPHICS Computer

unity where they relate well with one another. INTERCHANGE .gif Generated Yes Yes
FORMAT Graphics

PORTABLE Screenshots,
NETWORK .png High No No
GRAPHICS compatibility

6. Variety – This is use several design elements to PRINCIPLES & BASIC TECHNIQUES
draw a viewer’s attention. OF IMAGE MANIPULATION

1. Choose the right file format

2. Choose the right image size
3. Caption it

1
 EMPOWERMENT TECHNOLOGY POINTERS TO REVIEW

CREATING & MANIPULATING 7. Click Save.

IMAGES USING PHOTOSCAPE II. Batch Edit
1. Preview
2. Crop and Tools
1. Viewer – as the name implies, is a picture viewer
3. Resize the pictures
with features
4. Convert All
2. Editor – alters the appearance of single image
5. Save
3. Batch Editor – alters the appearance of multiple
image INSERTING, UPLOADING, AND SHARING
4. Page – arranges several photos to create a PHOTOS OVER THE INTERNET
single one
5. Combine – links several images together to form Sharing Photos with Photobucket
a bigger image
6. Animated GIF – allows you to create an 1. Sign Up for the Photobucket
animated GIF from several pictures 2. Logged in, Start Uploading
7. Print – readies pictures for printing 3. Allowing you to drag and drop photos
8. Splitter – divides a single photo into multiple 4. Image is uploading
parts 5. Once you are done you will see these
9. Screen Capture – captures the screen and indicators;
saves it a) View Uploads
10. Color Picker – grabs a pixel from your screen to b) Share Album
be used in editing c) Edit Photos
11. Raw Converter – converts RAW images to 6. View Uploads
JPEG 7. On the top of the image, you will see the ff:
12. Rename – allows you to rename a batch of photo
A. Share your photo directly to the social
13. Paper Print – useful tool for own calendars,
media and blogging platforms
sheets, lined paper, graph papers, etc.
B. Gives you a variety of links code
C. Share your image via email
THE EDITOR AND THE BATCH EDIT D. Allows you to download your image
I. Editor Edit E. Share you image to social media sites
1. Open PhotoScape then choose editor with the option to ass a custom
2. Choose the folder where the image you want message
3. Once you have selected the folder, you will see
8. You may choose to share your photo to yours
a preview of all the images found on that folder
friends.
4. From the preview, select the image you want to
use
5. Notice the properties of the image like the file
name, the image size & the file size
6. Manipulate the image using the tools on the
bottom
a) Home tab
b) Objects tab
c) Crop
d) Tools
2
 EMPOWERMENT TECHNOLOGY POINTERS TO REVIEW

LESSON 7: ONLINE PLATFORMS FOR ICT

CONTENT DEVELOPMENT

Social Media Platforms. Websites like Facebook

allow you to create not only personal accounts but
also pages and group where you can share
content.
Blogging Platforms. Websites like WordPress,
Tumblr focus on content and design. Where you
are given options to change the design to your
liking.
WordPress. A free blogging platform.
Theme. The overall design of a website.
Content Management System (CMS). A computer
application that allows you to publish, edit,
manipulate, organize & delete web content.
LESSON 8: BASIC WEB PAGE CREATION

WYSIWYG. What You See Is What You Gets. An

editor that allow you to create and design web
pages without any coding knowledge.

HTML. Stands for Hypertext Markup Language.

CSS. Stands for Cascading Style Sheets.

JIMBO. A free websites provider with a WYSIWYG

editor.

Template. A ready-made design for a website.

Heading. The topmost label a website.

SEO. Stands for Search Engine Optimization; a

feature that maximizes the Search Engine
Optimization feature so visitors can easily locate
your website.