- RSS site of the day from: XML site of the day from
Today’s topics are an introduction to XML, and time to work on Dreamweaver/final projects.Remember what defines the “X” version of HTML (XHTML). XHTML is HTML written to XML standards.
- Tags, attributes, values must be lowercase (in XML they are case-sensitive but uppercase can be used)
- Tags must be properly nested
- All “non-empty tags” must be closed (e.g. <p> needs </p>). An example of an HTML “empty tag” is <br>
- All empty tags in XHTML are written with a trailing slash: <br /> or <img src=.... />
- Values of attributes need "" e.g. <img ... alt="Photo of our cat, Larry" />
- All attributes need values, e.g. noresize="noresize"
- Plus always start files with a doctype declaration, such as
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> or <!doctype html>Here is a Sample that shows IE5+ can read XML files without conversions to HTML. Then here are XML pages I wrote to show a well-formed and a valid document. Note that a valid document can be standalone, as in that case, or with an internal or external DTD (document type declaration) as with Twelfth Night that I formatted using CSS (XSL, the style sheet DOM-based language for XML only, can also be used).
Google's developer site has a lot that you might need to know. Not surprisingly, the Custom Search code is itself XML. And here is my Prezi on markup languages, my RSS demo (RSS is made of XML), Adobe's SVG center and an SVG file I wrote (see Pike's tutorial) and embedded in an HTML page with <object>, plus one from DART430 that embeds with <svg> (and it's 3-D CSS).
Final test on Thursday, Dec. 15 at 8 a.m. in this lab (Holroyd 167)
Final test will cover:All material from Nov. 1 on, specifically
Readings are: from HTML & CSS, chapters 7, 14, 9 and (review) 15, 18, 19. Also the DOM handout.- project planning (the basic steps in the cycle)
- iframes, targeting an iframe
- forms and HTML5 form elements (maybe review this list of HTML5 features)
- CSS positioning; review float: and position:
- CSS3 properties
- image maps
- Web development (SEO-what is it, what are the basic things you can do)
- @font-face
- scripting, JavaScript, jQuery
- animated GIFs
- what are RSS, SVG
- Basic XML
Plus XHTML and CSS coding (be able to look at a page of code and spot and correct errors).
Site maintained by John Beatty