L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Web Developmentwith XHTML

Web Developmentwith XHTML

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Who has used HTML?

Who has used XHTML?

What’s the difference?

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

XHTML is…

• eXtensible HyperText Markup Language• a W3C Recommendation• evolved from HTML (4.01) to comply with XML

syntax rules• stricter and cleaner than HTML 4• evolving into HTML 5

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

CSSprovides

visualdesign

XMLprovides

data

XHTMLdeliverscontent

to browser

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Learning XHTML

• First learn HTML• Then apply XHTML rules:

– tags must be properly nested– tags must always be closed <br />– tags must be lowercase <ul> not <UL>– tag attributes must be in quotes– mandatory header elements must be included

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Development Process

• Edit HTML in text editor • Save as .html or .htm file• Open file from Web browser• Further edit HTML in text editor• Save• Refresh page in Web browser

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Development Process

• Development typically takes place on local PC• Finished Web site is uploaded to server

(staging or production)• Changes to Web site are made on local

machine and uploaded when completed• Two copies of the Web site are maintained,

one local and one on server.

L I S 4 9 3 0 W e b A p p l i c a t i o n D e s i g n

Development Process

• Web development tools are often used to simplify the development process.