{"id":427,"date":"2012-11-29T09:33:27","date_gmt":"2012-11-29T09:33:27","guid":{"rendered":"https:\/\/digitalmediacomputing.org.uk\/?p=427"},"modified":"2012-11-29T12:40:31","modified_gmt":"2012-11-29T12:40:31","slug":"revision-theory","status":"publish","type":"post","link":"https:\/\/digitalmediacomputing.org.uk\/?p=427","title":{"rendered":"Web revision theory"},"content":{"rendered":"<p>Here are more revision notes for the Web Design Fundamentals unit. \u00a0Please see the revision notes on Design and HTML as well.<\/p>\n<h2>W3C<\/h2>\n<p>The W3C is the\u00a0World Wide Web Consortium. \u00a0It sets standards for HTML and other key web technology. \u00a0This means that all browsers know that you want your text bold when you use &lt;strong&gt; and that everyone who uses HTML knows to use &lt;a href=&#8230;&gt; to add a web link.<\/p>\n<h2>Copyright and Creative Commons<\/h2>\n<p><a href=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/11\/logo_cc_trademark.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-440\" title=\"logo_cc_trademark\" src=\"https:\/\/digitalmediacomputing.org.uk\/wp-content\/uploads\/2012\/11\/logo_cc_trademark.gif\" alt=\"\" width=\"162\" height=\"40\" \/><\/a><\/p>\n<p><a title=\"Creative Commons\" href=\"http:\/\/creativecommons.org\/about\" target=\"_blank\">Creative Commons<\/a> is a nonprofit organization that enables the sharing and use of creativity and knowledge through free legal tools.<\/p>\n<p>The free, easy-to-use\u00a0<a href=\"http:\/\/creativecommons.org\/licenses\/\">copyright licenses<\/a>\u00a0provide a simple, standardized way to give the public permission to share and use your creative work \u2014 on conditions of your choice. CC licenses let you easily change your copyright terms from the default of \u201call rights reserved\u201d to \u201c<a href=\"http:\/\/wiki.creativecommons.org\/FAQ#What_does_.22Some_Rights_Reserved.22_mean.3F\">some rights reserved<\/a>.\u201d<\/p>\n<p><object width=\"560\" height=\"315\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube.com\/v\/AeTlXtEOplA?version=3&amp;hl=en_US\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed width=\"560\" height=\"315\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.youtube.com\/v\/AeTlXtEOplA?version=3&amp;hl=en_US\" allowFullScreen=\"true\" allowscriptaccess=\"always\" allowfullscreen=\"true\" \/><\/object><\/p>\n<p><strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/l.yimg.com\/g\/images\/cc_icon_attribution.gif.v2\" alt=\"Attribution icon\" width=\"32\" height=\"32\" \/>Attribution\u00a0<\/strong>means:<br \/>\nYou let others copy, distribute, display, and perform your copyrighted work &#8211; and derivative works based upon it &#8211; but only if they give you credit.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/l.yimg.com\/g\/images\/cc_icon_noncomm.gif.v2\" alt=\"Noncommercial icon\" width=\"32\" height=\"32\" \/><strong>Noncommercial<\/strong>\u00a0means:<br \/>\nYou let others copy, distribute, display, and perform your work &#8211; and derivative works based upon it &#8211; but for noncommercial purposes only.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/l.yimg.com\/g\/images\/cc_icon_noderivs.gif.v2\" alt=\"No Derivative Works icon\" width=\"32\" height=\"32\" \/><strong>No Derivative Works<\/strong>means:<br \/>\nYou let others copy, distribute, display, and perform only verbatim copies of your work, not derivative works based upon it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/l.yimg.com\/g\/images\/cc_icon_sharealike.gif.v2\" alt=\"Share Alike icon\" width=\"32\" height=\"32\" \/><strong>Share Alike<\/strong>\u00a0means:<br \/>\nYou allow others to distribute derivative works only under a license identical to the license that governs your work.<\/p>\n<p style=\"text-align: right;\">Definitions from <a title=\"Flickr CC\" href=\"http:\/\/www.flickr.com\/creativecommons\/\" target=\"_blank\">Flickr CC<\/a><\/p>\n<p>If you can&#8217;t get permission to use an image you could always make your own image &#8211; take a photo or use a paint package or scan a drawing. \u00a0The same goes for sound effects and music &#8211; it&#8217;s great fun recording your own sound effects<\/p>\n<p>&nbsp;<\/p>\n<h2>Intellectual Property<\/h2>\n<p>&#8220;Intellectual Property is work or invention that is the result of creativity, such as a manuscript or a design, to which one has rights and for which one may apply for a patent, copyright, trademark, etc&#8221;<\/p>\n<p style=\"text-align: right;\">Definition from <a title=\"Google Dictionary definition of IP\" href=\"https:\/\/www.google.co.uk\/search?q=what+is+w3c&amp;rlz=1C1GPCK_enGB357&amp;aq=0&amp;oq=what+is+w3c&amp;aqs=chrome.0.0l4j60l2.2526&amp;sugexp=chrome,mod=4&amp;sourceid=chrome&amp;ie=UTF-8#hl=en&amp;tbo=d&amp;rlz=1C1GPCK_enGB357&amp;tbs=dfn:1&amp;sclient=psy-ab&amp;q=intellectual+property&amp;oq=intellectual+property&amp;gs_l=serp.3..0l10.11606.11606.2.11961.1.1.0.0.0.0.57.57.1.1.0.les%3B..0.0...1c.1.Hm7r7rjg9DE&amp;pbx=1&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;fp=a104d899ef1df1df&amp;bpcl=38897761&amp;biw=1024&amp;bih=653\" target=\"_blank\">Google Dictionary<\/a><\/p>\n<p>You should make sure you always cite your sources. This is telling people where you have got text or images from so that they can go and find out more.<\/p>\n<p>&nbsp;<\/p>\n<h2>Accessibility<\/h2>\n<p>Some people with\u00a0visually imparements use screen readers to read aloud everything that is written on a web site. \u00a0It is important that you put &#8216;Alt&#8217; tags (alternative text) on your images so that they can get a description of that is in the image.<\/p>\n<p>It is also useful if you put the most important content and links near the top of your web page so that they don&#8217;t have to listen to the rest of your page to find the link or information they need.<\/p>\n<h2>File formats<\/h2>\n<p><strong>Image files:<\/strong><\/p>\n<p><a href=\"http:\/\/en.wikipedia.org\/wiki\/File:Felis_silvestris_silvestris_small_gradual_decrease_of_quality.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"A photo of a cat with the compression rate decreasing, and hence quality increasing, from left to right\" src=\"http:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e9\/Felis_silvestris_silvestris_small_gradual_decrease_of_quality.png\/240px-Felis_silvestris_silvestris_small_gradual_decrease_of_quality.png\" alt=\"A photo of a cat with the compression rate decreasing, and hence quality increasing, from left to right\" width=\"240\" height=\"277\" \/><\/a><\/p>\n<ul>\n<li><strong>.jpg \/ .jpeg<\/strong> &#8211; a compressed image format that is generally 10% smaller than the uncompressed file. \u00a0It is lossy, which means there is a reduction in the image quality when it is compressed. \u00a0This happens every time you save, which is why you should always keep your original files<\/li>\n<li><strong>.gif<\/strong> &#8211; good for clipart and other drawings. Good for animated gifs.<\/li>\n<li><strong>.png<\/strong> &#8211; best for drawings and illustrations with text<\/li>\n<\/ul>\n<p><a title=\"PNG vs JPG\" href=\"http:\/\/www.labnol.org\/software\/tutorials\/jpeg-vs-png-image-quality-or-bandwidth\/5385\/\" target=\"_blank\">Here&#8217;s a great description of difference between jpg, png and gif (and a cool cartoon)\u00a0<\/a><\/p>\n<p><strong>Sound files:<\/strong><\/p>\n<ul>\n<li><strong>.mp3<\/strong> &#8211; smaller compressed file. \u00a0Lossy (there&#8217;s a loss in sound quality when the file is compressed)<\/li>\n<li><strong>.wav<\/strong> &#8211; large uncompressed file, lossless (there&#8217;s no loss in quality)<\/li>\n<li><strong>.aiff<\/strong> &#8211; large uncompressed file, similar size to WAVs but better quality. \u00a0Lossless (there&#8217;s no loss in quality)<\/li>\n<li><strong>.aac &#8211;\u00a0<\/strong>AAC files are generally higher quality (less quality loss) and slightly smaller than MP3 files of the same song<\/li>\n<\/ul>\n<p><a title=\"Audion and Video formats\" href=\"http:\/\/www.freestockmusic.com\/audio-formats\/\" target=\"_blank\">Description of differences between different audio file formats<\/a><\/p>\n<p><strong>Video files:<\/strong><\/p>\n<ul>\n<li><strong>.avi<\/strong> &#8211;\u00a0AVI can be played in most Windows-based applications like Windows Media Player<\/li>\n<li><strong>.mp4<\/strong> &#8211;\u00a0MP4 is mostly used with many personal media players like iPod and PSP. \u00a0At the same file size, MP4 files have a better video quality then AVI files<\/li>\n<li><strong>.mov<\/strong> &#8211; a Quicktime movie file<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Other files:<\/strong><\/p>\n<ul>\n<li><strong>.htm \/ .html<\/strong> &#8211; a web page with text and markup to allow formatting, links, images, videos etc. \u00a0HTML stands for HyperText Markup Language.<\/li>\n<li><strong>.swf<\/strong> &#8211; Adobe Flash file, like a game or animation<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Here are more revision notes for the Web Design Fundamentals unit. \u00a0Please see the revision notes on Design and HTML as well. W3C The W3C is the\u00a0World Wide Web Consortium. \u00a0It sets standards for HTML and other key web technology. \u00a0This means that all browsers know that you want your text bold when you use [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49,43,47,46,44],"tags":[],"class_list":["post-427","post","type-post","status-publish","format-standard","hentry","category-html","category-ms-farrells-blog","category-s3dmc","category-s5-6dmc","category-web-design"],"_links":{"self":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=427"}],"version-history":[{"count":10,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/427\/revisions"}],"predecessor-version":[{"id":439,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=\/wp\/v2\/posts\/427\/revisions\/439"}],"wp:attachment":[{"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalmediacomputing.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}