6 multimedia elements - www


Published on

Published in: Technology, Art & Photos
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

6 multimedia elements - www

  1. 1. WWW – History and Development<br />http://webdesign.about.com/cs/historyofhtml/a/aawebhistory.htm<br />http://www.walthowe.com/navnet/history.html<br />http://en.wikipedia.org/wiki/Www<br />http://en.wikipedia.org/wiki/Web_2.0<br />
  2. 2. WWW – History and Development<br />appropriate usage<br />http://www.w3.org/<br />“The social value of the Web is that it enables human communication, commerce, and opportunities to share knowledge. One of W3C's primary goals is to make these benefits available to all people, whatever their hardware, software, network infrastructure, native language, culture, geographical location, or physical or mental ability.”<br />“W3C's vision for the Web involves participation, sharing knowledge, and thereby building trust on a global scale.”<br />
  3. 3. WWW – History and Development<br />appropriate usage<br />Common sense. <br />Follow laws of the country. (No online gambling in the US)<br />Behaviour<br />Copyright<br />Age restrictions<br />
  4. 4. WWW – History and Development<br />targeted audience<br />The www if for everyone.<br />However, different sites (content) will be aimed at different people.<br />What problems may arise here?<br />
  5. 5. WWW – History and Development<br />Age Controls<br />Examples?<br />http://www.shocktillyoudrop.com/news/topnews.php?id=10988<br />Credit Card / License <br />Problems with these methods?<br />
  6. 6. WWW – History and Development<br />censorship:<br />violence<br />sex<br />Language<br />These issues have been in the news recently.<br />R18 classification for video games.<br />Government controlled mandatory internet filter proposed for 2010.<br />Discuss.<br />
  7. 7. WWW – History and Development<br />Censorship<br />is the suppression of speech or deletion of communicative material which may be considered objectionable, harmful, sensitive, or inconvenient to the government or media organizations as determined by a censor.<br />http://en.wikipedia.org/wiki/Censorship<br />The Australian Communications and Media Authority (ACMA) maintains a blacklist (sites that cannot be viewed).<br />http://www.efa.org.au/Issues/Censor/cens1.html<br />
  8. 8. WWW - Implications<br />Using the technical knowledge you have on these issues, look at how they relate to their use on the Web.<br />Text<br />Graphics<br />Video<br />Audio<br />
  9. 9. WWW - Implications<br />Text<br />font compatibility, font sets, font substitution<br />text as a graphic element<br />embedded text, eg: <br />open type<br />True type<br />Def:<br />http://www.dq.winsila.com/miscellaneous/postscript-vs-truetype-vs-opentype-know-the-difference.html<br />
  10. 10. WWW<br />CSS – Cascading Style Sheets<br />is a style sheet language used to describe the presentation semantics (that is, the look and formatting) of a document written in a mark-up language. Its most common application is to style web pages written in HTML and XHTML.<br />CSS is designed primarily to enable the separation of document content (written in HTML or a similar mark-up language) from document presentation, including elements such as the layout, colours, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple pages to share formatting, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design). <br />http://en.wikipedia.org/wiki/Css<br />
  11. 11. WWW <br />Hyperlink<br />is a reference to a document that the reader can directly follow, or that is followed automatically. The reference points to a whole document or to a specific element within a document. Hypertext is text with hyperlinks. <br /><ul><li>Scroll Bar and Buttons
  12. 12. is a graphical object in a GUI with which continuous text, pictures or anything else can be scrolled.
  13. 13. A defined area of the screen, usually designed to look like a pushbutton, which, when clicked with a mouse, will perform a given action, usually represented by an Icon on the button face.</li></li></ul><li>WWW<br />Drop Down List<br />Animated Text<br />Scrolling<br />Distorting<br />
  14. 14. WWW<br />.PDF Files<br />Portable Document Format (PDF) is a file format created by Adobe Systems in 1993 for document exchange. PDF is used for representing two-dimensional documents in a manner independent of the application software, hardware, and operating system. Each PDF file encapsulates a complete description of a fixed-layout 2D document that includes the text, fonts, images, and 2D vector graphics which compose the documents. <br />
  15. 15. WWW - Implications<br />Graphics<br />file size and compression, eg: (lossy/lossless)<br />GIF<br />JPEG<br />PNG<br />Think about what formats would be best suited for internet use and why?<br />
  16. 16. WWW<br />Progressive loading of images: <br />interlaced GIF<br />is a GIF image that seems to arrive on your display like an image coming through a slowly-opening Venetian blind. A fuzzy outline of an image is gradually replaced by seven successive waves of bit streams that fill in the missing lines until the image arrives at its full resolution. Among the advantages for the viewer using 14.4 Kbps and 28.8 Kbps modems are that the wait time for an image seems less and the viewer can sometimes get enough information about the image to decide to click on it or move elsewhere. For users with faster connections, there is little difference in effect between an interlaced GIF and a non-interlaced GIF.<br />progressive JPEG<br />are similar to Interlaced Gifs and are displayed in a browser window in a series of passes. First a 'blurred' image is shown, then as more information flows in, the clarity increases<br />Though interlaced Gifs are larger than normal Gif images, progressiveJpgs are slightly smaller than plain jpg files. <br />The only disadvantage in using progressive JPGs is that they require more processing power by the client machine and the browser. However, in these days of high computing power and continued improvements in browser software, this aspect can be safely ignored.<br />
  17. 17. WWW<br />Animated GIF<br />Refer to gif<br />Thumbnails<br />are reduced-size versions of pictures, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words.<br />
  18. 18. WWW<br />Sound<br />sound quality<br />file size and compression<br />streaming<br />media players<br />