1. OCR Computing AS @ OGAT 1.3.3 Web Technologies

2. What OCR need you to know… You are expected to have a working knowledge of the above web languages

3. Tasks 1.Sum up the following decades in the life of the internet: 1960s | 1970s | 1980s | 1990s 2.How do the world wide web and the internet differ? 3.What role did Sir Tim Berners-Lee play in the development of the internet and/or www? Internet vs World Wide Web Sir Tim Berners-Lee

4. HTML – Hypertext Mark-up Language Tasks (Pages 202 and 222) 1.What is HTML? 2.What role does the browser play in the hypertext mark-up language? 3.What is an HTML tag? 4.What common development platforms are designed to work inside HTML documents?

5. HTML that you must know…. to link to a CSS file including the src, alt, height and width attributes. including the href attribute. where the input is a textbox (i.e. has the attribute type=”text” and another attribute name to identify it) or a submit button (i.e. has the attribute type=”submit”) REFERENCE SLIDE ONLY

6. CSS Tasks 1.What are cascading style sheets? 2.What are the advantages of separating the formatting from the content? 3.What is the difference between the following ways to deploy CSS? –External Style Sheet | Internal Style Sheet | Inline Styles 4.What is meant by the cascading order when talking about CSS? 5.Have a quick play around with http://www.w3schools.com/css/tryit.asp?filename=trycss_default to see CSS in action http://www.w3schools.com/css/tryit.asp?filename=trycss_default

7. CSS that you must know…. In the style sheets they should be able to use CSS to define the styling of elements: h1{ color:blue; } classes.infoBox{ background-color: green; } and Identifiers #menu{ background-color: #A2441B } They are expected to be familiar with the following properties. background-color border-color border-style border-width color with named and hex colours font-family font-size height width REFERENCE SLIDE ONLY

8. Hex - HTML / CSS Colours (Colors) Tasks 1.Convert each of the following Hex codes into its 3 part denary numbers: a)#FF1493 | #000080 | #000000 | #FFFFFF 2.Now open MS Paint and click on ‘Edit Colours’ type in the first number in the Red box, second in the Green and third in the Blue. What colour is made by each hex code? 3.What is the hex code for the following: (95,137,129) Modern browsers support 140 colour names but if the colour name is not recognised by the browser you can specify the colour using a Hex code. Every colour can be made by combining different amounts of red, green and blue. These are called RGB colours.

9. Web Authoring Tools Tasks 1.What is a WYSIWYG? 2.What are the benefits of a web authoring tool? 3.What are negatives of a web authoring tool? 4.Why do developers often prefer a simple text editor such as notepad or notepad++? Writing HTML code is often most easily done by using a web authoring tool such as Dreamweaver®

10. JavaScript Tasks 1.When combined with HTML and CSS what role does JavaScript play? 2.JavaScript is a scripting language, how does this differ from a normal programming language? 3.What is meant by ‘client-side scripting’ and why is it efficient? 4.JavaScript uses ‘Dynamic typing’ what is it? 5.What are some of the main uses of JavaScript? 6.Explain the advantage of using an interpreted rather than a compiled language to add functionality to a webpage.

11. Search Engines Tasks 1.How do search engines use indexes? 2.In terms of search engines what are robots/spiders? 3.What are meta tags and how are they used by developers? 4.How do search engines utilise meta tags? 5.What is the page rank algorithm and briefly how does it work? Search Engine leaders and their market share Jan-Oct 2015

12. Client and Server-side Processing Tasks 1.Why does client-side processing reduce the load on the server? 2.How does client-side scripting reduce web traffic? 3.Why is sever-side processing vital for querying a database? 4.What types of languages can be processed on the client-side? 5.What types of languages can be processed on the server-side?

13. Data Compression - Lossy Tasks 1.For what type of files is lossy compression mostly used? 2.What are the disadvantages of over compressing images? 3.What is typically taken out of sound files in lossy compression? 4.What are common file formats for lossy compression? 5.What are the common reduction ratios for video, audio and photographs? Uncompressed Image Size 1MB (1024K B) Compressed Image Size 4.4KB VSVS 99.5% Reduction

14. Data Compression - Lossless Tasks 1.How is lossless different from lossy compression? 2.What is the LZW algorithm? Where is it used? 3.What are some common file formats that use dictionary coding? 4.How has the image been compressed in example 2? Example 1 Example 2