The document discusses the history and evolution of the World Wide Web from Web 1.0 to Web 2.0. Web 1.0 featured a read-only web with few content creators and no user interaction. Web 2.0 arose around 2004 and enabled increased user contribution, interaction, and creation of user-generated content through technologies like social media and WiFi. Web 2.0 transformed the web into a more dynamic and community-oriented platform.

1. (INFORMATION COMMUNICATION
TECHNOLOGY)

3. WWW(WORLD WIDE WEB)

4. WEB 1.O
 In this stage of internet technology
there were very few web content
creators & many of then so called
‘read only web’.
 There were no user INTERACTION
 Web is STATIC
 The feedback mechanism was thru
private email
 No direct comment available
Webmaster Computer Users
 The term 2.0 was used around 2004
 Internet technology become more & more active
because the social media begins
 Internet on this stage become more available to
everyone
 The users can now interact , contribute & create
their own internet space & content.
 WIFI
 User contribution Web Dynamics Community
WEB 2.0

6. Possible Danger in internet
 email spam – is the term use to refer to a person who create electronic spam.
 Email spoofing – it is usually used by spammers to hide the origin of the spam.
 Phishing – practice of trying to get confidential information.
 pharming – a dangerous hacker attack on a website.
 Spyware – a program installed covertly on a personal computer to collect information and
take control.
 Computer worm – it is a dangerous computer program that it replicates itself through a
network.
 Trojan horse – it can erase data and can allow access of victims computer also can corrupt
files.
 Computer virus – a program that duplicates itself and then infects the computer.
 Hacker – a person who is able to enter the control others people computer without
authorization.

7. Protection in danger networks
 Security center – is a place where you can set additional protection
from threat to your computer.
 Firewall – helps protecting your computer from unauthorized entries,
viruses or worms from the internet or network.
 Automatic updates – it upgrades all the security that can help
advance recognizing a threats.
 Virus protection – it also prevents other malware from gaining entry
into your computer

8. Research
 Contextual search – its an attempt to be more precise in providing the
list documents according to the words used by the user to search the
internet
 a good contextual search engine would request for information to
narrow down the result of the search

9. Contextualize method
 Contextualize – is to place (something, such as word or ability in a
context )
 Research – collecting of information a particular topic.
 Strategy – a careful plan or method.
 Compilation – the act of process or compiling.
 Citation – the act of quoting.

10. Searching method
 Identify or choose a topic
 Topic or task definition
 Identify methods of search
 Identify resources of your research
 Make your research strategies
 Compiling the research result
 Evaluate the result of your research
 Create a list of your references for citation

11. Steps to make contextualized online
search
 Identify method of search
 Experiments
 Explore
 Survey
 Identify resources of your research
 Wikipedia
 Google
 Make your research strategies
 Compiling the research result

12. Research skills
 Practice makes it perfect – the more you do it the better you will be in doing
research.
 Critical thinking – it is the ability to digest, reflect and conclude from the
information searched.
 Analytical thinking – the ability to look verbalize, conceptualize and gather data
attained.
 Problem solving capability – the ability to present solutions or solve problems by
presenting decision based on the given information.
 Research presentation – it is ability to present ideas and draw conclusion.
 Creativity and developed imagination – it is the ability to look for alternative
solutions to the problems
 Computer literacy - knowledge of the various computer application and tools.

13. Steps of contextualize concept
1. Open the Google site.
2. On the upper right side of the window, click the google apps, icon
and click search engine.
3. On the lower right part of the window, click setting and google
search setting pop-up list will appear.
4. Click advance search and the advance search window will appear.
5. Type the keywords that you, would like to search and click the
advanced search button.

14. Identifying good source from satirical
source
 Satirical sites are websites that report false stories meant to amuse or
entertain
 These sites take their cue from tv shows that report exaggerated
news that are untrue but intriguing and funny
 These sites started as spoofs of real public figures such as political
leaders of motive personalities.
 Untrue stories should not be shared with your friends family and
contacts.

15. How to detect satirical news
1. If it is too good to be true, then it must be so.
2. If the news did not emanate from reliable news site.
3. If they are from know satirical sites.

16. List of top sources of satirical news
1. Adobo chronicles (adobochronicles.com)
2. So, whats news (sowhatsnews.wordpress.com)
3. Eritas time (eritastimes.com)
4. The professional heckler (professionalheckler.com)

17. American satirical site sites in u.s
 The onion (theonion.com)
 Click hole (clickhole.com)
 Christ wine global media (christwine.org)

18. Mail merge and label generation
 it is used automatically add mailing addresses or personalized
information to your publication.

19. Mailing start group commands
1. Mail merge
2. Email merge
3. Select recipients
4. Edit recipients
5. Insert merge field
6. Address block
7. Greeting line
8. Pictures
9. Insert personalized
10. Format
11. hyperlink

20. name function
 Email merge – merges data into a publication which will be printed and
mailed
shows step by step mail merge.
 Email merge – Merge data into a publication that will be sent as email.
 select recipients – chooses the list of the people you intend to send the
letters to you can type your own list.
 Edit – recipients list – make changes to the list of recipients.
 Insert merge field – adds a field your recipient list.
 Address block – adds an address to your letter.
 Greeting line – adds a greeting line to your letter.
 Picture – adds a picture field from your recipient list to the publication.
 Insert personalized hyperlink – insert hyperlink that are customized from
each other

21. Parts of mail merge
1. Recipients list
2. Publication with merge fields
3. Merge publication

22. Step 1 creating a recipient list
1. Click the mailing tab, go to the start group and click select
recipient.
2. On the list of option, select type new list.
3. On the new address list dialog box, click new entry and type the
recipient information.
4. Click ok.

23. Step 2 : prepare your publication
 Create your publication in ms. Word
 Insert any additional text that you want to apper in every version.

24. Step 3
1. Print
A. CLICK MERGE TO A PRINTER
B. IN THE PRINT SPACE, SELECT THE OPTIONS YOU WANT AND CLICK OK.
2. MERGE NEW PUBLICATION
A. CLICK MERGE TO NEW PUBLICATION
B. IN THE NEW PUBLICATION, CLICK SAVE THIS PUBLICATION.
C. TYPE THE NAME OF YOUR NEW PUBLICATION AND CLICK SAVE .
3. ADD TO EXISTING PUBLICATION
A. CLICK ADD TO EXISTING PUBLICATION
B. ON THE OPEN PUBLICATION DIALOG BOX

25. Generating labels
 Labels are used for envelopes that you intend to send out to persons
usually containing the none address or telephone

26. Steps in generating labels
1. Start a new document in the ms word
2. Go to the mailings tab, in the create group.
3. In the address box, type the text you want to be placed on the label.
4. Click the insert address icon if you have an address stored in the
electronic address book
5. To change the font or paragraph formatting, select the text right
click and select the option from the down menu.

27. 6. Click options button and the label options dialog box will appear
7. Select the setting like the type of printer, the supplies that produced
your label sheets and others
8. After you make setting, click ok.
9. Under print, select full page of the same label of single label. Then in
the row and column boxes, enter the numbers that match the number of
row and column on the label sheet
10. Click print

28. MS. Powerpoint
 It is an application intended in creating a slide
presentation

29. How to create slide presentation
1. Open ms. Powerpoint application
2. Click new and select your preferred design template
3. Click insert tab menu and insert text word art or any object in the
slide
4. Click home tab to insert new slide in our presentation.

30. Sources of photos and graphics
 There are many sources of photos and graphics. They can some direct
from your camera, old pictures , free from internet or purchased from
the internet or stores.

31. Personal and professional photos
 Are photos taken y amateur or professional photographer using a
digital camera. Theses images are downloaded and are stored in the
computer. They are sources of images for any project that you may
embark. They re original and definitely something one would like to
work on.

32. Scanned images
 Are those that you transfer from printed photos and graphics using
scanning devices which you can transfer to your computer for further
improvement and modification. These are mostly old pictures
photographed before the digital age.

33. Stock photo library
 Are several photographs and created images that are available for
sale . They come in cd or dvd format and many of these images are
royalty free, which means that they can be used without additional
fees.

34. Online stock photos
 Are found in the world wide web. The www is now the dominant
source of photos and graphics around the globe because of the widely
available choices and reasonable prices, other sites even offer copy
right free photos and other media. One advantage of this set up is
that you do not have to go to place where most of these photos were
taken. Another is that before you purchase or get a picture , you can
view it and if you decide to buy, simply download it to your computer.

35. Online digital file format for images and
text
 A computer will have a certain method of encoding information for
storage in the hard drive or any form of computer storage . The ways
of encoding and storing this information to storage is called file –
format, digital file formats are categorized as either proprietary or
open.

36. Proprietary formats
 Are owned and controlled by individuals or corporations and the file
format specifications are not available to the public. They are usually
covered by copyright and the owner has exclusive control of the
presend and future technology development of this format an
example of a proprietary format is the one used in the storage for
microsoft word, excel, and powerpoint.

37. Open formats
 Are means and ways for storing digital information that are free, can
be used by the public and are not encumbered by copyright or
potents.

38. File format
 Are uses suffixes that are added to the end of the filename called
filename extension. The file extension is a means of identifying the
format of the file, with the period before it after the filename.

39. Digital file format are classified into
three major groups
1. Uncompressed or raw format – is usually used for storing original file
format, it is a flexible form but needs bigger memory to store.
2. Lossless file format – is a file format that was compressed to
replicate the original quality but at a reduced file size. This type is
ideal for storing important file ( images, audio, or video).

40. Imaged file format ( raster image
format)
 Are standardized means of organizing and storing digital images
two types of image file format
1. Raster image format
2. Vector image format

41. Raster image format
 Images faithfully display the color information and image making
them a great choice to display detailed images
 Widely supported to web browsers, which is makes them easy to
share.

42. Types of raster images
 Jpeg/jpg ( joint photographics expert group) – is an extremely
common format and is typically used sharing photographs
 Gif ( graphics interface format) - one of the most commoon images
format on the web
 Png ( portable network graphics – supported by current browser
 Bmp ( bitmap) – is one of the simplest file formats in raster graphics
 Tiff ( tagged image file format ) – recommended for vectorization.
 Pcx ( picture exchange) – extended to support true color images.

43. Vector images and vector graphics
 Vector images – are lossless files created using mathematical
geometric equations to represent images in digital computer graphics.
 Vector graphics – has the advantage or retaining its quality at any
desired imaged, size unlike raster images that appear proxilated
when displayed in expanded images
size………………………………………………………………….

44.  Pdf
 Encapsulated postscript
 Scalable vector graphics
 Windows metafile
Examples of these type formats are :

45. Filename
1. .ai
2. .drw
3. .dxf
4. .ps
5. .svg

46. Adobe illustrator
 Created using paths and lines by point instead of bit maps which
may include objects, color and texts.
 Drawing file – a generic drawing created and stored in a vector
formats that uses lines or path to represent iamge.
 Drawing exchange format – a developed and introduced by auto desk
the maker of autocad similar to drawing file both is universal so that
autocad can be opened using other program

47. postscript
 a page description language developed by adobe that describe the
appearance of a printed page it become an industry standard for
printing and imaging.
 Scalable vector graphics – most common vector format on the
internet, developed by the ( www. ) to display vector graphics open
format can be opened by adobe, corel and open graphic program

48. Basic principle of graphics & layout
 Layout – is the process of planning and arranging graphics or text in a
page or book.
 Symmetrical – a layout may be symmetrical where there are equal
weight of elements on both sides of the page.
 Assymmetrical – a layout maybe assymmetrical where there is an
artistic and different intensity on one side of the page.
 Text – a text type should be legible, appropriate font face, and
arranged either left justified, or centered the flow of the text and
pictures should be easy to read.

49.  Image – should be proportionate, w/ sharp color and high resolution.
 Proximity and harmony – the elements should be closed together and
most
 Consistency – there should be uniformity on the theme on each page.
 Color and shape - use color to create interest by providing variety in
design like the use of color contrast and shape.
 Emphasis – there should be one point of interest in a page. The
element to be emphasized should have a different size , color, shape,
or background.

50. PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
MANIPULATION
 You can change the background of it does not math the image or
totally the presentation. You can also add efforts to the background.

51. TECHNIQUES OF IMAGE MANIPULATION
 BACKGROUNDCOLOR- You can change the background if it does not match the image or the totality of the presentation.
You can also add effects to the background
 SHADOW- Using shadow effect will make the image realistic.
 Proportion- When combining images, resize the image to make it proportionate and realistic.
 Blendingcolor - You can use color blending to match the background with the other elements in the page.
 Texture- Adding texture allows you to blend different images.Textures add to the depth of your art.Blending will allow
smooth trasition of one image to another.
 Emphasis - There should be a focal point to a page that will attract viewers.The element you want to emphasize should be
sharp,big, and most vibrant in your design.

52. Combining text, graphics and images
 Combining text , graphics, and images in your presentation, info
graphics or web page will make your message clear.
 Transparent shapes – add simple shapes with slight transparency
behind your text to clearly see the text you want to emphasize.
 Fonts and shapes – fonts and shapes should complement with each
other. You can use rounded shapes with rounded fonts and sharp
shapes with sharp fonts.
 Text and background - should be aligned to have an organized look.
 Clean and clear background – use a clean and clear background for
message to be readable .

53. Basic manipulation using offline or open
source software
 Photo editing and designing tools allow you to make manipulate or
edit images , apply , effects, filters and frames , crop add text,
changed background color make photo collage and photo album that
you would like to do in an image
 Picasa – it is a google`s free photo manager to edit and orginizing your
photo.
 Pain.net – it is a window base alternative to ms point editor .
 Google sketch up – it is a free .3d modeling program with tools that
allow you to create 3d models of houses, home renovation,
woodworking projects and others with dimensional accuracy

54.  Autodesk pixl – free photo editing tool that is similar to photoshop
and has more than 600 effects
 Adobe photoshop – is a tool to create modify, combine and optimize,
digital photos and images.
 Gimp or gnu ( image manipulation program ) – it is a free open source
image graphic editing program used for image retouching and editing,
free – form drawing / painting and other specialized tasks.

55. Installing gimp
1. go to www.gimp.org
2. Then click download
3. Select download gimp directly
4. Run the gimp installer
5. Click install
6. Wait for it to finish the installation, then click finish.

56. Different types of slide presentation
 ZOHO SHOW
 LINKED IN SLIDE SHARE
 GOOGLE SLIDE
 SLIDE ROCKET
 MS. POWERPOINT
 PREZI