Advanced Web Technologies Unit 39: Website Design
AWT’s <ul><li>Browsers </li></ul><ul><li>Absolute URL </li></ul><ul><li>Relative URL </li></ul><ul><li>Cookies </li></ul><...
Browsers <ul><li>Invented by Tim Berners-Lee in 1991 </li></ul><ul><li>Safari, IE8, Firefox, Opera, Chrome </li></ul><ul><...
 
Browser Use November 2008 Source: wikipedia.org
Absolute URL <ul><li>U niform  R escource  L ocator - for finding websites on the Internet </li></ul><ul><li>e.g.  http://...
Absolute URL <ul><li>A unique address consisting of a string of characters that precisely identifies an Internet resource'...
Relative URL <ul><li>URL provides a shorthand way to refer to files or resources that use the same protocol, domain name, ...
Cookies <ul><li>Are parcels of text sent by a  server  to a Web  browser  and then sent back unchanged by the client each ...
Cookies on Safari Safari>Preferences>Security>Show Cookies
Cookies in Action Google Mail Authentication Window
Web Standards <ul><li>Is a general term for the formal  standards  that define and describe aspects of the  World Wide Web...
W3C Web Standards World Wide Web Consortium Standards  Maintains the standards and rules for use of CSS, HTML, XHTML, CGI ...
Task 1: AWT’s <ul><li>Browsers </li></ul><ul><li>Absolute URL </li></ul><ul><li>Relative URL </li></ul><ul><li>Cookies </l...
Critically Discuss: Browsers <ul><li>What limitations do browsers have?  </li></ul><ul><li>(rendering code, display on dif...
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...
CSS Structure How CSS code is made up CSS is made up of  elements  which contain  attributes  and  properties .  box { hei...
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>...
HTML Structure How HTML code is made up HTML is made up of  tags  (opening and closing)  which contain  attributes. <html>...
Javascript <ul><li>Javascript– The first code used to construct web pages. </li></ul><ul><li>HTML is not considered by the...
Javascript Structure How Javascript code is made up HTML is made up of  tags  (opening and closing)  which contain  attrib...
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...
PHP Structure How PHP code is made up HTML is made up of  tags  (opening and closing)  which contain  attributes. <html> <...
Upcoming SlideShare
Loading in...5
×

Ndim1 2009 Web Design

206

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
206
On Slideshare
0
From Embeds
0
Number of Embeds
0
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>

×