Ndim1 2009 Web Design

281 views

Published on

this is the dogs

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
281
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ndim1 2009 Web Design

  1. 1. Advanced Web Technologies Unit 39: Website Design
  2. 2. AWT’s <ul><li>Browsers </li></ul><ul><li>Absolute URL </li></ul><ul><li>Relative URL </li></ul><ul><li>Cookies </li></ul><ul><li>Web Standards </li></ul>
  3. 3. Browsers <ul><li>Invented by Tim Berners-Lee in 1991 </li></ul><ul><li>Safari, IE8, Firefox, Opera, Chrome </li></ul><ul><li>Reads and displays source code, e.g. CSS, HTML etc. </li></ul><ul><li>Functions e.g. Search, Find, Bookmarks, History, Developer views </li></ul><ul><li>View sites on WWW or LAN (intranets) </li></ul>
  4. 5. Browser Use November 2008 Source: wikipedia.org
  5. 6. Absolute URL <ul><li>U niform R escource L ocator - for finding websites on the Internet </li></ul><ul><li>e.g. http://www.wikipedia.org/ </li></ul>
  6. 7. Absolute URL <ul><li>A unique address consisting of a string of characters that precisely identifies an Internet resource's type and location. </li></ul><ul><li>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 . </li></ul><ul><li>http://www. google.com /about /home.html </li></ul>
  7. 8. Relative URL <ul><li>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. </li></ul><ul><li>This URL: </li></ul><ul><li> http://www.apple.com/uk/hotnews </li></ul><ul><li>is relative to: </li></ul><ul><li> http://www.apple.com/uk/store </li></ul>
  8. 9. Cookies <ul><li>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. </li></ul><ul><li>Cookies are used for authenticating , session tracking, maintaining specific information about users, such as site preferences or the contents of their electronic shopping carts </li></ul>
  9. 10. Cookies on Safari Safari>Preferences>Security>Show Cookies
  10. 11. Cookies in Action Google Mail Authentication Window
  11. 12. Web Standards <ul><li>Is a general term for the formal standards that define and describe aspects of the World Wide Web . </li></ul><ul><li>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. </li></ul>
  12. 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 .
  13. 14. Task 1: AWT’s <ul><li>Browsers </li></ul><ul><li>Absolute URL </li></ul><ul><li>Relative URL </li></ul><ul><li>Cookies </li></ul><ul><li>Web Standards </li></ul><ul><li>- Please critically discuss Browsers, Cookies </li></ul><ul><li>and Web Standards - </li></ul>
  14. 15. Critically Discuss: Browsers <ul><li>What limitations do browsers have? </li></ul><ul><li>(rendering code, display on different platforms?) </li></ul><ul><li>What are Pros and Cons of browsers? </li></ul><ul><li>(Platform specific, hard to use, slow) </li></ul><ul><li>Which browser is the best, and why? </li></ul><ul><li>How can browsers be improved? </li></ul><ul><li>How do Web Standards affect browsers? </li></ul><ul><li>What technology do browsers use? Google it! </li></ul>
  15. 16. CSS <ul><li>C ascading S tyle S heets </li></ul><ul><li>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. </li></ul><ul><li>CSS is promoted by W3C as the standard code for laying out page elements. </li></ul>
  16. 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 ; }
  17. 18. HTML <ul><li>H yper T ext M arkup L anguage </li></ul><ul><li>HTML – The first code used to construct web pages. </li></ul><ul><li>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 </li></ul>
  18. 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= &quot;http://www.microsoft.com/&quot; > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>
  19. 20. Javascript <ul><li>Javascript– The first code used to construct web pages. </li></ul><ul><li>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 </li></ul>
  20. 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= &quot;http://www.microsoft.com/&quot; > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>
  21. 22. PHP <ul><li>PHP– The first code used to construct web pages. </li></ul><ul><li>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 </li></ul>
  22. 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= &quot;http://www.microsoft.com/&quot; > This text </a> is a link to a page on the World Wide Web. </p> </body> </html>

×