You are on page 1of 5

Basic Principles of Graphics and Layout

Balance. The visual weight of objects, texture, colors, and space is evenly distributed on the screen.
Emphasis. An area in the design that may appear different in size, texture, shape or color to attract the viewer’s
attention.
Movement. Visual elements guide the viewer’s eyes around the screen.
4. Pattern, Repetition, and Rhythm. These are the repeating visual element on an image or layout to create unity in
the layout or image. Rhythm is achieved when visual elements create a sense of organized movement.
5. Proportion. Visual elements create a sense of unity where they relate well with one another.
6. Variety. This uses several design elements to draw a viewer’s attention.
Information graphics or infographics are used to represent information, statistical data, or knowledge in a graphical
manner usually done in a creative way to attract the viewer’s attention.
Social Media Platforms. Websites like Facebook allow you to create not only personal accounts but also pages and
groups where you can share content.
Blogging Platforms. It typically looks like a newsletter where you are given options to change the design to your
liking. Though you can manipulate the design, social media platform’s popularity is still unrivaled.
Content Management System
A Content Management System (CMS) is a computer application (sometimes online or browser-based) that allows
you to publish, edit and manipulate, organize and delete web content. CMS is used in blogs, news websites, and
shopping.
WYSIWYG is 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.
HTML is a format that tells a computer how to display a web page. The documents themselves are plain text files
with special "tags" or codes that a web browser uses to interpret and display information on your computer screen.

HTML stands for Hyper Text Markup Language


An HTML file is a text file containing small markup tags
The markup tags tell the Web browser how to display the page ƒ An HTML file must have an htm or html file
extension

HTML tags?
HTML tags are used to mark-up HTML elements
HTML tags are surrounded by the two characters < and >
The surrounding characters are called angle brackets
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
The text between the start and end tags is the element content
HTML tags are not case sensitive, <b> means the same as <B>

Tag Description
<html> Defines an HTML document
<body> Defines the document's body
<h1> to <h6> Defines header 1 to header 6
<p> Defines a paragraph
<br> Inserts a single line break
HTML Fonts
The <font> tag in HTML is deprecated. The World Wide Web Consortium (W3C) has removed the <font> tag from its
recommendations. In future versions of HTML, style sheets (CSS) will be used to define the layout and display
properties of HTML elements.
The <font> Tag Should NOT be used.
HTML Backgrounds
Backgrounds
The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image.

Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this attribute can be a
hexadecimal number, an RGB value, or a color name:

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

The lines above all set the background-color to black.

Background
The background attribute can also specify a background-image for an HTML page. The value of this attribute is the
URL of the image you want to use. If the image is smaller than the browser window, the image will repeat itself until it
fills the entire browser window.

<body background="clouds.gif">
<body background="http://profdevtrain.austincc.edu/html/graphics/clouds.gif">

Color Color HEX Color Color HEX Color Name


#000000 #F0F8FF AliceBlue
#FF0000 #FAEBD7 AntiqueWhite
#00FF00 HTM #7FFFD4 Aquamarine
#0000FF L #000000 Black
#FFFF00 Link #0000FF Blue
#00FFFF s #8A2BE2 BlueViolet
#FF00FF HTM #A52A2A Brown
#C0C0C0 L uses the <a> anchor tag to create a link to another
#FFFFFF document or web page.

The Anchor Tag and the Href Attribute


An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc. The syntax of
creating an anchor:

<a href="url">Text to be displayed</a>

The <a> tag is used to create an anchor to link from, the href attribute is used to tell the address of the document or
page we are linking to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.

A web portal is a website that contains information from different sources and places them in one location in a
uniform way.
Online Collaborative Tools

Working together does not necessarily mean you have to be physically together. These tools can help your group “go
the distance” and work as if you already have your own office.
An example of a web portal is Yahoo! (www.yahoo. com). Yahoo.com offers a web portal where news, email,
weather, etc. are found in one page.
There are plenty of online collaborative tools:
1. You can use Facebook groups to create a group page that will allow people in your group to communicate your
ideas.
2. WordPress also allows you to multiple contributors for a single blog.
3. Google Drive and Microsoft Office Online allow multiple people to work on different office files and even have
their own group’s cloud storage.
4. Microsoft’s Yammer offers companies to have their own social network that allows sharing and managing
content.
5. Sites like Trello offer an online to-do checklist for your entire team.
Multimedia Contents
1. Videos. Through video hosting sites, you can take a video and show it to the entire world (e.g., YouTube).

2. Sound, Music, or Audio. If videos are too much for you, you can always record sounds. You can now share your
sound bites to the entire world (e.g., Soundcloud).
3. Online games. Game developers now create what is called “browser-based games.” You do not need to install
these games to your computer as they run in most updated web browsers (AdventureQuest, Farmville, Candy Crush)
4. Online tests. Online survey forms and tests that automatically display the results when finished (Online IQ and
Personality Tests).

5. Courseware. Online courses that simulate the classroom online (e.g., E-learning Courses using a Learning
Management System)
.
6. Podcasts. An episodic series of audio or text files streamed online (e.g., Stuff You Should Know, TED Talks, The
Starters, Ear Biscuits).

7. Vodcasts. An episodic series of video streamed online (e.g., YouTube series/shows like Video Game High
School, Good Mythical Morning).

ICT: An Avenue to Social Change


ICT has helped improved communication when Filipinos needed it the most. Radyo Veritas helped in the
success of the People Power Revolution. Text brigades helped in the success of EDSA Dos. Social media sites like
Facebook helped in the success of the Million People March. Finally, technologies like the People finder helped bring
comfort to families looking for their loved ones during calamities like Yolanda.
Change.org is dubbed as the world’s platform for change where anyone from the online community can
create a petition and ask others to sign it. During the past times, petitions are only done through signing a paper,
usually done by a group asking for signatures via travel. Change.org gives access to more people by allowing the
online community to affix their digital signatures on a petition.
Change.org’s mission is to help people from around the world create the change they want to see.
A concept paper is a document used to convince a panel of potential funders to help a product, program, or service
become a reality.
Five elements of a concept paper:
1. Introduction – includes your group’s mission and vision and a brief introduction of your project
2. Purpose – includes the reasons why this project is worth your group and your sponsor’s time, effort, and
money
3. Description – includes all the necessary information about the project.
4. Support – contains the budget needed for the project. Some concept papers do not specify any amount
requested from the sponsor.
5. Contact Information – includes information on how the group can be contacted

Simplified ICT Project Process Overview

Monitoring Site Statistics on Different Platforms.


1. WordPress
Once you log in to your WordPress account, you are on the Reader tab by default. Simply click on My Sites and from
there you will see the statistics for your blog.
2. Facebook
In your created Facebook page, a summary of the statistics will appear on the right side of your cover photo:
Hovering your mouse pointer over “post reach” will give your more insights on which recent post reached the most
people:
Clicking on the Insights tab (located at the top of your page) will give you more in-depth statistics:
a. Overview – contains the summary of statistics about your page
Definition of terms on your Facebook statistics:
(1) Reach: Organic – your posts seen through the page’s wall, shares by users, and the news feed
(2) Reach: Paid – your posts seen through paid ads
(3) Post Clicks – number of clicks done to your posts
(4) Likes, Comments, and Shares – actual interaction done by your audience either through liking the post,
commenting on it or sharing it on their wall.
b. Likes – contains the statistics about the trend of page likes
c. Reach – contains information about the number of people who was reached your post
d. Visits – contains data of the number of times your page tabs (like the Timeline) are visited
e. Posts – contains data showing when (day and time) your site visitors visit your site
f. People – contains statistics about your audience’s demographics (age, location, gender, language, and country). It
also includes demographics about the people you have reached and engaged with
Cybercrimes are illegal acts done through the use of the Internet.
In 2012, Stephen Nale (Complex.com) posted a list of ten most common Internet cybercrimes as follows:
1. Phishing/Spoofing – the act of sending multiple emails to multiple users in hopes of having a number of them
clicking on the links or malwares attached to the email.
2. Blackmail/Extortion – the act of using the Internet to threaten or damage someone’s reputation to extort money
or anything else of value. This can be avoided if you are aware of what you should post on the Internet.
3. Accessing Stored Communications – or hacking; the act of obtaining unauthorized access to data from a
computer network.
4. Sports Betting – the act of wagering on any sports event over the Internet. In some countries, gambling (including
sports betting) is illegal even if you are doing it over the Internet.
5. Non-Delivery of Merchandise – the act of devising a scheme wherein a culprit posts an item or service for sale
over the Internet and once the transactions have been done, does not really give the item or service.
6. Electronic Harassment – the act of anonymously using the Internet to harass, abuse, threaten, or annoy other
people.
7. Child Pornography – the act of using the Internet to show child pornography. This act is highly punishable by law.
8. Drug Trafficking – the act of selling illegal substances using the Internet.
9. Criminal Copyright Infringement – the act of piracy mainly for financial gain. In late 2014, the number one pirate
website, ThePirateBay, was raided for the second time due to years of pirating movies, music, games, books, and
other software. These kinds of websites earn money through advertising.
Combatting Cybercrimes
1. Network Security. Before a hacker can get through the unauthorized files he or she is targeting, the hacker has to
get through several security measures like firewalls, secure connections, passwords, anti-malwares, and data
encryptions. The Disadvantages of ICT 177
2. Investigation. URL tracing and logging are used by websites to track your unique IP addresses. This can be used
by investigators to trace hackers. In piracy, trackers are used to identify IP addresses currently sharing a pirated file.
3. Penalties. More and more laws are being created and implemented today. Penalties include both a fine and
imprisonment.

You might also like