XHTML and Style. History of the Internet Internet has been around since the early 1960’s as part of a program with universities and the US government.

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
Advertisements

Creating Pages in XHTML
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 4: Horizontal Rules and Graphical Elements.
Project 1 Introduction to HTML.
HTML and XHTML Controlling the Display Of Web Content.
Chapter 1 Understanding the Web Design Environment
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Copenhagen, 6 June 2006 Modern Web standards in CHM portals Mădălina Sauca Finsiel Romania.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Chapter 3 Adding Images in HTML. Agenda Understanding Web Page Images Prepare Your Images for the Web Insert an Image Specify an Image Size Add Alternative.
Chapter 1 Variables in the Web Design Environment
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
Chapter 1 Introduction to HTML, XHTML, and CSS
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
Styles with Cascading Style Sheets (CSS) Web Design – Section 4-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 4: Horizontal Rules and Graphical Elements © 2007 Prosoft Learning Corporation All rights.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
IT Introduction to Website Development Welcome!
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
HTML and XML Behind Web Authoring Tools. 2 Objectives Introduce HTML Learn HTML Step by step Introduce XML.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
Introduction to web development and HTML MGMT 230 LAB.
WDMD 170 – UW Stevens Point 1 WDMD 170 Internet Languages eLesson: HTML/XHTML Tables (NON-audio version) © Dr. David C. Gibbs
1 Web Application Programming Presented by: Mehwish Shafiq.
XML Basics A brief introduction to XML in general 1XML Basics.
Adding Images. XHTML Element ElementAttributeAttribute Value Closing tag AttributeAttribute Value The src attribute supplies the name and location of.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
WRA 210: 10/7/13 IMAGES. TODAY’S AGENDA Reminder about Module 8 - test your links!Module 8 Overview of hierarchies, naming How images work on the web.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Cascading Style Sheets (CSS) EXPLORING COMPUTER SCIENCE – LESSON 3-5.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Cascading Style Sheets (CSS)
Web Basics: HTML/CSS/JavaScript What are they?
Project 1 Introduction to HTML.
Web Site Development and Macromedia Dreamweaver 8
Chapter 1 Introduction to HTML.
Styles with Cascading Style Sheets (CSS)
Project 1 Introduction to HTML.
3.02B Authoring Languages 3.02 Develop webpages..
Navigation Design/Structure
3.02B Authoring Languages 3.02 Develop webpages..
Lesson 3: Cascading Style Sheets (CSS) and Graphical Elements
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

xHTML and Style

History of the Internet Internet has been around since the early 1960’s as part of a program with universities and the US government Mosaic, the first graphic based browser, was developed in Traffic on the Internet expands at a 341,634% annual growth rate.

HTML vs xHTML HTML is a subset of XML XML has exact standards for structuring documents and presentations HTML broke all the standards over the years and xHTML is a means of moving HTML back into XML standards

HTML vs xHTML Having standards allows xHTML to be more universal in its application xHTML allows for “web pages” to be viewed on a growing number of platforms and devices including PDA’s and cell phones.

HTML vs xHTML xHTML allows you to separate the data from the presentation layer. The presentation layer ensures that the communications passing through are in the appropriate form for the recipient You no longer have a “flat document”

HTML vs xHTML

xHTML Fundamentals Markup Language Elements are xHTML instructions Attributes specify parameters Styles specify formatting

xHTML document structure xHTML tags need to be nested in order and tags properly closed [information about the document] [data to appear on browser page]

xHTML Basics Tags begin with opening brackets and are closed with closing brackets There are exceptions, e.g. The “break tag” - - open & close in one tag. Creating an xHTML document is about planning for scalability Spelling and typo’s count

xHTML Basics Get in the habit of typing in lower case Do not use spaces in file names Use underscores _ or dashes – in file names Number files, documents, etc using 01, 02, 03,… instead of 1, 2, 3, …

Proper numbering allows you to view files in order Correct Miss a number Disorder

Creating Web Pages HTML/XHTML Intro File structure:

Learning more about XHTML xHTML will fully replace HTML New standards will mean more will be done with Cascading Style Sheets in terms of presentation and design Through the use of CSS and XML will make HTML obsolete.

Colour on the Web Image file formats –JPG (joint photographic group) –GIF (graphic interlace file) –PNG (portable network graphic) RGB and Hex 216 ‘Web-safe’ colors

Cascading style sheets - CSS A “language” separate from xHTML CSS controls the style of xHTML elements. Classes of xHTML elements can be created. Basic xHTML code can be maintained CSS can be managed separately from the xHTML documents

CSS and xHTML Separate CSS allows you to use xHTML tags for the purpose they are designed. Its more about what the tags mean instead of what the effect. Use tags for the intended original purpose – providing structure.

Summary HTML is a language to create or render web documents. HTML is superceded by XHTML HTML will be phased out over the next few years HTML tags provide structure for information in a web page.

Creating Web Pages HTML/XHTML Intro Users limited view:

Creating Web Pages HTML/XHTML Intro Site Structure:

Creating Web Pages HTML/XHTML Intro Site Structure: Poor layout

Creating Web Pages HTML/XHTML Intro Site Structure: too shallow

Creating Web Pages HTML/XHTML Intro Site Structure: too deep

Creating Web Pages HTML/XHTML Intro Site Structure: balanced

Creating Web Pages HTML/XHTML Intro Site Structure: sequence

Creating Web Pages HTML/XHTML Intro Site Structure: hierarchy

Creating Web Pages HTML/XHTML Intro Site Structure: grid

Creating Web Pages HTML/XHTML Intro Site Structure: web

Creating Web Pages HTML/XHTML Intro