SlideShare ist ein Scribd-Unternehmen logo
1 von 73
Downloaden Sie, um offline zu lesen
 XHTML, CSS, Javascript,[object Object],TrầnKhảiHoàng,[object Object]
Website development process,[object Object],HTML vs XHTML,[object Object],CSS,[object Object],Javascript,[object Object],Content,[object Object]
Content,[object Object],I want…,[object Object],I need …,[object Object],Customer,[object Object],Website specification,[object Object],Tester,[object Object],Analyst,[object Object],Sitemap,[object Object],Web developer,[object Object],Designer,[object Object],Wireframe,[object Object],Website,[object Object],Page design,[object Object],Website development process,[object Object],Template,[object Object]
XHTML=EXtensibleHyperText Markup Language,[object Object],XHTML is almost identical to HTML 4.01,[object Object],XHTML is a stricter and XHTML is a W3C Recommendation cleaner version of HTML,[object Object],XHTML is HTML defined as an XML application,[object Object],What is XHTML ?,[object Object]
XHTML elements must be properly nested,[object Object],<b><i>This text is bold and italic</b></i>,[object Object],<b><i>This text is bold and italic</i></b>,[object Object],XHTML elements must always be closed,[object Object],<p>This is a paragraph,[object Object],<p>This is a paragraph</p>,[object Object],XHTML elements must be in lowercase,[object Object],<BODY> a website</BODY>,[object Object],	<body> a website </body>,[object Object],HTML vs XHTML (1),[object Object]
Empty elements must also be Closed,[object Object],A break: <br> ,[object Object],A break: <br/>,[object Object],	All attribute value must be quoted,[object Object],<imgsrc=moutain.jpg/>,[object Object],<imgsrc=“moutain.jpg”/>,[object Object],XHTML documents must have one root element,[object Object],<html><head>…</head</html>><body>…</body>,[object Object],	<html><head>…</head><body>…</body></html>,[object Object],<!DOCTYPE> Is Mandatory,[object Object],HTML vs XHTML (2),[object Object]
XHTML is easier to maintain,[object Object],XHTML is XSL ready,[object Object],XHTML is ready for query using DOM, Xpath,[object Object],XHTML is easier to teach and to learn,[object Object],XHTML is ready for the future,[object Object],Why XHTML ?,[object Object]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ,[object Object],<html xmlns="http://www.w3.org/1999/xhtml" lang="en">,[object Object],<head> ,[object Object],<title>Title here</title> ,[object Object],<meta http-equiv="content-type" content="text/html; charset=UTF-8" />,[object Object],<!-- other head information here --> ,[object Object],</head> ,[object Object],<body> ,[object Object],<!-- other body information here --> ,[object Object],</body> ,[object Object],</html>,[object Object],XHTML basic structure,[object Object]
XHTML 1.0 Strict,[object Object],	This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.,[object Object],	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ,[object Object],XHTML 1.0 Transitional,[object Object],	This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.,[object Object],	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ,[object Object],XHTML 1.0 Frameset,[object Object],	This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content.,[object Object],<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">,[object Object],!DOCTYPE,[object Object]
Validation helps to find errors in XHTML code,[object Object],Validated XHTML prevents website bugs,[object Object],How to validate ?,[object Object],http://validator.w3.org/,[object Object],Web developer add-on (Firefox, IE),[object Object],Validate XHTML,[object Object]
CSS = Cascading Style Sheet,[object Object],CSS consists of rules to display, style and decorate HTML elements,[object Object],Why CSS ?,[object Object],Separate decoration from HTML markup (Ex : <b>,<font>,…),[object Object],Help web development faster,[object Object],Easy to maintain and fix bugs,[object Object],Easy to change website layout & interface,[object Object],What is CSS ?,[object Object]
Total element width  = width + left padding + right padding + left border + right border + left margin + right margin,[object Object],Total element height = height + top padding + bottom padding + top border + bottom border + top margin + bottom margin,[object Object],IE includes padding and border in the width, when the width property is set, unless a DOCTYPE is declared.,[object Object],Box model,[object Object]
A fixed layout is a layout with a fixed width,[object Object],Fixed layout,[object Object],Pros : ,[object Object],[object Object]
Width are the same in all browser
No need min-width,max-width,[object Object],Cons : ,[object Object],[object Object]
Scrollbars when in low resolutionExamples : ,[object Object],http://www.lebloe.com,[object Object],http://www.floridaflourish.com,[object Object]
Fluid (liquid) layout is a layout that adjust to the user’s screen resolution,[object Object],Fluid layout,[object Object],Pros : ,[object Object],[object Object]
No unused spaces
Eliminate horizontal scrollbarCons : ,[object Object],[object Object]
Image, video may have multiple width
Additional space while less content in large resolutionExamples : ,[object Object],http://www.blossomgraphicdesign.com,[object Object]
CSS float allows element to be pushed to left or right so that other elements will wrap on it,[object Object],Ex : img{ float:left;},[object Object],Float usually used for images and layout,[object Object],To turn off other elements to wrap around float, use {clear:both} or clearfix (google it),[object Object],Floating element,[object Object]
Layout using float,[object Object]
Using {position} we can place an element anywhere on webpage,[object Object],position : static;,[object Object],position : fixed;,[object Object],position : relative;,[object Object],position : absolute;,[object Object],Positioning element,[object Object]
Static position,[object Object],static — The default positioning of all elements. Static elements remain in the normal page flow and do not move.,[object Object]
Fixed position,[object Object],fixed — Element will be taken out of the normal flow of the page, and attach to viewable page edges,[object Object],fixed element  will stay visible even when the page is scrolled. ,[object Object],Internet Explorer 6 does not support fixed positioning without !DOCTYPE,[object Object]
Demo fixed element,[object Object],PositionFixed.html,[object Object]
Relative position,[object Object],relative — A relative element will be positioned according to its static place holder,[object Object],relative element  will have a place holder to mark its original place,[object Object]
Demo relative element,[object Object],PositionRelative.html,[object Object]
Absolute position,[object Object],absolute — An absolute-positioned element will be taken out of the normal flow of the page & placed according to its nearest relative-positioned parent.,[object Object],By default, <body> will has position:relative;,[object Object]
Demo absolute position,[object Object],AbsolutePosition.html,[object Object]
Overlap element,[object Object],If 2 element are overlapped when displaying, z-index will be used to specify their orders,[object Object],z-index can be positive or negative,[object Object],Higer z-index will be in front of others,[object Object]
Demo overlap,[object Object],PositionOverlap.html,[object Object]
A technique to replace text with image using CSS ,[object Object],<h1 class=“header"> Toosols online </h1>,[object Object],.header{,[object Object],overflow:hidden;,[object Object],		text-indent:-9999px;,[object Object],background:url(logo.gif) no-repeat;,[object Object],},[object Object],Image replacement,[object Object]
Sliding door,[object Object]
Rounded box,[object Object]
IE6 and below has many CSS bugs,[object Object],Some bugs : ,[object Object],PNG transparency ,[object Object], IE Box model,[object Object],Double margin bug,[object Object],No min/max width/height,[object Object],Cross browser issue,[object Object]
Float left (right) element that has left (right) margin will have double margin,[object Object],Demo : ,[object Object],Fix : ,[object Object],Add display:inline; to the floated element,[object Object],Double margin bug,[object Object]
E6 ignores the min-height property and instead treats height as the minimum height,[object Object],Demo : ,[object Object],Fix : ,[object Object],	/*For IE6*/ ,[object Object],	#container ,[object Object],	{min-height:200px; height:200px;} ,[object Object],	/*For all other browsers*/ ,[object Object],	html>body #container { height:auto;} ,[object Object],Min Height,[object Object]
100% height doesn’t effect in IE6,[object Object],Fix : ,[object Object],Specify a fixed height of its parent element. ,[object Object],Need element fill the full-length of your page, apply height:100%; to both the html and body elements,[object Object],/*100% height of the parent element for IE6*/ ,[object Object],	#parent {height:500px;} ,[object Object],	#child {height:100%;} ,[object Object],	/*100% of the page length for IE6*/ ,[object Object],	html, body {height:100%;} ,[object Object],	#fullLength {height:100%;} ,[object Object],100% Height,[object Object]
Floated elements drop below their expected position when their total width exceeds the content’s width of its container. ,[object Object],Demo ,[object Object],Fix : ,[object Object],Wrap content in a fixed-width container large enough to accommodate the content, or remove the width from the static block.,[object Object],Float Drops,[object Object]
Container will not wrap floated elements properly,[object Object],Fix : ,[object Object],Add width & overflow : hidden to its container,[object Object],Clear float,[object Object]
When text is next to a floated element. IE6 will add a 3px margin between the element and the text, even if none is specified,[object Object],Fix : ,[object Object],When in IE6, apply margin-left : -3px for text,[object Object],3px text jog bug,[object Object]
Identify IE6 to apply CSS or Js fix : ,[object Object],Using Conditional Comments For Internet Explorer,[object Object],Use Javascript to identify IE6,[object Object],Use IE 6 unsupported CSS Selectors,[object Object],IE filter,[object Object]
Strategy to avoid IE issue :,[object Object],Start working with an standard compliant browser (like Firefox),[object Object],Use the right DOCTYPE,[object Object],Validate your code,[object Object],Use CSS reset first,[object Object],Use progressive enhancement,[object Object],Way to fix : ,[object Object],Use IE filter,[object Object],Use javascript framework,[object Object],Use IE6 javascript fix,[object Object],Use IE6 hack (not recommend),[object Object],How to overcome IE6 issue,[object Object]
A collection of common CSS for reuse,[object Object],Framework can divide into : ,[object Object],reset ,[object Object],baseline,[object Object],forms,[object Object],typography,[object Object],grid,[object Object],Some framework : ,[object Object],Blue Print,[object Object],YUI Grids,[object Object],YAML ( Yet Another Multicolumn Layout),[object Object],CSS framework,[object Object]
Pros :,[object Object],DRY (Don't repeat yourself),[object Object],Basic concept that makes it easy for other people to,[object Object],	understand the style,[object Object],Implicitly use coding/naming guidelines,[object Object],Cons : ,[object Object],... that are not yours,[object Object],You have to learn the framework,[object Object],Possible semantical implications,[object Object],Might offer too much,[object Object],Pros and Cons,[object Object]
http://blueprintcss.googlecode.com,[object Object],License: MIT,[object Object],Based on the idea of splitting the width of apage into 24 columns (with 40px = 30px +10px margin each),[object Object],By default max-width 950px (24 * 40 -10),[object Object],No fluid layout possible (yet),[object Object],Introduce Blueprint,[object Object]
Invented in 1995, became ISO standard in 1998,[object Object],Runs within a host environment (Web browser, adobe acrobat, …),[object Object],Javascript capable of : ,[object Object],Programming,[object Object],React to events,[object Object],DOM manipulation : read,write,modify HTML elements,[object Object],Change CSS at runtime,[object Object],Read, write cookies,[object Object],Animation (with the help of some library),[object Object],Javascript,[object Object]
Mô hình quan hệ giữa các node,[object Object],HTML DOM tree,[object Object]
Quan hệ giữa các node,[object Object],HTMLDOM example,[object Object]
Lấy 1 node,[object Object],Get an HTML DOM node,[object Object],[object Object]
X.getElementByTagName( name) : get list of elements with provided tag name in X45,[object Object]
Thuộc tính 1 node,[object Object],HTML DOM Node access,[object Object],[object Object]
X.nodeName : node name of X
X.parentNode: parent node
X.childNodes: array of X children nodes
X.attributes : array of X attributes
X.firstChild : X’ first child node
X.lastChild : X’ last chid node
X.nextSibling : X next sibling node
X.previousSibling : X previous sibling node			X is an HTML DOM node,[object Object]
innerHTML vs outerHTML,[object Object],innerHTMLvsouterHTML,[object Object],outerHTML,[object Object],a,[object Object],<div> Hello <b>World</b> </div>,[object Object],innerHTML,[object Object]
Ví dụ innerHTML,[object Object],HTML DOM traverse Example,[object Object]
Thêm, xóa 1 node,[object Object],Add-remove nodes,[object Object],[object Object]
X.removeChild ( Y ) : remove node Y out of node X
document.createTextNode(“Text”) : create a text node
document.createElement(TagName) : create an element node,[object Object]
Làm việc với thuộc tính,[object Object],Modify attributes,[object Object],[object Object]
X.setAttribute(“Attribute name”,”Attribute value”) : Set attribute value
X.removeAttribute(“Attribute name”) : Remove attribute,[object Object]
To change CSS style : ,[object Object]
Ví dụ,[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)
ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)
ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)Clément Wehrung
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshellLennart Schoors
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examplesAlfredo Torre
 
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]Aaron Gustafson
 
An Introduction To HTML5
An Introduction To HTML5An Introduction To HTML5
An Introduction To HTML5Robert Nyman
 
Web I - 02 - XHTML Introduction
Web I - 02 - XHTML IntroductionWeb I - 02 - XHTML Introduction
Web I - 02 - XHTML IntroductionRandy Connolly
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5Sayed Ahmed
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5Derek Bender
 
Html css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers workHtml css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers workAlbino Tonnina
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New FeaturesAta Ebrahimi
 
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScriptAn Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScriptTroyfawkes
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohanballychohanuk
 
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011Zi Bin Cheah
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5IT Geeks
 

Was ist angesagt? (20)

ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)
ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)
ePub 3, HTML 5 & CSS 3 (+ Fixed-Layout)
 
Html and Xhtml
Html and XhtmlHtml and Xhtml
Html and Xhtml
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]Web Standards: Fueling Innovation [Web Design World Boston '08]
Web Standards: Fueling Innovation [Web Design World Boston '08]
 
An Introduction To HTML5
An Introduction To HTML5An Introduction To HTML5
An Introduction To HTML5
 
Web I - 02 - XHTML Introduction
Web I - 02 - XHTML IntroductionWeb I - 02 - XHTML Introduction
Web I - 02 - XHTML Introduction
 
Introduction to html 5
Introduction to html 5Introduction to html 5
Introduction to html 5
 
Looking into HTML5
Looking into HTML5Looking into HTML5
Looking into HTML5
 
The Future of the Web: HTML5
The Future of the Web: HTML5The Future of the Web: HTML5
The Future of the Web: HTML5
 
Html css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers workHtml css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers work
 
HTML CSS & Javascript
HTML CSS & JavascriptHTML CSS & Javascript
HTML CSS & Javascript
 
Html 5 New Features
Html 5 New FeaturesHtml 5 New Features
Html 5 New Features
 
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScriptAn Seo’s Intro to Web Dev, HTML, CSS and JavaScript
An Seo’s Intro to Web Dev, HTML, CSS and JavaScript
 
Html 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally ChohanHtml 5 tutorial - By Bally Chohan
Html 5 tutorial - By Bally Chohan
 
WWW and HTTP
WWW and HTTPWWW and HTTP
WWW and HTTP
 
Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011Taiwan Web Standards Talk 2011
Taiwan Web Standards Talk 2011
 
Intro to html 5
Intro to html 5Intro to html 5
Intro to html 5
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 

Ähnlich wie Css, xhtml, javascript

Making Your Site Look Great in IE7
Making Your Site Look Great in IE7Making Your Site Look Great in IE7
Making Your Site Look Great in IE7goodfriday
 
Worry free web development
Worry free web developmentWorry free web development
Worry free web developmentEstelle Weyl
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1Heather Rock
 
Frames and its components
Frames and its components Frames and its components
Frames and its components Deepam Aggarwal
 
XHTML and CSS
XHTML and CSS XHTML and CSS
XHTML and CSS peak3
 
Front end full stack development module 1pptx
Front end full stack development module 1pptxFront end full stack development module 1pptx
Front end full stack development module 1pptxMaruthiPrasad96
 
WordPress Development Confoo 2010
WordPress Development Confoo 2010WordPress Development Confoo 2010
WordPress Development Confoo 2010Brendan Sera-Shriar
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptxmalrad1
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete ReferenceEPAM Systems
 
Sitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateSitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateDaniel Downs
 

Ähnlich wie Css, xhtml, javascript (20)

jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
Making Your Site Look Great in IE7
Making Your Site Look Great in IE7Making Your Site Look Great in IE7
Making Your Site Look Great in IE7
 
Worry free web development
Worry free web developmentWorry free web development
Worry free web development
 
HTML literals, the JSX of the platform
HTML literals, the JSX of the platformHTML literals, the JSX of the platform
HTML literals, the JSX of the platform
 
GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1GDI Seattle Intermediate HTML and CSS Class 1
GDI Seattle Intermediate HTML and CSS Class 1
 
New Browsers
New BrowsersNew Browsers
New Browsers
 
Frames and its components
Frames and its components Frames and its components
Frames and its components
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
Html5 tutorial
Html5 tutorialHtml5 tutorial
Html5 tutorial
 
XHTML and CSS
XHTML and CSS XHTML and CSS
XHTML and CSS
 
Front end full stack development module 1pptx
Front end full stack development module 1pptxFront end full stack development module 1pptx
Front end full stack development module 1pptx
 
HTML5 and Joomla! 2.5 Template
HTML5 and Joomla! 2.5 TemplateHTML5 and Joomla! 2.5 Template
HTML5 and Joomla! 2.5 Template
 
WordPress Development Confoo 2010
WordPress Development Confoo 2010WordPress Development Confoo 2010
WordPress Development Confoo 2010
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
HTML 5 Complete Reference
HTML 5 Complete ReferenceHTML 5 Complete Reference
HTML 5 Complete Reference
 
Sitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateSitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_template
 
Html basic
Html basicHtml basic
Html basic
 

Kürzlich hochgeladen

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdfPaige Cruz
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimizationarrow10202532yuvraj
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Juan Carlos Gonzalez
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 

Kürzlich hochgeladen (20)

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf99.99% of Your Traces  Are (Probably) Trash (SRECon NA 2024).pdf
99.99% of Your Traces Are (Probably) Trash (SRECon NA 2024).pdf
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization100+ ChatGPT Prompts for SEO Optimization
100+ ChatGPT Prompts for SEO Optimization
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 

Css, xhtml, javascript

Hinweis der Redaktion

  1. A fixed website layout has a wrapper that is a fixed width, and the components inside it have either percentage widths or fixed widths. The important thing is that the container (wrapper) element is set to not move. No matter what screen resolution the visitor has, he or she will see the same width as other visitors.The image above shows the general outline of a fixed-width website layout. The components inside are fixed to 520, 200 and 200 pixels, respectively. A 960-pixel width has become the standard in modern Web design because most website users are assumed to browse in 1024×768 resolution or higher.