SlideShare a Scribd company logo
1 of 23
Advanced Web Technologies Unit 39: Website Design
AWT’s ,[object Object],[object Object],[object Object],[object Object],[object Object]
Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
Browser Use November 2008 Source: wikipedia.org
Absolute URL ,[object Object],[object Object]
Absolute URL ,[object Object],[object Object],[object Object]
Relative URL ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cookies ,[object Object],[object Object]
Cookies on Safari Safari>Preferences>Security>Show Cookies
Cookies in Action Google Mail Authentication Window
Web Standards ,[object Object],[object Object]
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 .
Task 1: AWT’s ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Critically Discuss: Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS ,[object Object],[object Object],[object Object]
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 ; }
HTML ,[object Object],[object Object],[object Object]
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>
Javascript ,[object Object],[object Object]
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>
PHP ,[object Object],[object Object]
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>

More Related Content

What's hot

Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
Jussi Pohjolainen
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
omarshehab
 
Html xhtml css
Html xhtml cssHtml xhtml css
Html xhtml css
L15338
 

What's hot (20)

Introduction to HTML 5
Introduction to HTML 5Introduction to HTML 5
Introduction to HTML 5
 
Introduction css
Introduction cssIntroduction css
Introduction css
 
Html & CSS
Html & CSSHtml & CSS
Html & CSS
 
Boostrap basics
Boostrap basicsBoostrap basics
Boostrap basics
 
Introduction to Basic Concepts in Web
Introduction to Basic Concepts in WebIntroduction to Basic Concepts in Web
Introduction to Basic Concepts in Web
 
Web development using html and wordpress
Web development using html and wordpressWeb development using html and wordpress
Web development using html and wordpress
 
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
 
Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2Front-end development introduction (JavaScript). Part 2
Front-end development introduction (JavaScript). Part 2
 
Web design using html
Web design using htmlWeb design using html
Web design using html
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
 
HTML CSS and Web Development
HTML CSS and Web DevelopmentHTML CSS and Web Development
HTML CSS and Web Development
 
Lean And Clean! Building A Site With Web Standards
Lean And Clean! Building A Site With Web StandardsLean And Clean! Building A Site With Web Standards
Lean And Clean! Building A Site With Web Standards
 
11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP11 Quiz related to HTML, CSS, JS and WP
11 Quiz related to HTML, CSS, JS and WP
 
Web Development basics with WordPress
Web Development basics with WordPressWeb Development basics with WordPress
Web Development basics with WordPress
 
Html
HtmlHtml
Html
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
How develop a web application?
How develop a web application?How develop a web application?
How develop a web application?
 
Html xhtml css
Html xhtml cssHtml xhtml css
Html xhtml css
 
Organize Your Website With Advanced CSS Tricks
Organize Your Website With Advanced CSS TricksOrganize Your Website With Advanced CSS Tricks
Organize Your Website With Advanced CSS Tricks
 
Web Publishing terminology 1
Web Publishing terminology 1Web Publishing terminology 1
Web Publishing terminology 1
 

Similar to Ndim1 2009 Web Design

Similar to Ndim1 2009 Web Design (20)

Iwt module 1
Iwt  module 1Iwt  module 1
Iwt module 1
 
Unit 01 (1).pdf
Unit 01 (1).pdfUnit 01 (1).pdf
Unit 01 (1).pdf
 
Lean And Clean! Building A Site With
Lean And Clean! Building A Site WithLean And Clean! Building A Site With
Lean And Clean! Building A Site With
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Seo and analytics basics
Seo and analytics basicsSeo and analytics basics
Seo and analytics basics
 
Web Concepts - an introduction - introduction
Web Concepts - an introduction - introductionWeb Concepts - an introduction - introduction
Web Concepts - an introduction - introduction
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8Welcome to IE8 - Integrating Your Site With Internet Explorer 8
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
 
02 From HTML tags to XHTML
02 From HTML tags to XHTML02 From HTML tags to XHTML
02 From HTML tags to XHTML
 
WT Module-1.pdf
WT Module-1.pdfWT Module-1.pdf
WT Module-1.pdf
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
 
WEB Module 1.pdf
WEB Module 1.pdfWEB Module 1.pdf
WEB Module 1.pdf
 
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTMLWEB TECHNOLOGY:Web Essentials and Markup Language HTML
WEB TECHNOLOGY:Web Essentials and Markup Language HTML
 
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
Les Basiques - Web  Développement HTML5, CSS3, JS et PHPLes Basiques - Web  Développement HTML5, CSS3, JS et PHP
Les Basiques - Web Développement HTML5, CSS3, JS et PHP
 
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptxWELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
 
Introduction css
Introduction cssIntroduction css
Introduction css
 
Day1
Day1Day1
Day1
 
Url
UrlUrl
Url
 
Web Programming introduction
Web Programming introductionWeb Programming introduction
Web Programming introduction
 
Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1
 
How the Web Works Using HTML
How the Web Works Using HTMLHow the Web Works Using HTML
How the Web Works Using HTML
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 

Ndim1 2009 Web Design

  • 1. Advanced Web Technologies Unit 39: Website Design
  • 2.
  • 3.
  • 4.  
  • 5. Browser Use November 2008 Source: wikipedia.org
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Cookies on Safari Safari>Preferences>Security>Show Cookies
  • 11. Cookies in Action Google Mail Authentication Window
  • 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 .
  • 14.
  • 15.
  • 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 ; }
  • 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>
  • 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>
  • 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>