Ndim1 2009 Web Design
- 1. Advanced Web Technologies Unit 39: Website Design
- 2. AWT’s Browsers Absolute URL Relative URL Cookies Web Standards
- 3. Browsers Invented by Tim Berners-Lee in 1991 Safari, IE8, Firefox, Opera, Chrome Reads and displays source code, e.g. CSS, HTML etc. Functions e.g. Search, Find, Bookmarks, History, Developer views View sites on WWW or LAN (intranets)
- 5. Browser Use November 2008 Source: wikipedia.org
- 6. Absolute URL U niform R escource L ocator - for finding websites on the Internet e.g. http://www.wikipedia.org/
- 7. Absolute URL A unique address consisting of a string of characters that precisely identifies an Internet resource's type and location. URLs typically have four parts: the first identifies the protocol ; the second identifies the domain name ; the third identifies the directory path, and the fourth identifies the document file name . http://www. google.com /about /home.html
- 8. Relative URL URL provides a shorthand way to refer to files or resources that use the same protocol, domain name, or directory path as the current document. This URL: http://www.apple.com/uk/hotnews is relative to: http://www.apple.com/uk/store
- 9. Cookies Are parcels of text sent by a server to a Web browser and then sent back unchanged by the client each time it accesses that server. Cookies are used for authenticating , session tracking, maintaining specific information about users, such as site preferences or the contents of their electronic shopping carts
- 10. Cookies on Safari Safari>Preferences>Security>Show Cookies
- 11. Cookies in Action Google Mail Authentication Window
- 12. Web Standards Is a general term for the formal standards that define and describe aspects of the World Wide Web . In recent years, the term has been more frequently associated with the trend of endorsing a set of standardized best practices for building web sites , and a philosophy of web design and development that includes those methods.
- 13. W3C Web Standards World Wide Web Consortium Standards Maintains the standards and rules for use of CSS, HTML, XHTML, CGI etc. Provides an online validation service .
- 14. Task 1: AWT’s Browsers Absolute URL Relative URL Cookies Web Standards - Please critically discuss Browsers, Cookies and Web Standards -
- 15. Critically Discuss: Browsers What limitations do browsers have? (rendering code, display on different platforms?) What are Pros and Cons of browsers? (Platform specific, hard to use, slow) Which browser is the best, and why? How can browsers be improved? How do Web Standards affect browsers? What technology do browsers use? Google it!
- 16. CSS C ascading S tyle S heets CSS is named due to the cascading effect of laying out content. When the browser reads CSS code, it cascades the content onto your screen. CSS is promoted by W3C as the standard code for laying out page elements.
- 17. CSS Structure How CSS code is made up CSS is made up of elements which contain attributes and properties . box { height : 25em ; position : relative ; line-height : 1px ; font-style : Arial ; font-size : 12px ; }
- 18. HTML H yper T ext M arkup L anguage HTML – The first code used to construct web pages. HTML is not considered by the W3C to be the standard for building web pages; however, HTML remains the primary format web pages are saved in. e.g. index.html
- 19. HTML Structure How HTML code is made up HTML is made up of tags (opening and closing) which contain attributes. <html> <body> <p> <a href= "http://www.microsoft.com/" > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>
- 20. Javascript Javascript– The first code used to construct web pages. HTML is not considered by the W3C to be the standard for building web pages; however, HTML remains the primary format web pages are saved in. e.g. index.html
- 21. Javascript Structure How Javascript code is made up HTML is made up of tags (opening and closing) which contain attributes. <html> <body> <p> <a href= "http://www.microsoft.com/" > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>
- 22. PHP PHP– The first code used to construct web pages. HTML is not considered by the W3C to be the standard for building web pages; however, HTML remains the primary format web pages are saved in. e.g. index.html
- 23. PHP Structure How PHP code is made up HTML is made up of tags (opening and closing) which contain attributes. <html> <body> <p> <a href= "http://www.microsoft.com/" > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>