Web page technologies: XHTML, MathMl, SVG, CSS3

XHTML + CSS + MathML + SVG

XHTML + CSS + MathML + SVG
Parabola notes • Spreadsheet to build parabola paths
Parabola demonstration SVG embedded in XHTML
Regular polygons inscribed in a circle • Supporting spreadsheet
XHTML file suffix with XHTML + MathML + SVG DTD to enable entities
SVG example
rectangle.svg
Hover tabs
XHTML+MathML+SVG Physical science midterm example
Portal concept SVG
Expanded heptagon portal concept SVG using HSL colors
MathMl in SVG
SVG used in the fine arts: pseudo poem
XHTML foreignObject in SVG in XHTML pseudo poem
SVG, MathMl in HTML5 served as text/html
MathMl, SVG, SVG with HTML foreignObject in HTML5 served as text/html
SVG graph
Bubble form nth-child selector CSS3 + SVG
xmlns still required, delete xmlns from html element and serial mess results

SVG Animations

As of December 2009 only Opera 10.10 could render all of the SVG animations below. Google Chrome can render some animations, but apparently not those using attributeName="d" for the <path> element. Chrome appears to render with an instantaneous duration and remove. Mozilla Developer Preview 3.7 alpha 5 renders animateMotion.

SVG animation I
SVG animation II: Conservation of momentum
SVG animation III: Rolling ball with time versus distance graph • Google Chrome friendly variant
SVG animation IV: Accelerating ball with time versus distance graph
SVG animation V: Height versus velocity square root graph
SVG animation VI: Ball bounce using Mozilla friendly animateMotion

HTML5

HTML 5 test bed
HTML5 valid under technology preview conformance checker
Technology preview conformance checker
HTML5 Working Draft
Body clean
SVG, MathMl in HTML5 served as text/html
MathMl, SVG, SVG with HTML foreignObject in HTML5 served as text/html
Test case for HTML foreignObject in SVG served as text/html bug in FireFox 4 beta 1

CSS3: x11 and HSL colors

x11 colors in HSL order • Saturation LH order • Luminosity SH order • Generator
x11 colors on white
x11 colors on gray
x11 colors on black
hsl on a radial • Generating OpenDocument spreadsheet
CSS template generated from HSL radial • xls

HSLA test page

HTML

HTML Notes I
Result
Scanning Paper friendly version
Hyperlinks
Validation
HTML UpLoad Validator

XHTML 2.0

Stripping OpenOffice Calc docs of special codes

Notes on how to strip SDVAL, SDNUM, and other codes with find and replace in HTML-Kit using regular expressions in the find box.

Lubuntu Keyboard Shortcuts

Lubuntu OpenBox LXDE shortcuts [as of Lubuntu 13.04 Raring Ringtail]
Lubuntu OpenBox LXDE shortcuts LibreOffice.org document

Validators

HTML UpLoad Validator
HTML URI Validator
CSS Validator by text area
CSS Validator by URI
CSS Validator by upload

JavaScript

Introduction to JavaScript
HTML 4.01 Skeleton
Intro to JavaScript Handout 2
Script Scrap Output
Script Style Changer
Intro to JavaScript Handout 3
JavaScript 3
Javascript Example Fall 2002
Clock

Javascript sample pages

Change styles via drop down lists
Determine your day name and characteristics
Color scheme set by time of day page loads.

IS 201 Computer Information Systems course 2001 – 2002

Fall 2002

Syllabus/Calendar
Quiz 01
Quiz 02
T1
T1 Q15 Answer
Quiz 03
Quiz 04 Redirector
Quiz 04 actual
Midterm Fall 2002
Midterm solution
Midterm crosstab spreadsheet
Quiz 05
Quiz 06
Quiz 07
Quiz 08 11/29/02 with Sand font question
Web page project: DTD and Charset example
DTD and Charset inclass handout
Security: Antivirus, Firewalls, Hoaxes, Spam
DayName Excel Spreadsheet

Student Pages Fall 2002

The key to an interesting page is to keep it unique and specific. If a page about a place in Micronesia, do not write the same generic and common description seen on tourism pages. Write from your unique perspective.

Student Web Pages Fall 2002
Alfred: COMFSM Facility Resources Donelson Easteen: Introduction to Pollap Felix Gary Dale: Kosraen chants James: Yapese dance Jerson Bdeez Joshua: Origin legend of Puluwat [Alt] Kun Page Two: Legend of Sahtacf Maria: Kamadipw en Kehmei Marmaw Matthew: Giant lizard of Yap	Maurino: Origin legend of Satawal Merlinda: Funeral custom in Pohnpei Michael: Changes in Pohnpei Nahson Pedro Petrus: Yap Ramsie Rocky: Outer island Yapese culture Sammy-Ray: Sakau Sehra Stephen: Student activities and open league Tanya Tinson: Legends and Languages of Kosrae

Spring 2002

Syllabus/Calendar
Quiz 01
Test 01
Test One Result
Quiz 02
Quiz 03
Midterm
Quiz 04
Quiz 05
Test 02
Quiz 06
Quiz 07
Quiz 08

Student Web Pages Spring 2002
Anarita Angie Bev Boone BRain Carnis 2 3 4 Elser Emmy Emmyrose Gene java1	Jeyt Jose Jpretrick Junpretrick Katalina Kenny Kephas home Kephas page koakoa Laurette Laurette's Lomadic Loria	Marky Mellie-Jean Mixon PelPel Petrose Sehra Ezekiah Semrina Tinson Wendell Wenson WensonNew

Old Junque

Fall 2001

Quizzes and Tests

Other Pages

General
Syllabus and calendar Visual Gallery Viruses, Hoaxes, Privacy
HTML
HTML notes HTML Project Specifications
CSS
Generic fonts and spacing Centering in CSS X11 color chart (printable!) X11 color chart black bg Pseudo classes in CSS :link :visited :hover :active :first-letter
Javascript
Script scrap Background changing script In-class script work Color choices using my initials Change colors via buttons! Change styles via drop down lists!

Quiz 01
Quiz 02
Test 01
Quiz 03
Quiz 04
Quiz 05
Midterm
Quiz 06
Quiz 07
Quiz 09
Quiz 10
Quiz 11
Quiz 12
Quiz 13
Final Example
Final Exam Useful Information

CSS Test Page
chocolate.css
turquoise.css
CSS Turquoise Web Page

Student Web Pages Fall 2001
Valid HTML 4.01 Strict and CSS submitted by 07 December (50) Ander Belarmino Dakiko Gabriela Glen Joe Killy Eulelia Sistine Jerrold Juleen Works in progress: Jason Jasmine charset Jennifer Loyal Shirline Steven Tony Vince

Courses • COMFSM