Today’s topics are an introduction to SVG, and time to work on final revised website.Also 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>
- (Optional) 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" >
- (Optional) All attributes need values, e.g. required="required"
- Plus always start files with a doctype declaration, i. e.
<!DOCTYPE html> for HTML5.
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), and an SVG file I wrote (see Pike's tutorial) and placed in an HTML page with <img>, plus one from DART430 that embeds with <svg> (and it's 3-D CSS).
Final test on Monday, December 10 at 4 p.m. in Holroyd 290
Final test will cover:All material from Oct. 31 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 layout: flexbox, Grid, review float:
- 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