Subject: xsl, "Access is denied" problem	Topic: Main
Author: David Gradwell	Date: October 22, 2008 1:38 PM

Subject: Re:xsl, "Access is denied" problem	Topic: Main
Author: Christopher Lochstet	Date: October 27, 2008 11:18 PM

-----Wk01Pr01: Introduction to HTML

• HTML  - Hypertext Markup Language
   
• XHTML - Extensible Hypertext Markup Language
   
• XML   - Extensible Markup Language
   
• HTTP  - Hypertext Transfer Protocol
   
• CSS   - Cascading Style Sheets
   
• XSL   - Extensible Stylesheet Language
   
• XSD   - XML Schema Definition
   
• DTD   - Document Type Definition

-----Orientation: Getting Familure with the Class

===Home Page › Getting Started 
 - 'Calander' might not always be up to date.
[ ]: View video(s) at bottom of this page.
===Temporary Notes Site

-----Wk01Pr01: Introduction to HTML

• The Internet - a worldwide collection of computer networks. (pg.4)
• A network - two or more connected computers that share resources and information. (pg.4)
• The Internet backbone - a collection of high-speed data lines that connect major computer systems worldwide. (pg.4)
• Internet Service Provider (ISP) - a company with a permanent connection to the internet backbone that supply users with an internet connection. (pg.4)
• The World Wide Web (Web) - part of the Internet that supplies multimedia and consists of a collection of linked documents. (pg.6)
• Multimedia - text(?), graphic, sound, video... (pg.6)
• To support multimedia, the Web relies on the Hypertext Transfer Protocol (HTTP). HTTP is a set of rules for exchanging text and multimedia. (pg.6)
• Web pages - the linked documents on the Web. Can include any text or multimedia. (pg.6)
• Web site (Internet site) - a related collection of Web pages. (pg.6)
• Each Web site contains a home page. It is the first Web page on a Web site. (pg.6)
• Web pages are stored on a Web server (host), which stores and sends Web pages and other files. (pg.6)
• Publishing - copying Web pages and other files to a Web server. (pg.6)
• Internet site (Web site) - a site generally available to the public. (pg.7)
• Electronic commerce (e-commerce) - the buying and selling of goods and servies on the Internet. (pg.8)
• Intranet - a private network that uses Interent technologies to share company information among employees. (pg.8)
• Extranet - a private network that uses Interent technologies to share business information with select cororate partners or key customers. (pg.8)
• Web browser. (pg.9)
• Uniform Resource Locator (URL) - the address of a document or other file accessible on the Internet. (pg.9)
• Link (hyperlink). (pg.9)
• Hypertext Markup Language (HTML) - an authoring language used to create documents on the World Wide Web. (pg.9)
• HTML uses a special set of instructions called tags (markup) to define the structure and layout of a Web document and specify how the page is displayed in a browser. (pg.9)
• HTML is platform independent. (pg.10)
• HTML elements include headings, paragraphs, hyperlinks, lists, images, etc. They consist of start tag, content, and end tag. (pg.11)
• In the early projects in this book, you will use various HTML tags to alter the style (look) of a Web page. (pg.12)
• With Cascading Style Sheets (CSS), you write code that allows you to control an element within a single Web page or throughout an entire Web site. (pg.12)
• Dynamic HTML (DHTML) describes a combination of HTML tags, CSS, and a scripting language (like JavaScript), to provide added functionality to HTML. (pg.12)
• Extensible Markup Language (XML) uses tags to describe the structure and content of a document, not the format. (pg.12)
• Extensible Hypertext Markup Language (XHTML) - a reformulation of HTML so it conforms to XML rules. (pg.12)
• Text editor - program to enter, change, save, and print text, such as HTML. (pg.13)
• HTML editor - program that provides text editing as well as advanced features such as color-coding HTML tags, menus to insert HTML tags, and spell checkers. (pg.14)
• WYSIWYG editor - program that provides a graphical user interface to preview a Web page during development. (pronounced wizzywig) (pg.14)
• ===Web Site Design and Development (a life cycle step). (pg.16)
• A linear Web site structure connects Web pages in a straight line. (pg.16)
• A hierarchical Web site structure connects Web pages in a tree-like structure. (pg.16)
• A webbed Web site structure connects Web pages in no specific structure. (pg.17)
• A broad Web site is when the home page is the main index to all the sites pages. (pg.17)
• A deep Web site has many levels and requires the user to click throught many pages to get to a page. (pg.18)
• ===Web Site Testing (a life cycle step). (pg.20)
• Usability measure how well a product or Web site allows the user to accomplish his goals. (pg.20)
• Usability testing is done by asking users to evaluate usability. (pg.20)
• ===Web Site Implementation and Maintenance (a life cycle step). (pg.21)
• A log is the file that lists all the Web pages that have been requested from the Web site. (pg.22)
• (copied from Prof Yoxheimer's notes : very good)
  
  • Domain name - A Human readable form of IP address.
  • TCP - Transmission Control Protocol
  • IP - Internet Protocol
  • IP Address - A set of four numbers ranging from 0 to 255 that uniquely identifies a device or (network card) on a computer network on the Internet.
  • Protocol - A set of rules or procedures, in out context used to govern communications.
  • Ports - A number from 0 to 65535 that identifies a computer application or computer program on a computer.

===Web Site Types and Purposes oses (pg.7)
- Internet - anyone.
- Intranet - employees and members.
- Extranet - select business partners or customers.

===Web Browsers (pg.9)

=====What Is Hypertext Markup Language (HTML) (pg.9)

===HTML Coding Practices (pg.11)
- ...are designed to simplify creating and editing HTML pages.
- ...ensure pages appear correctly in different browsers.
- You should separate sections with a blank line. This will not appear in the output.

===HTML Versiona (pg.11)
- To ensure that browsers will will interpret new versions of HTML, the W3C maintains HTML specifications.
- W3C's HTML standards and specifications are publicly available on their Web site.

===Cascading Style Sheets (CSS) (pg.12)
- (Not CSS) Easy. List of HTML tags and their attributes to alter Web page elements. (see Apendix A)
- Cascading Style Sheets (CSS) controls an element on whole Web page, or whole Web site. Covered in Ch.8.

===Dynamic HTML (DHTML) (pg.12)
- Dynamic HTML (DHTML) is used with other Web technologies to provide additional functionality.
- Dynamic HTML (DHTML) is a combination of HTML tags, CSS, and a scripting language like JavaScript.
- Covered in later projects.

===Extensible Hypertext Markup Language (XHTML) (pg.12)
- XHTML is used to describe the structure and content of a document, not the format.
- XHTML is a reformulation of HTML, that conforms to the rules of Extensible Markup Language (XML).
- 'By incorporating HTML and XML, XHTML combines the benefits of the display features of HTML, and the stricter coding standards required by XML'.
- All book examples adhear to XHTML rules outlined in Table 1-3 pg.13.

=====Tools for Creating HTML Documents (pg.13)
- Text editors: type in text and HTML tags.
- HTML editors: Macromedia, HomeSite, or BBEdit.
- Save as Web Page: Microsoft Word, Excel, and PowerPoint.
- Microsoft Access, can create a Web page that allows add, edit, or view data in a database.
- WYSIWYG: Microsoft FrontPage, Macromedia Dreamweaver, or Sausage Software HotDog.

-----Wk02Pr02: Creating and Editing a Web Page

- Homework - Assignment 1: Create web page.

• ===Window Elements. (pg.32)
• The title appears on the title bar of the browser (and search engines). (pg.32)
• Favorites (bookmarks) are named with the 'title'. (pg.32)
• The body is displayed in the browser window. (pg.32)
• The background is a solid color or image (tiled). It is displayed under other elements on the page. (pg.32)
• ===Text Elements. (pg.32)
• The normal text is the default text. (pg.32)
• A list are typically bulleted or numbered. (pg.33)
• Headings are used to set off different paragraphs or sections. (pg.33)
• ===Image Elements. (pg.33)
• Inline image - the image is stored in a separate file, such as a jpg. (pg.33)
• Image map - defines 'hotspots' in the image. (pg.33)
• Hotspot - area of the image that activates a function when selected. (pg.33)
• Some 'inline images' are animated. - they include motion or change appearance. (pg.33)
• Horizontal rules - lines displayed across the Web page. (can use an image) (pg.33) <hr /> (pg.56)
• ===miscellaneous.
• Text links (hypertext links) - most commonly used hyperlinks. (pg.33)
• Multitasking - capability to have more than one program or process running at the same time. (pg.47)
• ===Image Types. (pg.51)
• Graphics Interchange Format (GIF) - LZW Compression. Need a license to make these. Interlaced and noninterlaced. Starts blurred. (pg.51)
• Joint Photographic Experts Group (JPEG) - More colors and resolutions. (pg.51)
• Portable Network Graphics (PNG) - Patent-free alternative to GIF, developed by World Wide Web Consortium. (pg.51)

===Introduction (pg.30)

===Text Elements (pg.32) (more on pg.98)
- Normal text (default) can be formated.
    . bold <strong>.
    . italic <em>.
    . underlined <u>.
    . different colors, etc.

===Hyperlink Elements (pg.33)
- Point to: other Web pages, other places in the same page, graphics, sound, video, program files, e-mail addresses.

===Notepad (pg.35)
- Enabling 'Word Wrap' does not effect the way text appears when printed.

===ENTERING HTML TAGS AND TEXT (pg.36)
- Start with a <!DOCTYPE> tag (only tag in upper case).
- Then four sets of tags: <html>, <head>, <title>, and <body>.
- Basic sections of the page: 'header information' and the 'body of the page'.
       . <html> head and body </html>. (pg.37)
- Tags without closing tags close with a space and a forward slash.
   Such as <hr /> and <br />

===Image Attributes <img> (pg.52)

===Center a Heading <h1 align="center"> (pg.52)

===Color Chart (pg.55)

===Adding a Horizontal Rule <hr /> (pg.56)

-----Wk03Pr35: Creating Web Pages with Links, Images, and Formatted Text

- Homework - Assignment 2: Trout page, Fonts, Links, Image Map.
- validator.w3.org - Markup Validation Service

• ===Anchor element. (pg.96)
• The target of an anchor element is named location in the same file. (pg.96)
• ===Two Categories of Text Format Tags. (pg.98)
• Logical style tags allow a browser to the tag based on browser settings, relative to other text. (pg.98)
• Physical style tags specify a particular font change. (pg.98)

===Using Links on a Web Page (pg.72)
- To change link color defaults, use IE Tools menu, Internet Options.
- These body attributes apply to the boxes around images as well.
- To change link colors on a Web page, place 'link'(normal), 'alink'(active), and 'vlink'(visited) attributes in the <body> tag. (pg.74)

===Adding a Left-Aligned Heading with a Font Change (pg.82)
- Example: <h1><font color="#000066">Welcome!</font></h1>
- Font attributes: 'color', 'face', 'size'. Size can be 1 to 7, 1 being largest, 3 is the default. Or -3 to +4.
- Shading Example: <span style="background-color: #b4e3b5">Trout Fishers</span>

===Adding a Background Image (pg.87)
- Example: <body bgcolor="#a1d4f1">
- Example: <body background="mypicture.jpg">

===Adding a Text Link (pg.87)
- 'Anchor tag' example: <a href="myurl">mylinktext</a>
- Anchor attributes: (pg.88)
    . href - Specify the URL of the linked page or file.
    . name - Name of the anchor.
    . title - ballon text.
    . rel - <a rel="next" href="myurl">. Use: next, prev, index, or copyright.
    . rev - <a rev="prev" href="myurl">. Use: next, prev, index, or copyright.
    . type - Specify content type (also know as media type or MIME type). Type examples...
      text/html, image/jpeg, video/quicktime, application/java, text/css, text/javascript.
      The browser displays a file based on its MIME type and not on what type of code it really has.

===Adding a E-Mail Link (pg.90)
- Example: <a href="mailto:address@email.com">My Link Text</a>

===Formating Text (pg.98)
- Several Text Formating Tags. (Table 3-5)
    . <b> </b> - Physical style tag that displays text as bold.
    . <big> </big> - Increases font size in comparison to surrounding text.
    . <blockquote> </blockquote> - long quotation; indents margins on sections of text.
    . <em> </em> - Logical style tag that displays text with emphasis usually italicized.
    . <i> </i> - Physical style tag that displays text as italicized.
    . <pre> </pre> - Preformated material. Preserves spaces and line breaks; often used for text
      in column format pasted from another document into HTML code.
    . <small> </small> - Decreases font size in comparison to surrounding text.
    . <strong> </strong> - Logical style tag that displays text with strong emphasis usually bold.
    .  - Displays text as subscript (below normal text).
    .  - Displays text as superscript (above normal text).
    . <tt> </tt> - Displays text as teletype (monospace) text.
    . <u> </u> - Displays text as underlined.

===Viewing, Testing Links, and Printing a Web Page (pg.92)
- Web Page Testing - Information about link testing.

===To Format Text with a Font Color (pg.102)
- <font color="#008822">My Text</font>

===Adding an Image with Wrapped Text (pg.102)
- <img src="mypic.jpg" align="right" alt="alt text" /> - aligns the image to the right of the text. (pg.102)
   You MUST Enter a <br /> tag to stop the text from wrapping.
    . <br clear="right" /> tag to stop the text from wrapping to the right.
    . <br clear="left" /> tag to stop the text from wrapping of a left aligned image.
    . <br clear="all" /> tag clears both left and right alignments.
- Text can be aligned to the left, right, top, middle, and bottom. (pg.103)
- 'alt' specifies baloon text, and for users with a 'screen reader', and for as the image is loading.

===Different Types of Links (pg.111)
- http:// - Link to an http Web site.
- ftp:// - Link to an ftp Web site.
- news: - Link to an newsgroup article.

===Link Targets and Links within a Web Page (pg.114)
- <a name="mytarget"> - names a target point within a Web page.
- <a href="#mytarget"> - creates a link to a target point within a Web page.

===CSS Opacity and Transparency (www.mandarindesign.com/opacity.html)

-----Wk04Pr08: Creating Style Sheets   (week4_note4_styleCss.htm)

- Homework - Assignment 3: Pure Golf.

• ===Introduction. (pg.330)
• A style is a rule that defines the appearance of an element on a Web page. (pg.330)
• A style sheet is a series of rules that defines the style for a Web page or whole Web site. (pg.330)
• ===Three types of style sheets. (pg.331)
• With an inline style sheet, you add a style to an individual HTML tag, such as heading or paragraph. (pg.331)
• An embedded style sheet, you add the style sheet within the <head> HTML tag. This effects the whole page. (pg.331)
• An external style sheet, is similar to embedded, but goes in a file with extension css. (pg.331)
• ===Style Statement - made up of a selector and a declaration. (pg.334)
• The selector identifies the page elements. (pg.334)
• The declaration identifies how the elements should appear. (pg.334)

===Creating Style Sheets   (pg.334)
- Flexibility makes CSS useful, by offering inline, embedded, and external. See: (pg.334)
===Style Statement Format (pg.334)
- Inline - <h1 style="font-family: Garamond; font-color: navy">. (pg.336)
- Embedded - h1 {font-family: Garamond; font-color: navy}    // inside <head> <style> <!--   (pg.336)
- External - Similar to embedded. Goes in css text file, without <style> <!--   (pg.337, 350, 352)
   To add an external style sheet to a page:
   <link href="my.css" rel="stylesheet" type="text/css" />, inside <head>.
    . type="text/css"' indicates the mime type (ie, content and language of the linked document).
    . rel="stylesheet" indicate the relationship of the linked (href) document to the page.
    . type="text/css"   and   rel="stylesheet"   are required for CSS.   (pg.352)

- Multiple elements (separated by , ) can be defined on 1 line. The same element can be used multiple times for example:
   h1, h2, h3 { font-family: Comic Sans MS}
   h2 {color: red }

- An embedded style sheed goes inside <head> <style> <!--
   The comment hides script language the browser cannnot interpret. Useful when CSS is not supported. (pg.345)

===Working with Classes in Style Sheets   (pg.338)
- Classes are an important advanced feature of CSS.
- A class defines a set of attributes to apply to any tag that excepts those attributes. (my words)
- You can deffine several classes for the paragraph tag, for example. (ie. different paragraph styles)
- Place the class definition within the style sheet rules.
- Place a period before the class name, which can be anything (no spaces).
- A class name should indicate purpose, not appearance.
- A class definition example:   p.beginning {color: red; font: 20pt}
- A class use example:   <p class="beginning">

===Book example project   (pg.340)
- Setting the Paragraph Style:   p {text-indent: 20pt} - indents first word of a paragraph.
   If % is used, it is based on total width of the screen.
- body {margin: 8pt} - sets: margin-top, margin-bottom, margin-left, margin-right.   (pg.349)
- p and margin can set:   points, pixels, inches, centimeters, or %.   (pg.349)
===Setting a Style for Links (the 'a' anchor) (pg.343)
- Selector choices: a or a:link, and a:visited, and a:active, and a:hover.
- As stated above, links can have three states: normal, visited, and active.
- Example of an Embedded Style Sheet and setting link style: (pg.344, 345)
   <style type="text/css">
   <!--
   a {text-decoration: none;   font-family: Verdana, Garamond;   font-size: 12pt;   color: black}
   a:hover {background: black;   color: white}
   -->
   </style>
- For an External Style Sheet, remove the style tag and comment from the embedded example.   (pg.337, 350, 352)
   Place the text a file named 'mystuff.css'.   To use it, place the following within the head section:
   <link rel="stylesheet" type="text/css" href="mystuff.css" />
- text-decoration can be: none, blink, line-through, overline, or underline. (pg.343)
- Multiple text-decoration ok, when separated with a space:   {text-decoration: underline overline}
- Multiple font-family ok, when separated with a comma:   {font-family: Verdana, Garamond}
- A 'font-family' name that contains spaces, must be enclosed in double quotes:   {font-family: "Times New Roman", Garamond}
- "font-weight: value is darkness as lighter | normal | bold | bolder" or 100 to 900 (400 is no change, 900 is darkest)   (pg.352)
- 'word-spacing' can use  points, pixels, inches, centimeters, millimeters, picas, ems, or x-height.   (pg.354)
- 'line-height' can use  a number, length, or %.   (pg.358)
    . number - height is determined by font size.
    . length - common lengths.
    . % - percent of font height, 100% is default.

===Adding an Inline Style Sheet   (pg.354)
- The last paragraph could contain info about the site, like the developer's info. Use smaller italic font to not distract the reader.   (pg.355)
   Example:   <p style="font-style: italic; font-size: 8pt">    // inline style, applies just to that one tag.

===Links of Equal Width   (codingforums.com)
- How are the links arranged? Horizontally or vertically?
   If vertically you could do this.
- #menuwidth { witdh: 12em }
   #menuwidth a { display: block }
- <div id="menuwidth">
   <a href="">....</a>
   <a href="">....</a> ...
   </div>
- If horizontally you could maybe float the As left and give them a width.

===Stationary background image example:
- <body style="background-image:url(american-flag-2a_dim1.jpg); background-position:top left;
                        background-repeat:no-repeat;background-attachment:fixed">

===Samples from Professors Notes   (codingforums.com) object.style.display="inline"
- <ol style="list-style: upper-alpha">
- <div style="border:5px double #FFFF00; width: 300px; margin-left: 100px;
   color: #661144; background-color: #DDDDDD; line-height: 150%; padding: 10">

 - <head>
   <title>CSS</title>
   <style type="text/css">
   <!--
   body {color: black; 
         font-size:11pt; 
         background-color: red; 
         background-image: url('img_back3.gif');
         background-repeat: no-repeat; 
         background-position: 20% 0%}
   h2           { font-family: Arial; color: #800000 }
   h3           { font-family: Comic Sans MS; color: red }
   p {text-indent: 0.25in; margin-left: 50px; margin-right: 100px;}
   a:link    {color: blue; text-decoration: underline;}
   a:visited {color: red; text-decoration: none;}
   a:active  {color: red; text-decoration: none;}
   a:hover   {color: green; text-decoration: underline; background: #F9EDED;}
   .myval   {color:#CC0066; font-family: Arial;}
   .myred   {color:#800000; font-family: Arial;}
   .myid   {color:#AA0066; font-family: Comic Sans MS;}
   -->
   </style>
   </head>

===object.style.display="inline"   (CSS display Property)

-----Wk05Pr46: Creating Tables in a Web Site & Using Frames in a Web Site

... Proj-4 ... Creating Tables in a Web Site

- Homework - Assignment 4: World Wide Applications.

===Creating Web Pages with Tables   (pg.134)
===Table Borders, Headers, Captions, and Rules (pg.137)
- rules attribute - select what ruller lines to show.
    . rules="none" - no internal lines.
    . rules="cols" - only vertical internal lines.
    . rules="rows" - only horizontal internal lines.
    . See Appendix A for additional information on supported values.

===Planning, Designing, and Coding a Table   (pg.138)
===(1) Determining If a Table is Needed (pg.139)
- Use a table if it (a) helps organize the data, (b) makes the page easier to read.
===(2) Planning the Table (pg.139)
- Sketch the table on paper before coding any HTML.
===(3) Coding the Table (pg.141)
- <tr> - table row (row).
- <td> - table data (cell).
   <th> - table header (cell). (centered and bold by default).

===Table Tag Attributes (pg.142)

===Creating a Home Page   (pg.143)
- Table 4-3 - HTML Code to Define Web Page Structure (skeleton or template).

===Using Borderless Tables to Position Images   (pg.145)
- Default valign for 'data' cells (td) is 'center'.   (pg.149)

===Adding Cellspacing, Cellpadding, and Caption   (pg.167)
- If the table tag has 'border', then cellspacing increases the border.   (pg.170)
- <caption align="bottom"><b>caption goes here</b></caption>.   (pg.170)

===Spanning Rows and Columns   (pg.172)
- colspan and rowspan are attributes of cells, ie. <th> or <td>.

... Proj-6 ... Using Frames in a Web Site

• ===Introduction. (pg.248)
• frame - a rectanular area of a Web page in which a Web page can be displayed. (pg.248)

===Introduction   (pg.248)
- World Wide Web Consortium (W3C) discourages use of frames. They recomend "fixed positioning through the object element".

===Planning and Laying Out Frames   (pg.258)
- Goal and purpose determine which layout is best.   (pg.258)
- <frameset cols="20%, 65%, 15%">  (can be # of pixels or #%)
- <frameset cols="*, 65%, *">    (* columns will be of equal width)

===Specifying Attributes of the Header and Menu Frames   (pg.265)
- To be compliant with accessibility guidlines (Appendix C), always use <title> and <name> to id the frame.
- Do not disable scrolling on the menu frame, to be sure all menu options are always visible.

===Adding Links with Targets to the Menu Page   (pg.265)
- To be compliant with accessibility guidlines (Appendix C), always use <title> and <name> to id the frame.
- Do not disable scrolling on the menu frame, to be sure all menu options are always visible.
- Targets: by default a link will load in same frame; a target makes links load in another frame and its useful to set a default
   target frame for the page. An example target in a link is: <a href="file.htm" target="main">
   loads the href into the frame named "main". A name must be unique and for safety the id & name attributes should be
   the same. Some options with targets are:
    . target="framename" opens new window
    . target="_top" loads over top all frames in the window, useful for loading other url's
    . target="_self" loads over current frame
    . target="_blank" opens new window

-----Wk06Pr--: HTML Multimedia

- Homework (not for a grade) - Links to Don's MySpace Page

-----Wk07Pr12: XML Documents

- Homework - Multimedia, XML, and Stationary background example

The basics of XML and xml documents are covered in links below:

• Concepts (week7_n1_te7a_xmlIntro.htm) concepts of xml (no coding) (ie, XML Overview)
• Code (week7_n2_e7b_xmlBasics.htm) xml code for basic documents (ie, XML - Markup Basics)
• Structure (week7_n3_ote7c_details.htm) structure concepts, elements versus attributes, nesting, data modeling approaches 
  (ie, XML - Elements and Data Modeling)

===CDATA
-  <![CDATA[text data that will not be parsed by the XML parser]]>
- A CDATA section starts with "<![CDATA[" and ends with "]]>"
- http://www.w3schools.com/XML/xml_cdata.asp

-----Wk08Pr12: XML Display with CSS and Extensible Stylesheet Language (XSL)

- Homework - Assignment 6: XML Display

Helpful Links: www.w3schools.com/xml/xml_display.asp . XSLT Functions
Using XPath string functions in XSLT templates

===Linking a Cascading Style Sheet to Format an XML Document   (pg.563)

===Formatting and Manipulating an XML Document Using an XSL Style Sheet   (pg.566)
 - CSS formats display of XML documents.   (pg.567)
 - Extensible Stylesheet Language (XSL) does two things: formats and translates XML documents.
 - With XSL, the XML parser can output a different format, like HTML.  This output is called a result tree.
 - If more than one linked XSL stylesheet, then only first is used.
 - If XSL and CSS stylesheets are linked to an XML document, then only the XSL is used.
===Creating an XSL Style Sheet   (pg.568)
 - XSL syntax is similar to XML.  All XSL elements must use the xsl namespace prefix ( <xsl: )  to distinguish from XML elements.
 - For complete list of XSL style elements, see XML Quick Reference in Appendix F.
 - xsl:stylesheet and xsl:transform elements must have a version number, if the namespace code is the official W3C specification.
 - Examples of XSL stylesheet Element (pg.568):
   <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        other style sheet code here
   </xsl:stylesheet>   or
   <xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
        other style sheet code here
   </xsl:transform>
 - The stylesheet element establishes a namespace, so the remaining elements, such as the template, can use names that will not be
   confused with other elements.
 - A template is an insturuction that identifies the elements in a document that should be transformed and then specifies how.
 - The template is the most important part of the XSL style sheet. An XSL style sheet must have at least one template element.
===General form of XSL template Element (pg.568):
   <xsl:template match="pattern" language="language">
        other style sheet code here
   </xsl:template>
 - Example:  (match="/" defines the entire document (ie, indicates that the entire document will be displayed))
   <xsl:template match="/">
        other style sheet code here
   </xsl:template>
===for-each Element (pg.570):
 - General form:  <xsl:for-each select="pattern">
 - Comment:  Returns the associated child element's data identified by the select pattern.
 - Example:  <xsl:for-each select="video/movie">
===sort Element (pg.570):
 - General form:  <xsl:sort select="value" lang=token data-type="value" order="ascending|descending" case-order="upper-first|lower-first" />
 - Comment:  'select' indicates which element to sort.
 - Example:  <xsl:sort select="Year" data-type="number" />
===value-of Element (pg.571):
 - General form:  <xsl:value-of select="pattern" />
 - Comment:  'value-of' indicates that the page should display the value of the specified element.
 - Example:  <xsl:value-of select="Title" />  (the value of Title is displayed)
 - Attributes can be specified in various places instead of elements with prefix  @  for example  <xsl:value-of select="Author/@born"/>
===text Element (pg.572):
 - Example:  <xsl:text> </xsl:text>  (adds a space to the document)

===Linking an XSL Style Sheet to an XML Document  (pg.574)
===xml-stylesheet Processing Instruction  (pg.574):
 - General form:  <?xml-stylesheet type="text/xsl" href="file path"?>
 - Comment:  Similar to the processing statement used to link a CSS.  Key difference is type="text/xsl".
 - Example:  <?xml-stylesheet type="text/xsl" href="bellvideo-year.xsl"?>

===Using Paging to Display XML Data in a Table   (pg.576)
 - Data binding - "the process of mapping XML elements to a data format that preserves the hierarchy of the data and allows the
   data to be manipulated using different methods".   (pg.577)
 - Data island - "a set of data elements separate from the main HTML Web page." and "has the capability of embedding XML
   documents in HTML pages.  The process uses data source object (dso) technology".
 = HTML <xml> Element  (pg.577):
 - General form:  <xml id="name" src="URL"></xml>
 - Comment:  This is a Microsoft extension and might not work for other browsers. 'id' must be unique and represent the data source
    and is recomended to start with 'dso'.  'src' is the location and name of the XML data file.
 - Example:  <xml id="dsoVideo" src="bellvideo-type.xml"></xml>

- When the browser opens the HTML Web page, the XML data is parsed.  The browsers then creates a data island (dso), which
   handles the XML data as a recordset (collection of data records and their fields).
 - Ineternet Explorer has built-in methods, properties, and events that are automatically associated with the recordset.
===How to Create an HTML Document to Display XML Data in a Table   (pg.577)
 -

Example: How to sort a price that starts with a dollar sign.
<xsl:sort data-type="number" select="substring-after(PRICE,'$')"/>

-----Wk09Pr--: XML Validation and Schemas

- Instructors Notes
- Homework - Assignment 7: XML Validation

-----Wk10Wk11: XML DTD & HTML Forms

- (No Homework)

-----Quiz02--: Quiz02 - ChooseMarkup

• In summary, markup languages (html, xhtml, xml) are the most popular files on the web since they are the only files the browser understands and are easy, free, and do not require any special software or server platform.
• CLICK: Rules than govern HTML (standards) comes in different document types and versions.
• Assignment 1: Create web page : HTML Versions
• XHTML is more future flexible since can be used like xml with things like xsl (Extensible Stylesheet Language) (html cannot be used like xml (Extensible Markup Language )).
  CLICK: There is no right or wrong but the best advice is probably...
• CLICK: So using XHTML allows us to ensure documents are well formed and are valid against some standard. The different versions to date are...
• Realize CSS (style sheets, which we cover later) are the preferred way to control layout and formats in XHTML.
• For the latest browsers, using <xml> prolog or not makes no difference, but for older browsers it can be a problem, which is why many xhtml pages use type html. XHTML served as html is not much different than HTML as html. If XHTML is served as xml like standards suggest then will find xhtml has less browser support than html.
• The XML namespace declaration (xmlns) in the <html> tag tells user agents that it is XHTML (rather than any other application of XML). You must use one of the three aforementioned XML MIME types, or user agents will ignore the XML namespace. If, for instance, you serve your document as text/html, the namespace is ignored, since HTML does not support XML namespaces.
• uninetnews.com  versions (XHTML Versions Demystified)
• So using XHTML allows us to ensure documents are well formed and are valid against some standard. The different versions to date are:
• Anchor's target="_blank" is not supported in XHTML since considered bad practice to popup new windows.
• CSS is considered the modern way to format and required in XHTML strict
• The levels (of CSS) are...
• Broad applications of XML are applications that...
• [*]: So XML validation is mainly when more than one person uses the same xml application, and is a way for all the users know what the elements are.

-----Quiz03--: Quiz03 - Structure 

-----Quiz04--: Quiz04 - Xml 

-----Wk11Pr09: Javascript integration with HTML

• w3c JavaScript Tutorial
• JavaScript Reference - This section contains a complete reference of all the built-in JavaScript objects, along with their methods and properties.
  In addition to the built-in JavaScript objects, you can also access and manipulate all of the HTML DOM objects with JavaScript.
• JavaScript Date Object Reference
• CSS Tutorial (placed here just for convenience)
• CSS display Property (placed here just for convenience)

- jeffersoncounty.htm - following the book
- Homework - Assignment 8: Javascript

===Date() object   (pg.378)
 - getDate() - "return the date in the month"
 - getMonth() - returns a number from 0 to 11
 - getFullYear() - returns the four-digit year

===Converting a date to a String
var sysDate = new Date()  or
var sysDate = new Date("August 17, 2008")  or
var sysDate = new Date(2008, 7, 17)   // 7 indicates August

// return 1 - 365 (366 if leap year)
function dayOfYear(dt) {
    var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
    var isLeapYear = (dt.getFullYear() % 4 == 0);
    var returnVal = dt.getDate(); // Returns the day of the month from a Date object (from 1-31)
    var monthsToAdd = dt.getMonth();  // Returns the month from a Date object (from 0-11)
    var monthIdx;
    if (monthsToAdd >= 2 && isLeapYear) returnVal++;
    for (monthIdx = 0; monthIdx < monthsToAdd; monthIdx++) {
        returnVal += daysInMonth[monthIdx];
    }
    return (returnVal);
}

=== toLocalString() and indexOf()   (pg.379)
var curDate = sysDate.toLocalString()  // returns "Day of the Week, Month, Date, Year HH:MM:SS"
curDate = "August 17, 2008"
dateLocate = curDate.indexOf(",")  // Returns a 9 (zero base (ie, relative position)) index of the comma. (-1 if not found)
 - parameter of indexOf must be a literal.

=== substring() and substr()
var idx = substring(x [, y])
 - x is starting location (zero base (ie, relative position))
 - y is ending location (optional) (zero base (ie, relative position))
var idx = substr(x [, length])  (x is relative position, just like in subString() function)
 - Strings maximum length in older browsers is 256

 === write() and writeln() Methods of the document object.  (pg.386)
 - writeln() can be used when a "/n" newline character will work, such as in a <textarea>

<script type="text/javascript">
<!--
// Example of a user defined function. In <head> section.
function gasButtonColor(bColor) {
    // Set color of ButtonGas button to bColor value passed into the function.
    myForm.ButtonGas.style.backgroundColor = bColor
}

function doclock() {
    var now = new Date()
    var dateStr = now.toLocaleString()
    var timeStr = dateStr
    var spaceAt = 0
    var dateEndAt = 0
    for (count=1; count<=4; count++) {
        spaceAt = timeStr.indexOf(" ")
        dateEndAt += spaceAt + 1
        timeStr = timeStr.substring(spaceAt+1)
    }
    dateStr = dateStr.substring(0,dateEndAt-1)
    document.getElementById('showdate').value = dateStr
    document.getElementById('showclock').value = timeStr
    // Wait one second, and loop by calling itself.
    setTimeout("doclock()",1000)
}

function calcGas() {
    var miles = parseFloat(myForm.TextBoxMiles.value)
    var galns = parseFloat(myForm.TextBoxGas.value)
    // Calculate miles per gallon, rounded to two decimal places.
    var mpg = Math.round(100.0 * miles / galns) / 100.0
    alert("MPG = " + mpg)  // pop up a message.
}

//-->
</script>
...
<body onload="doclock()" style="background-color:#88ccf4">
...
<input style="width:240px;background-color: Aqua;border-style:none;text-align:center" type="text" 
    readonly="readonly" id="showdate" /><br/>
<input style="font:bolder larger 'Arial Narrow';width:240px;background-color: Aqua;border-style:none;
    text-align:center" type="text" readonly="readonly" id="showclock" />

// In a <script> tag within body...
// pg.381 Example code
var today = new Date()
var dayOfWeek = today.toLocaleDateString() // Thursday, November 20, 2008 12:00:00 AM
var dayLocate = dayOfWeek.indexOf(" ")     // index of zero base index of next space
var weekDay = dayOfWeek.substring(0, dayLocate)
var newDay = dayOfWeek.substring(dayLocate)
var dateLocate = newDay.indexOf(",")
var monthDate = newDay.substring(0,dateLocate+1)
var yearLocate = dayOfWeek.indexOf("200")
var year = dayOfWeek.substr(yearLocate, 4)
var fairDate = new Date(2008, 10, 20) // Nov. 20, 2008
var millsecToFair = fairDate.getTime() - today.getTime()    // milliseconds between dates
var daysToFair = Math.ceil(millsecToFair / (1000*60*60*24)) // milliseconds to days
document.write("<h4 style='margin-left:10%; width:590px' >Today is " + weekDay + " " + monthDate + " " + year</h4>)
...
// In a <script> tag...
// Display when this document was modified using the 'document' object property of 'lastModified'.
document.write("<p>This document was last modified " + document.lastModified + "</p>")

• To link to another window use method window.navigate("url") or property window.location.href = "url", and to open a new window use window.open("url")

===NOTE: From a Microsoft Demo: syntax for javascript block ("moving toward xhtml")
<script language="javascript" type="text/javascript">
// <!CDATA[
	// javascript code here
// ]>
</script>
 - CDATA contains text data that will not be parsed by the XML parser.

-----Wk12Pr10: Javascript form validation and other features

- castle.htm - following the book
- Homework - Assignment 9: Javascript Form

===Inserting a Scrolling Message on a Web Page (pg. 420)
 - Four basic components
   1)  the display object
   2)  the text message
   3)  the begining position of the message within the text box
   4)  a time delay

===Adding Validation to the Auto Loan Payment : Write a user defined function Calc()  (pg. 431)
   1)  Validate input
   2)  Calculate the monthly payment
   3)  Display the results in the LoanCalc form

function Calc(LoanCalc) {
   var loanAmount = document.LoanCalc.Amount.value
   var loanAmount = parsInt(loanAmount, 10)
   if (isNaN(loanAmount) || loanAmount <= 0) {
      alert("The loan amount is not a valid number!")
      document.LoanCalc.Amount.value = ""
      document.LoanCalc.Amount.focus()
   }
} 

===http://en.wikipedia.org/wiki/Document_Object_Model
The Document Object Model (DOM) is a platform- and language-independent standard object model for representing HTML or XML and related formats.
A web browser is not obliged to use DOM in order to render an HTML document. However, the DOM is required by JavaScript scripts that wish to inspect or modify a web page dynamically. In other words, the Document Object Model is the way JavaScript sees its containing HTML page and browser state.

===Table 10-26  open() Method Attributes  (pg.454)

===Further Study
 - alert(), confirm(), prompt()
 - Cookies, aspCookie

-----W13P1011: Javascript DHTML in Web pages - (Pr11)

  - clinic.htm - following the book
 - Homework - Assignment 10: Javascript DHTML XML
 - dhtml_help.html - Email Responces to my question about this homework assignment.  addparameter()
 - Web 125: Project - Santa / Christmas

DHTML DOM Reference

===Introduction (pg.474)
 - Dynamic HTML (DHTML) - "is a term for a collection of HTML tags, options, and style sheet properties... Not a new or seperate Web language...it combines: HTML, CSS, and JavaScript or VBScript." / "allows: the hiding of text until needed; the animating of text and images either controlled by the Web page or by the visitor; or the creating of content that automatically refreshes, reads, processes, and responds to a visitor immediately."
 - Dynamic positioning of elements is a key feature of DHTML.
 - DHTML - "relies on Document Object Model (DOM) to change the appearance of Web pages dynamically as they download to a visitor's browser."  It is a hierarchical naming system giving access to images, forms, and layers, etc via scripting languages.  For example, <img> could be a child of <body> document object.
 - Document Object Model (DOM) "is actually an Application Programming Interface (API)... DOM identifies interfaces, semantics, and relationships."
 - Three parts of DOM.  The (1) core is the object of any well formed document.  (2) HTML and (3) XML are the interfaces used to view a document.

===Creating the Vertical Scrolling Menu. Four things must be created.  (pg.479)
1)  "a division <div> tag that will be used to move the menu." (<div> is similar to a layer)
2)  "an HTML table that will contain the text for the menu."
3)  "a style sheet to modify the menu links."
4)  "a JavaScript function that continually checks the location of the menu object."

===Creating the screenTip() User-Defined Function (pg.503)
 - eval() - "a global function that accepts a string or command and returns the result of an executed statement."  "Useful to execute JavaScript statements using data, whose value, such as size of the window, is not known at the time the Web page loads."

===The_XML_DSO.htm
  <xml id="orderDSO">
  <!--XML data goes here -->
  </xml>

-----Wk14Pr12: XML and Javascript

.

-----More01: Since Course

-----02/25/2010  ASP VB Script String to Number conversion
usually take all input as strings, then if I need a number later I convert the variable to a number and store it in a temp variable:
input_variable = "1234"
temp_variable = 1 * input_variable
So far I have had no problems.
Or use... CInt(varname) CLng(varname)

-----11/25/2009  HTML Parameter Passing

-----06/12/2009  to register a dll to be called from html
Example:
C:\Users\gradwell>C:\Windows\Microsoft.NET\Framework\v2.0.50727\regasm C:\myweb\ verizon\app-techs\scim\VideoOS.SDK.DLL

Microsoft (R) .NET Framework Assembly Registration Utility 2.0.50727.3053 Copyright
(C) Microsoft Corporation 1998-2004. All rights reserved. RegAsm : error RA0000
: An error occurred while writing the registration informa tion to the registry.
You must have administrative credentials to perform this t ask. Contact your system
administrator for assistance

Or go to: http://word.mvps.org/FAQs/Customization/RegisterDLL.htm

Html samples at: C:\myweb\verizon\app-techs\scim
=== AudioFormCab.htm  // Loads dll that is in a CAB fuile
=== AudioForm.htm
//  VideoOS.Sdk.DLL needs to be registered for this to work
//  audioControl = new ActiveXObject("VideoOS.Sdk.UI.AudioControl");

=== Writing Object-Oriented JavaScript Part 1
http://www.codeproject.com/KB/aspnet/JsOOP1.aspx

=== LogiXML, Inc. - Therefore, in 2004, LogiXML began marketing Logi Report as a free Web-based BI reporting tool; the product was more recently renamed Logi Report or Freereporting.com. Like the other applications offered by LogiXML, Logi Report was built on XML technology.