Structured Documents
Week 3
LBSC 690
Information Technology
![](3D"slide0001_image001.jpg")
Outline
![](3D"slide0087_image002.gif")
TCP/IP layer architecture<=
/div>
![](3D"slide0087_image003.gif")
![](3D"slide0087_image004.gif")
![](3D"slide0087_image005.gif")
![](3D"slide0087_image006.gif")
Link
Link
Link
Link
Link
Link
Network
Network
Network
Network
Virtual link for packets
Transport
Transport
Virtual link for end to end packets
Application
Application
Virtual network service
Link for bits
Link for bits
Link for bits
File Transfer Program (FTP)
•<=
/span>Used to move files between machines
–<=
/span>Upload (put) moves from client to server
=
–<=
/span>Download (get) moves files from server to client
–
<=
/span>
•<=
/span>Available using GUI and command line interfaces
=
–
<=
/span>
•<=
/span>Normally requires an account on the server
–<=
/span>But userid “anonymous” provides public access&#=
13;
–<=
/span>Web browsers incorporate anonymous FTP (ftp://)
=
•
<=
/span>
•May automatically convert end-of-line conventions
–<=
/span>Select “binary”
![](3D"slide0074_image007.gif")
Remote =
Sever
The World-Wide Web
![](3D"slide0074_image008.gif")
Send Request
![](3D"slide0074_image009.gif")
Requested Page
![](3D"slide0074_image010.gif")
Fetch Page
Proxy Server
Local copy of
Page requested
My Browser
![](3D"slide0074_image013.gif")
![](3D"slide0074_image014.gif")
Internet
![](3D"slide0074_image015.gif")
![](3D"slide0074_image016.gif")
HTML
(data/display)<=
span
style=3D'font-family:"Times New Roman";font-size:133%;mso-special-format:l=
astCR;
display:none'>
![](3D"slide0141_image017.gif")
Internet
communication
protocols
RTSP
FTP
Email
=
![](3D"slide0141_image018.gif")
![](3D"slide0141_image019.gif")
Web
Server
HTTP
(transfer)
File
System
=
URL
(e.g.,=
http://www.foo.org/snarf.html)
HTML
HTTP
URL
![](3D"slide0141_image020.gif")
“The Web”
Web Standards
&#=
8226;HTML
&=
#8211;How
to write and interpret the information
&#=
8226;URL
&=
#8211;Where
to find it
&#=
8226;HTTP
&=
#8211;How
to get it
HyperText Transfer Protocol (HTTP=
)
•<=
/span>Send request
–GET /path/file.html
HTTP/1.0
–From:
someuser@jmarshall.com
–User-Agent:
HTTPTool/1.0
•
<=
/span>
•<=
/span>Server response
–HTTP/1.0 200 OK &#=
13;
–Date: Fri, 31 Dec =
1999
23:59:59 GMT
–Content-Type:
text/html
–Content-Length: 13=
54
–<html><bo=
dy>
<h1>Happy New Millennium!</h1> … </body> </html=
>
![](3D"slide0076_image021.gif")
Uniform Resource Locator (URL)
&#=
8226;Uniquely
identify Web pages
&=
#8211;Domain
name
&=
#8211;Directory
path
&=
#8211;File
name &#=
13;
URL: http://www.clis.umd.edu/courses/schedules/fall2003.html
![](3D"slide0076_image022.gif")
=
Domain
name
![](3D"slide0076_image023.gif")
![](3D"slide0076_image024.gif")
![](3D"slide0076_image025.gif")
=
Directory
path
![](3D"slide0076_image026.gif")
=
File
name
HyperText Markup Language (HTML)<=
/span>
•Simple document
structure language for Web
•<=
/span>
•Advantages
=
–Adapts easily to
different display capabilities
–Widely available
display software (browsers)
•
<=
/span>
•Disadvantages&#=
13;
–Does not direct=
ly
control layout
Rendering
&#=
8226;Different
devices have different capabilities
&=
#8211;Desktop
&=
#8211;PDA
&#=
8226;Rendering
maps logical tags to physical layout
&=
#8211;Controls
line wrap, size, font…
&=
#8226;Place
the title in the page border
&=
#8226;Render
<h1> as 24pt Times
&=
#8226;Render
<strong> as bold
=
226;Somewhat
browser-dependent
&=
#8211;Internet
Explorer and Netscape make different choices
“Hello
World” HTML
<html>
<head>
<title>Hello
World!</title>
</head>
<body>
<p>Hello
world! This is my first webpage!</p>
</body>
</html>
![](3D"slide0120_image027.gif")
This is t=
he
header
![](3D"slide0120_image028.gif")
This is t=
he
actual content of the HTML document
Uploading a Web Page to WAM
&#=
8226;Edit
files on your local machine
&=
#8211;Save
early, save often!
&#=
8226;Upload
when you’re happy with it
&=
#8211;Connect
to “wam.umd.edu”
&=
#8211;Change
directory to “/pub/USERID”
&#=
8226;View
it at http://wam.umd.edu/~USERID
<=
/div>
&=
#8211;Refresh
browser to see revised content
Hands On:
Learning HTML From Examples
Learning HTML From Examples
•Use Internet Explor=
er
to find a page you like
–http://www.glue.umd=
.edu/~oard
•On the
“Page” menu select “View Source” (in IE7)
–Opens a notepad win=
dow
with the source
•Compare HTML source
with the Web page
– Observe how each effect is achieve=
d
Hands On: “Adopt” a W=
eb
Page
•<=
/span>Modify the HTML source using notepad
Document Management
Document Management
Document Management
–For example, ch=
ange
the page to yours
•<=
/span>Save the HTML source on your “M:” drive
–In the
“File” menu, select “Save As”
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0056.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
–Select “A=
ll
Files” and name it “test.html”
•<=
/span>FTP it to your ~/pub directory on WAM
–sftp
wam.umd.edu
–cd ../pub/
=
–put test.html&#=
13;
•<=
/span>View it
–http://www.wam.=
umd.edu/~(yourlogin)/test.html
HTML Document Structure
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0057.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;“Tags” mark
structure
&#=
8211;<html>a
document</html>
&#=
8211;<ol>an
ordered list</ol>
&#=
8211;<i>something
in italics</i>
&#=
8226;Tag
name in angle brackets <>
&#=
8211;Not
case sensitive
&#=
8226;Open/Close
pairs
&=
#8211;Close
tag is sometimes optional (if unambiguous)
Logical Structure Tags
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0068.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
•<=
/span>Head
–<=
/span>Title
–
<=
/span>
•<=
/span>Body
–<=
/span>Headers: <h1> <h2> <h3> <h4> <h5=
>
–<=
/span>Lists: <ol>, <ul> (can be nested)
–<=
/span>Paragraphs:<p>
–<=
/span>Definitions: <dt><dd>
–<=
/span>Tables: <table> <tr> <td> </td>
</tr> </table>
–<=
/span>Role: <cite>, <address>, <strong>, …=
;
Physical Structure Tags
Document Management
![](3D"slide0124_image029.gif")
![](3D"slide0124_image030.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0124_image029.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhpQEaAXcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAACj
ARkBgAAAAAAAAAL/jI+py+0Po5y02ouz3rxbAIbiSJbmiabqyrbuC8fyTNf2jee6Guz+DwwKh8Si
8YgU9ZLMpvMJjUqnPKr1is1qt9El9wsOi8dgL/mMTqvXNDP7DY/Ly/O6/Y43uvP8vv9vsgc4SFj4
JmiYqLiIhcj4CBlJ5ChZaXkZQ4m5ydkJoukZKsoIOmp66leKusoap9oKGzv2Kltre0V7q7vLlMv7
CwzkG0xc3GaMnPwzrNzsHML8LI0cPW0NXH2tfZu97Q3b/S1+Gj5u7ll+rn6Zvu4O2f4unxg/bw9Y
f6+fl7/vP9fvn0A2AQcaPFPwoEI6CxsaSugwIhWIEis+oWgxIxKM/xo7DuHoMaQPkCJL3iBpMqUM
lCpbtmDpMiYKmDJrjqBpMyfOnDV38ozp82fLoEJTEi1a8ijSkEqXdmzqNCPUqBWnUo1o9WrDrFoV
cu1q8CtYgWLH+itrVh/atPbWspXn9q27uHLV0a1r7i5ecXr3euvrVxvgwNYGE5Zm+LCzxIqVMW5M
DbLZx5KJUa6MDXPXy5p3ce7MDTTVz6JlkS4NDvXS06pXsW5NDrbQ17JF0a6NDrdO3TZv88bk+7el
4MIlES8OD/lQ5SqPM1fk/PlD6Umpi4xuHV92j9i39+nunV94qeMtgi9f5zx6OerXw2nvnmD8rfMX
wq+P5j5+Mvr3i//p7x9DAZ414D8AFqjFgQg2sqBaDd6j4INTRChhFxXCdeE7lHnAYYcefghiiCKO
SGKJBmSIYooqrshiiy6+CGOMMs5IY4023ohjjjruyGOPPv4IZJBCDklkkUYeiWSSSi5ZgolOPgll
lFJOSSUG6TE5yZVYCvEYhcV1uSWXWoa5zJhk7gDmmSOZqSYOabaZw5twnsTmnMcAZKebdeaZyZ58
viDnn33iKegMgRbqwqGIsqDoolUQ6miifkZ6QqOUBjLppSRYqulNmXYKzaegAsDpqKSKCmqpo6qa
Kqqdsvqqq5rCOqusl9J6q62U4rqrrpHy+quvjgI7rLCLEnussYjGIrussoUy+6yzgkI7rbR/Unut
tXxiu622eXL7rbd2gjuuuHOSe665cKK7rrptsvuuu2rCO6+8Z9J7r71k4ruvvmHy+6+/WwI8sMBY
EnywwUwivLDCSzL8sMNKQjyxxElSfLHFSGK8scZHcvyxx0aCPLLIRZJ8sslEoryyykOy/LLLQsI8
s8xB0nyzzUDivLPOP/L8s88+Aj200D0SfbTRPCK9tNI7Mv200zpCPbXUOVJ9tdU4Yr211jd2WWXY
Yo9NdtlmL1AAADs=
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0124_image030.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhFwA1AHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAQAT
ADAAgAAAAAAAAAJDDI6pGLafHIRyvmpjvpt3/TEhOGJdMx7mtrIp0Fqx/M7UC9e17ZU4vwAqhENd
ikgKIVXL3PFn9EWVUyXq1LhitdtnAQA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0059.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0062.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0125.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0125_image031.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0125_image031.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhZwHwAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAABl
Ae4AgAAAAAAAAAL/jI+py+0Po5y02ouz3rz7BYTiSJbmiabqyrZs4MbyTNcrbOf6zodGDwwKT7ih
8ZgrIpfMl7IJjYqe0iqSas0Kf9ruEOsN08DisotrTsvI6jaJ7Y4D0PL6CG434/NlOl++99cVKKjl
V6hGiCiluBh16CjWGLk0SXlleWmUqRnE2QkECVr1OapTapqEmlqzyrr2miUae0XLaMvoinuz26Tb
izIL3PM7/GaMiXxUrDzX/MXcHI08TV1tfA2crb3d2437DR5uOx5bbn7+mp66zt5u+g4aLz/fWX95
j59Pue/Y7/9vUcBCAwkWFHSQT0KFC/M0rPMQYkRAzzxV9DQxTsY2/xs5dkx0kVhIYh/TlOwzkoew
lC1OSmJ5yuVLmK1o2lhpM1jOGTLD4NxZoucgoGuEDiXaEukZo4aUvnDqBCovqTqpBmMqyyoRrUSw
WvF6i2tQsGHFTjH7huwjtGfZ+lALBS4TuXPpVnLrDO9Pp3aX4Z3T16/bwJsIf9H7d69Swxb1Mm7M
9nEoySIHJ6asErHjxJoHY97xOcllzpY3d0YbWhXpyKNPm019E3bN0p5Xo25N+7bp3K9xs+b9WvYY
18Ft9979O3lk4TyJi1WMlHkM6dOpn3HOFTpR60+R61aOmnt38MWxWxV/A70K9VVrm6fK/qrx576/
2w8/P3v94+Sff//4D2CAAg5IYIEGHoigAvlpFV9XC563H33A+fcgfBHqN2F2DZqw4THe8XdfeRlC
+KGE/WlYoVQdppUiVCve8WJbJzIYow/vwVdjXjOel2ONPfZ4o4pAjshji3xdyGCQLg65I45GLoYk
iU0K+WR0UVpIpJNKQlkihlMuWeV2V6q45WJMhkhhmWJ2mWSWVKoJ1I9hxjmmi3DGeSaI+N2Zk5x8
2uSnm0eyKSWaKP5JU6BfcumeoIwuN+dOihpa6J6OWkkolouaGWmfdQ66aXR5mggpojBNqieploZK
Z6ZkXipqp4B++miqacLaaqOsSkorprtKOqqXpeLKq6t2EgusrIn/9rrmr30G26aulGo6rLPLGgvq
tFoiOyu2taoqorWnMpurtm9ye620tkZbrbnZrurut7eKyxKq4AoL77qVBpdgv/7+C3DAAg/cgbLj
eutrvJyaWi+5xdJbL7T7zqtws+3qS22+97KrMb4b02hwwwhbjPG2EI9kr8cqH4ruwep+nHG4FZfb
MccwmzzzwxfffOzLK0/M8skhpWzzz0UynBLRQC99dMsi+1x01CAjjbLDnjodcchJW92t0ENLHDPF
Jfe8s9GvQs302WVLHXbQOV+Ndttpn+t1RUrLjTfOY78r897yuu13wjXPzbfYPBcO+OF/T4111SPT
rPjCjQ/Ndbpvej+rteNxqx14rFRT/rjOnW8HNud9R07y6WaTPXjerKvOtumGr44443U/c7fssdN9
ueWt6044X6W/PvvutTd9uzSVu9x7osMfrzfqkBcfvOCwV5869a5Dz/vool+//eLIN//02thPnzjt
4kevvvX+EQx//PLPT3/9ERQAADs=
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0073.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0063.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0108.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0110.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
&#=
8226;Font
&=
#8211;Typeface:
<font face=3D“Arial”></font>
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0124.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&=
#8211;Size:
<font size=3D“+1”></font>
&=
#8211;Color:
<font color=3D“990000”></font>
<=
/div>
=
226;http://webmonkey.wired.com/webmonkey/reference/color_codes/Emphasis
&=
#8211;Bold:
<b></b>
&=
#8211;Italics:
<i></i>
(Hyper)Links
<html>
<head>
<title>Hello
World!</title>
</head>
<body>
<p>Hello
world! This is my first webpage!</p>
<p>Click
<a href=3D"test.html">here</a> for another
page.</p>
</body>
</html>
<html>
<head>
<title>Another
page</title>
</head>
<body>
<p>This
is another page.</p>
</body>
</html>
index.html
test.html
Hypertext “Anchors”
•Internal anchors:
somewhere on the same page
–<a
href=3D“#students”> Students</a>
•Links to: <a
name=3D“students”>Student Information</a>
=
•External anchors: to
another page
–<a
href=3D“http://www.clis.umd.edu”>CLIS</a>
=
–<a
href=3D“http://www.clis.umd.edu#students”>CLIS
students</a>
•URL may be complete=
, or
relative to current page
–<a
href=3D“video/week2.rm”>2</a>
•File name part of U=
RL
is case sensitive (on Unix servers)
–Protocol and domain
name are not case sensitive
Images
•<img src=3D&=
#8220;URL”>
or <img src=3D“path/file”>
=
–<img
src=3D“http://www.clis.umd.edu/IMAGES/head.gif”>
–SRC: can be url=
or
path/file
–ALT: a text
string
–ALIGN: position=
of
the image
–WIDTH and HEIGH=
T:
size of the image
•Can use as anch=
or:
– <a
href=3DURL><img src=3DURL2></a>
•Example:
<=
/span>
–<=
/span>=
http://www.umiacs.umd.edu/~daqingd/Image-Alignment.html
<=
/div>
Tables
toe
the
by
&#=
13;
a tiger
&#=
13;
catch
&#=
13;
mo
miney
mennie
eenie
<table>
</table>
<tr>
<tr>
<tr>
</tr>
</tr>
</tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
Table Example
<table align=3D“center”>
<caption align=3D“right”>The
caption</caption>
< tr
align=3D“LEFT”>
<th=
>
Header1 </th>
<th=
>
Header2</th>
</tr=
>
<tr&=
gt;<td>first
row, first item </td>
=
;
<td>first row, second item</td></tr>
<=
/div>
<
tr><td>second row, first item</td>
=
;
<td>second row, second item</td></tr>
=
</table>
Frames
•<=
/span>Divide browser pages into separate sections
–<=
/span>Useful when you want to scroll separately
•
<=
/span>
•<=
/span>Each section can display an HTML page
–
<=
/span>
•<=
/span>Example 1: menu frame on the left side of a page
• <frameset
cols=3D“10%,90%" >
• <fr=
ame
src=3D“template.html">
• <fr=
ame
src=3D“images.html">
• </f=
rameset>
–
•<=
/span>Example 2:
Cascading Style Sheets (CSS)
&#=
8226;Specify
appearance, based on structure
&#=
8226;Style
rules “cascade” from broad to narrow:
&=
#8211;Browser’s
default behavior
&=
#8211;External
style sheet
&=
#8211;Internal
style sheet
&=
#8211;Inline
style
Some Ways of Using CSS
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0111.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0112.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0112_image032.gif")
![](3D"slide0112_image033.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0112_image032.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhigHmAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAACI
AeUAgAAAAAAAAAL/hI+py+0Po5wt2Iuz3rz7D4biSJbmiaLUyrbuC8dKINf2jef6ztD8DwzefMKi
8YgUEpPM5m/pjEqnTCj1inVYs9yuF7L9ip3hsfksLaPXPDX7Dc+543TXvI7Pg/X8170PqPcXGDhI
eMhmiJinuOjo1fgIFylZmWbpSIm5eaTJ+eX5KboTOopVapoag6oaxdoKO/EaizRLe7tgixuku7vb
60saPFwDTDx0nNxirLza/BzBDL08XZ1rfYqtDSC9vedd3Q1eMT4tXj6D/nyufsDeXvfeLg8/WW9E
f7+WX86vb+YPXMB/oAgCGWiQC0JtCxNeaWgNosNLE+VUjCXR3EVY/xmhddzYCaSNjyKVlJRB8uQT
lTBSstTh8ljMl8hosphpE2XOFTh3+vEpC+ijnr6ICqVgFFfSo9GYPljqVEtUclMBQcVY1WrWdFsF
dUVw9Ss3sQbCfjWrCu1WtabYVnUrCm5UuZzoMrWLCa9QvZX4+vQ7lGw8wYBzFl50mGbiQ4tZNi4k
mM5jqykqW76MObPmzZwvRP4MOrTo0aRLmz6NOrXq1axbu34NO7bs2bRr276NO7fu3bx7+/4NPLjw
4cSLGz+OPLny5cybO38OPbr06dSrW7+OPbt2P527e/8OPrz48eTLm9+wPbSF9KDXs4/s/j3Z+PLP
Tq7Phz7+rPr3T//t759TAAZ41IAEAmXggTslqKBNDDb40oMQqiThhCVVaCFIGGZ40YYcTuThhwmF
KCJBJJaoz4ko1qPiivPc52IWLcbYD4w0UjHjjd7kqCNDNvZIxo9AViHkkLUUaSQ+SCapxJJMHuTk
k21EKSVMVFaJA49YEqPllsF06eUvV4a5yphkcncmPGCmyZGZbPLk5puyxClnNHTW+dSdeFag5565
9OlnAmsGusmghFpi6KGSJKpoJoAqymijiEQqKSGUVkoZps1cqqkgjx7Kaad4hCqqZJ8SSmqpk5wa
aKqqJsKqn66+isastAIU65623irGrrxCkiuevv6qULB1DkvsKcawyolssjgu+2azzqYBLZvSThsk
tmlVm+a12ibh7bedcHtmuOIWYe65vJBLZrrqPsFumO6+S0q8Xs5Lrxz2bolvvkPsi2W//hYDcJUC
D1wmwosWLOXBCtvB8JMOP3xTxExOTDFSFieJccYSdOwxGBsbCXLIWow8ZMkm94AykCqvPEPLPb4M
M1gy60hzzWXdfGPOOvtcM9AwC70y0SYbHTLSHiud8XlOPw111FJPTfV4BQAAOw==
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0112_image033.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhCgBCAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAIAAwAG
AD4AgAAAAAAAAAIvBGIZaMvnYHQRJqsebnpdn33dKJbhyZkpurXgCrsk+8qqTc9xzev47uvdhLkh
owAAOw==
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0109.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
&#=
8226;Inline
style:
&=
#8211;Causes
only the tag to have desired properties
&#=
8226;Internal
stylesheet:
&=
#8211;Causes
all
tags to have the desired properties
<p
style=3D"font-family:arial; color:blue">…</p&=
gt;
…
<head>…
<style
type=3D"text/css">
p { font-family:arial;
color:blue}
</style>
</head>
<body>
<p>…</p>=
…
Customizing Classes
•Define a custom style for standard
HTML tag
…
<head>…
<=
/div>
<style
type=3D"text/css">
p.style1 {
font-family:arial; color:blue}
p.style2 {
font-family:serif; color:red}
</style>
</head>
<body>
<p class=3D“style1">…</p=
>
<p class=3D“style2">…</p=
>
…
External Style Sheets
•Store formatting metadata in a
separate file
…
<head>…
<link
rel=3D"stylesheet" href=3D"mystyle.css"
type=3D"text/css" />
</head>
<body>
<p class=3D“style1">…</p=
>
<p class=3D“style2">…</p=
>
…
p.style1
{ font-family:arial; color:blue}
p.style2
{ font-family:serif; color:red}
mystyle.css
General Structure for CSS<=
/div>
![](3D"slide0109_image034.gif")
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0013.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0071.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0105.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
• Equivalent alternatives for=
any
multimedia presentation shall be synchronized with =
the
presentation.
When a web page requires that an <=
b>applet, plug-in or other application be present on the client sys=
tem
to interpret page cont=
ent,
the page must provide a link to a plug-in or applet that complies with the
above.
•When electronic forms=
are designed to be completed on-line, the form shall allow
people using assistive technology to access
the information, field elements, and functionality required.
<=
/span>
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0014.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0070.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0047.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0021.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0137.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0023.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0024.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0025.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0025_image036.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0025_image036.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhnAFiAXcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAACa
AWABgAAAAAAAAAL/DI6py+0Po5y02ouz3rz7D4ZHYIjmiabqyrbum5LwTNf2jed6JO/+DwwKh7Ue
8YhMKpdDI/MJjUqnFyf1is1qhdat9wsOh7risvmMHpXS7LabSn7L5/RcvI7P6033vf8PKNEXSFgI
OGiYqCiHuOj4KNYIOUkJt1aJmXklqdnpucP5KTr6Ekp6iipimsrairHqGivrADtra1t7q9uau+tL
2vsr3Bk8bExZfKy8mLzsTNj8LL0XPW1NV32t3Za97W3W/S3+FT5ujlV+rh6Vvu6u1P4u33Q5b38W
f6+Pk7/vP9Pvn0AWAQcaPFHwoMIPCRc61NDwocQKESdahFDxosYF/xk3egTQ8aPGkCItkiwp8SRK
hypXKmzp0iDMmAJn0vRn86a+nDrt8ewp7ydQd0KHqitq1BzSpOKWMvXm9Km2qFKtUa0q7SpWZ1q3
Kuvq1RjYsMLGkvVl9qyutGpx1WsLlC3cWHLn8nprl2bdvKj28gWG9y9Kv4I/ES5MLDBij4cXY2rs
GJniyCYnU05p+TLLzJpfcu4s8zPomqJH4yxteifq1D5Xsw7q+jXR2LKP0q6t9Dbuprp3Q+3teyrw
4FaHE89q/DjX5Mq/Mm8u9jn0stKno61ufS327G65t/Y+DzJ4fNvH3zU/G/068erBsG/v5T18LfLn
oytv3zD+/In5///2v019AEIh4IBMFGggPPslCAmCDB7h4IP0SLgchctEaOEPGGYIyoIcQuPhh4eE
KKIfG5Zow4ko0qDiijC06KILMMZIEIk0zjHjjTHYqKMbOfbIB49ApvHjkCAUaaQHSCbJwZJMQiTk
k2E4KWUVUVYZ35VY0qfllvd56QmVYPLQ5ZhSiGkmLWWm+QSabHK05psKyjmJm3Sqcecjdt65J519
yvnnm4GyOWiahZp56JiJgrmol41u+SiWkVY5qZSVPnkpk5kmuamRnQ75KZCh9jiqjqXeeCqNqca4
qoutrvgqirGWOKuItX54K4e5Zrirhb1S+KuEwT44LIPFJnisgcn/DrgsgM369yx/0eY3rX3Vznct
fNm2t6163aL3rXnhjjcueOV6dy536Wa3rnXtTvcudPE2N69y9R53L3H5Brevb/3u9i9uAdc2sGwF
v3YwawmntrBpDY/2MGgRdzaxZhVfdjFlGUe2sWMdL/YxYiEXNrJgJf91Ml8p57WyXS3P9TJcMbc1
s1o1n3UzWTmHtbNXPW/1M1ZBVzW0VEU/dTRTSSe1tFFND/V0XHHmOSHVikTdE9Y6aX0T13pNbTUQ
Xsc0tktlr3T2YGCH7UPaJbktEtwfyc3Y2mzrQPdGeY9k99389O13ioAHzuLghL9o+OEyJq54jY1T
w/jjO0qex94XpVleGeV4YD4R55hpXofnD4m+GejYRG76kainruTqrDfp+utQys5N7LRbeTuRtudO
AekL+e4Z7+QJD87uxGNk/PFqKj9l8szD+Tw5zkePAPAHWR8a9VtgPxD3pGnPJfhZeP8P+aeJ/yX6
lqi/PvtnTq+9+fvIr5r779vPDvzUk8B///7/D8AACnCABCygAQ+IwAQqcIEMbKADHwjBCEpwghSs
4P8KAAA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0026.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0026_image037.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0026_image037.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhswBzAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAACy
AHEAgAAAAAAAAAL/DI6py+0Po5y02quCwbz7D4adJpbmiabZprbuCydkTNf2yN76ziNzDwzCfsKi
UUQ8KpeVJPMJXTij1Oe0ijVes9zetgu2fcPk17iMRp3T7NC6Dee843TKvI5/3PP8Vf9vsQfIJziI
V2hIh5gIt8jI5viIFilJRlkJdonJpbmJ1elJBRoKNUrKZHqqlKqqldN6+AqrKDvbWGsLiZs7uctr
6fubGSzMSVz8eYwsqrxc2uyMCh29Ok3teg2cHca6rdLtrWYdzgNOXmJ+7jauLsbeTpMOjzP/XG/1
ft8ir9+U3y8O4BF+AiMQLKjnH8J1C4McbChFIUR6E3c8rHjgIkaNZhU5TvQIEWRDkQtJIjRZEKVA
lQBZ9nOpD+Y9mfVozrMJD2c7nep4nvNJDmg4od6IbjOaDek1pdSYRnPqDOoyqcioFrMqDOsvrby4
5vJqC+wsDWTLmj2LNq3atWzbun0LN67cuWoLAAA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0028.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0028_image038.gif")
Document Management
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0158.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
&#=
8226;Basic
syntax:
&#=
8226;Example:
Causes
&=
#8211;Font
to be center-aligned
&=
#8211;Font
to be Arial and black
selector {property: value}
HTML tag you want to modify…
![](3D"slide0109_image035.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0109_image034.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhCgAWAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAABAAH
ABEAgAAAAAAAAAIXhBFxmJfNnpPOKLvwujsjz2ldFoqmUQAAOw==
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0109_image035.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhxwA+AHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAIAAgDD
ADsAgAAAAAAAAAL/hI+py+0YYni02ouzxlLuX3UTSJbmmXXoCogjC8fy486g1+L2zpuRoeuFFkGh
8ch4AZXIVLEJhT6joSn1avthndqtN2b9JsPi8oVsTqjSbA6z3VjD58QuPY6+l+368buflqcnBxjI
V6hAiPh1uKgm6NgDWagYKfVnCTGZydLIqen5KbPpWCk6inl6YKqKQmr52moRKptDW6uRirt0u0vj
W9ULDDF8FquqW+yXjMusjCcs6vxMc9w3TR3cnA3DWso9430NziMOh01eYr6X3rSOhd7eaZ0lvxVt
FG8PZqa/39nv3xV/9QRGIWhQFsKEyBjaW+jwE8SImSZSjGTx4qKMIhopdeTG8eMgkdRCkpxj8mSb
lCoDtRzG8qWYmDK90KwJrwAAOw==
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0012.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
The property you want to change…
The value you want the property to take
p
{ text-align: center;
color: black; &=
#13;
font-family: ar=
ial }
Designing Web Pages
&#=
8226;Key
design issues:
&=
#8211;Content:
What do you want to publish?
&=
#8211;Style:
How do you want to present it?
&=
#8211;Syntax:
How can you achieve that presentation?
&#=
8226;Sources
of information
&=
#8211;Online
tutorials (there are lots of these)
&=
#8211;Technical
materials (e.g., the W3C HTML spec)
Some Style Guidelines
•Design for generic
browsers
–And test on every
version you wish to support
•Provide appropriate
“access points”
–User needs and
navigation strategies differ
•Design useful
navigational aids
–A Web search may le=
ad
to the middle of a site
•Include some indica=
tion
of currency
–Date of last update,
“new” icons, etc.
•Indicate who is
responsible for the content
–Helps readers assess
authority
Some Accessibility Guidelines
•Design for devi=
ce
independence
•Maintain
compatibility with earlier browsers
–Provide alterna=
tive
pages if necessary
•Provide
alternatives to aural and visual content
–Alt tags for
images, transcripts for audio
•Make is easy for
assistive devices to work
–Use structural
(rather than layout-oriented) markup
–Give a title to
each frame
–Only use HTML
tables for table data (not content layout)
–Use markup to
indicate language switching
Section 508 (Federal Web pages)
<=
span
style=3D'font-size:50%'>•A text equivalent for every non-text element shall be provided.
=
<=
span
style=3D'font-size:50%'>•Web pages shall be designed so that all information conveyed
with color is also available without
color.
<=
span
style=3D'font-size:50%'>•Documents shall be organized so they are readable without requiri=
ng
an associated style sheet.
<=
span
style=3D'font-size:50%'>•Redundant text links shall be provided for each active regi=
on
of a server-side image map.
•Client-side image
maps shall be provided instead of server-side
image maps except where the regions cannot be defined w=
ith
an available geometric shape.
<=
span
style=3D'font-size:50%'>•Row and column headers shall be identified for data tabl=
es.
•Markup shall be used to associate data c=
ells
and header cells for data tables th=
at
have two or more logical levels of r=
ow
or column headers.
<=
span
style=3D'font-size:50%'>•Frames shall be titled =
with
text that facilitates frame identification and navigation.
<=
span
style=3D'font-size:50%'>•Pages shall be designed to <=
b>avoid
causing the screen to flicker with a frequency &=
gt;2
Hz and <55 Hz.
•A text-only page, with equivalent
information or functionality, shall be provided when compliance cannot be accomplished in any other way. The content shall =
be
updated when the primary page changes
•When pages use scripting langua=
ges to display content or to create interface elements, the
information provided by the scr=
ipt
shall be identified with functional text that can be read by assistive
technology.
•<=
span
style=3D'font-size:50%'>•A method shall be provided that permits users to skip repetitive navigation links.
•When a timed respon=
se
is required, the user shall be alerted and <=
b>given
sufficient time to indicate more <=
/span>time is required. HTML Editors
•Goal is to crea=
te
Web pages, not learn HTML!
•Several are
available
–Macromedia
Dreamweaver available commercially
–Microsoft Word
(Page->Edit with Word in IE 7
–Many more optio=
ns
available on www.tucows.com
•Tend to use
physical layout tags extensively
–Detailed control
can make hand-editing difficult
•You may still n=
eed
to edit the HTML file
–Some editors use
browser-specific features
–Some HTML featu=
res
may be unavailable
–File names may =
be
butchered when you upload
HTML Validators
&#=
8226;Syntax
checking: cross-browser compatibility
&=
#8211;=
http://validator.w3.org
&=
#8211;Try
it on =
http://www.umd.edu L
&#=
8226;Style
checking: Section 508 compliance
&=
#8211;=
http://www.cynthiasays.com/
&=
#8211;Try
it on =
http://www.umd.edu L
What’s Wrong with the Web?<=
/span>
&#=
8226;HTML
&=
#8211;Confounds
structure and appearance (XML)
•HTTP
–Can’t recognize related transactions
(Cookies)
–<=
span
style=3D'font-family:"Times New Roman";mso-ascii-font-family:"Times New Ro=
man";
color:#919191;mso-color-index:2;display:none'>
•URL
–Links breaks when you move a file (PURL)&=
#13;
•&#=
13;
What’s a Document?
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0069.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Content
&#=
8226;Structure
&#=
8226;Appearance
&#=
8226;Behavior
History of Structured Documents
&#=
8226;Early
standards were “typesetting languages”
&=
#8211;NROFF,
TeX, LaTeX, SGML
&#=
8226;HTML
was developed for the Web
&=
#8211;Too
specialized for other uses
&#=
8226;Specialized
standards met other needs
&=
#8211;Change
tracking in Word, annotating manuscripts, …
&#=
8226;XML
seeks to unify these threads
&=
#8211;One
standard format for printing, viewing, processing
eXtensible Markup
Language (XML)
•<=
/span>SGML was too complex
•<=
/span>HTML was too simple
•<=
/span>Goals for XML
–<=
/span>Easily adapted to specific tasks
•Rendering Web pages
•Encoding metadata
•“Sem=
antic
Web”
–<=
/span>Easily created
–<=
/span>Easily processed
–<=
/span>Easily read
–<=
/span>Concise
A Family of Standards
&#=
8226;Definition:
DTD
&#=
8211;Names
known types of entities with “labels”
&#=
8211;Defines
part-whole and is-a relationships
&#=
8226;Markup:
XML
&#=
8211;“Tags” regio=
ns of
text with labels
&#=
8226;Markup:
XLink
&=
#8211;Defines
“hypertext” (and other) link relationships
<=
/div>
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0152.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
&#=
8226;Presentation:
XSL
&=
#8211;Specifies
how each type of entity should be “rendered”
XHTML: Writing HTML as XML=
<?xml version=3D"1.0"
encoding=3D"iso-8859-1"?>
<html xmlns=3D"http://www.w3.org/TR/xhtml1"<=
/span> >
<head>
<titl=
e>
Title of text XHTML Document </title>
</head>
<body>
<div class=3D"myDiv">
<h1> Heading of Page </h1>
<p> here is a paragraph of text. I will include inside this paragraph
=
;
a bunch of wonky text so that it looks fancy.
</p>
<p>Here is another paragraph with <em>inline
emphasized</em>
=
;
text, and <b> absolutely no</b> sense of humor.
</p>
<p>And another paragraph, this one with an <img
src=3D"image.gif"
=
;
alt=3D"waste of time" /> imag=
e, and
a <br /> line break. </p>
</div>
</body></html>
XHTML Example
&#=
8226;View
“The Song of the Wandering Aengus”
&#=
8226;Built
from three files
&=
#8211;yeats01.xml
&=
#8211;poem01.dtd
&=
#8211;poem01.xsl
XHTML Example
<?xml version=3D"1.0"?>
<!DOCTYPE POEM SYSTEM "poem01.dtd">
<?xml-stylesheet type=3D"text/xsl"
href=3D"poem01.xsl"?>
<POEM>
<T=
ITLE>The
Song of Wandering Aengus</TITLE>
<A=
UTHOR>
<FIRSTNAME>W.B.</FIRSTNAME>
<LASTNAME>Yeats</LASTNAME>
</=
AUTHOR>
<STANZA>
<L=
INE>I
went on to the hazel wood,</LINE>
<L=
INEIN>Because
a fire was in my head,</LINEIN>
<LINE>And cut and peeled a h=
azel
wand,</LINE>
</STANZA>
</POEM>
Document Type Definition (DTD)
<!ELEMENT poem ( (title, author, stanza)* )>
<!ELEMENT=
title
(#PCDATA) >
<!ELEMENT author (firstname, lastname) >
<!ELEMENT firstname (#PCDATA) >
<!ELEMENT
lastname (#PCDATA) >
<!ELEMENT
stanza (line+ | linein+) >
<!ELEMENT=
line
(#PCDATA) >
<!ELEMENT linein (#PCDATA) >
#=
PCDATA span o=
f text
=
a,b=
=
a followed by b
=
a|b=
either a or b
a* 0 or=
more a’s
a+ 1 or=
more a’s
Specifying Appearance: XSL=
<xsl:template match=3D"POEM">
<=
/div>
![](3D"slide0028_image039.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0028_image038.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhEwHKAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAAAS
AckAgAAAAAAAAAL/jI+py+0Po5y02ouzxiCAD4biSJbmiabqyrbuC8fyDBv0jef6zvc+b/sJh8Si
8ZgLIpfMpvMpU0Kn1Kp1KL1qt9xuKesNi8dMMPmMTt/M6rb7TWLD5/SzvI7PX+/6vn/J9yc42BNI
eIgYY5jI2Hiy6BgpCSlZmUhpmSmIqdmZx+kZCgcqWppGapoqhqrausXqGksFK1vbRGuba4Sr2/vD
6xusAyxcPENsnOyCrNycwuwcHechXf1LbZ09jK3dfcztHb4MLl7+TG6ePq3ObgLd3vsOnys/X1tv
H4uf37rPn+rvX6mAAkMRLNjpIMJMChdWaugwEsSIjSZSvITuYjSL/xoJcey4KSPIZB9H9ilp8pPI
lMFQsqTj8uWolTLp0ax57yZOfTp39uvpEyDQoAOHEjVo9GjCpEoZMm368ClUiVKnVqxqFWNWWTG3
aunq1QrYsLOwkv0z9uyTtGpvmW2rEq4otnKP0K1b5C5eLG/3vtHr1wfgwED6Ej5l+LCdxIrHDG68
hjFkL48nR5Fs+RXmzHs2c65S+XOL0KJXkC59DjVaz6rdtj7J+jWS07JH0K4d4jbuD7p398b9u3Zw
2cNfF299XHVy1MtLNxf9/HN0ztMzV7d8fXJ2yNsbd1f8/XB4wuMDl/d7fm96vOvrtpf7Hm78tvPV
1j97n2z+sPu99p3f+l9WAVo14FQFQnVgUwkqteBRDRL1YFAR+jThThXidGFNGcq04UsdsvRhSiGa
NOJIJYJ0YkcparTiRS1S9GJEMTo040I1InRjQTkKtOM/PfLzYz5B2jPkPEXCc2Q7SbKzpDpNpvOk
OVGWM6U4VYZzpTdZdrOlNl1m86U1YVYzpjRlbhTbbnypOceZzrjZzAZyzklnnXbeiWeeehYAADs=
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0028_image039.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlh8gDKAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAADx
AMkAgAAAAAAAAAL/jI+py+0Po5y02otzAwH4D4biSJbmiabqyrbuC8ekIdf2jef6zod0DwwKh8Ti
r4hMKpfMI/MJjUpZzqn1il1Ws9yu17b9isfkUbiMTnPP6ra72XnL50o2/Y6v2fP8fmrvFyj4ATho
yFd4qDiXuOio1vgoORY5abkWd6kJmbnpSdn5KYo5WkpqijpVmcqas9oKK/MaS9syW4uLcpvLaxba
C/yyGww8TMxrfIybrEzL3Az7DM0qPY1abV2KnS26ze3p/a0ZLm5JXi55ju6ovq7Y7m4IHy84T+9n
f4/4q5+b33/nH0BG/AbGEmjQDcKEnBj6K+jwGsSI2iZS7GbxIriM/xrHcexo7iPIdCJHsitp8h3K
lPJWsqzn8iW+mDL31fy08GaUnDqf8OyphSZQOT+HIilqlAjSpEKWMgXi9CmPqFJ1UK2K4ypWMEK3
itHqNQbYsMK6kj111mZatWvxjG37xyxcKW/nmqhrd4bcvHD4Et3rNwnewIQAE1Zq+HDTxIqhMm48
9TFkq5InZ61smWvmr5g3i+3suWzoLoMPlyZ8OnBqv6v5ts772m7subPh1m57e23utLvP9ib7O2xw
r8O3Fsd6vGpyqcufNmf6PGl0o9OHVgd6vWd2ndtvdq/5XWb4l+NZlk953mT6ketBtu/4XmP8i/Mp
1o9432F+hvsT9ok3+N9AAQI0YD8F6nPgPQnSs2A8Dbrz4DoRojNhORWKc+E3GXKzYTYdWvPhNCFC
M2IzJSpz4jEpErNiMC0WA9poVMQoowov9nIjMjTWqMuOPN7l4496CalKkET6YOSRhSkJRY4PMelT
kkw6uYyUSlJZC5bOWHmklgdxSaQGYo5JZplmnolmmgwUAAA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0053.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
<HTML>=
<BODY BGCOLOR=3D"#FFFFCC">
<xsl:apply-templates/>
</BODY>
</HTML>
</xsl:template>
<xsl:template match=3D"TITLE">
=
<H1>&#=
13;
<FONT COLOR=3D"Green">
&=
nbsp;
<xsl:value-of/>
</FONT>=
;
</H1>
</xsl:template>
XLink Example
……
<poem
xmlns:xlink=3D"http://www.w3.org/1999/xlink">
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0138.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
<author
xlink:href=3D"yeatsRDFS3.xml“
=
;
xlink:type=3D"simple">W. B. Yeats</author>
=
<poems>
=
;
<poem1
xlink:href=3D"http://www.kirjasto.sci.fi/wbyeats.htm" xlink:type=3D"simple">The Rose</poem1>
<poem2
xlink:href=3D"http://www.kirjasto.sci.fi/wbyeats.htm" xlink:type=3D"simple">The Tower</poem2 >
</poems> =
3;
</poem>
<=
/div>
……….
Some Basic Rules for XML
&#=
8226;XML
is case sensitive
&#=
8226;XML
declaration is the first statement
&=
#8211;<?xml
version=3D"1.0"?>
&#=
8226;An
XML document is a “tree”
&=
#8211;Must
contain one root element
&=
#8211;Other
elements must be properly nested
&#=
8226;All
start tags must have end tags
=
226;Attribute
values must have quotation marks
&=
#8211;<item
id=3D“33905”>
&#=
8226;Certain
characters are “reserved”
&=
#8211;For
example: < is used to represent <
Multiple XML Namespaces
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0077.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0155.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0090.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0049.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
![](3D"slide0089_image040.gif")
![](3D"slide0089_image041.gif")
![](3D"slide0089_image042.gif")
![](3D"slide0089_image043.gif")
![](3D"slide0089_image044.gif")
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089_image040.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhcQA4AHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAAAAABw
ADYAgQAAAAAAAP//zAECAwL/hI+pi+EPo5y02osd22yKD4biSJbmiYYSGHDbmsbyPHtl69r0ztN6
jGtEesTiCVbMKJfMJsVIckCnVFb1FhA5t1yk6hrNfsHksbkskKq67G0UzRLD5ze6Ot7OL0dy9P2j
F5jBZ9dHdwhYiLiYOPeXJhj5pKW4Jnn52AiXyehX2Wn3CbopOlpmSMZpWoUKpro61Xr1Cmsky3pb
m1SqG8vba/sLTJQbWzxcI4y8c2zbvIzyTCwNXedIXU14nb27zd2DzRz+naZMbjJek869DtRe/R4d
vzyPXj98H3bObL6vvZmvV0AtA2sVjOMvmbeEKQ4CcmgKIi2GVk5BoNiQioQGGxijgYvAAeKoZhtd
cOyILgwEkyExueTCMiaAAgA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089_image041.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhbQBSAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAEAAABq
AFAAgQAAAAAAAMDAwAECAwL/hI8JIe0Po5y02hiU3tywC4biKGTd2X3kyo4mCidqS9dYjB+zzdNv
DlMFhsSi8YhMKpdMxw94Evamoc8TypFStxQrNujkijGN61ehHau951RYvS633WV4vDTPvu1cdh69
x0fl94eQJjhFWOgRiMijuHjoaANZKDnpI7do2IjZUvl36bkCmic66qK5yViHmom3ylri+moW2klb
pbp6mmtROtfr27W7KTwsAdx2jAyhfMbc/GZriiudXBxpfe2cbbnNPR0ruxNOBhsbff38pS7NjuXe
DA8lj0wPZD+Mn6Pvy4/DXy6AMQTSIgimlbkJCFEYdNUwCjhzEenMWsjQ2y2Fqxi7oePlhInIkSRL
VtTTEQS1YClVjlvQ8sLKZTF/vSxX88FMaCZ7+vxJ5KXQoUSLGjUKNKlSJuNw5tQJcqnUqUW0OX0a
8hbVrVM/xivDNWxSr/kuYpVJtmAJsWzH7gS0tq1ckxo3MLh6llhaDXfzsribcK7gn3Vl+Ri8hBLK
GngFNXYJlxLiJoo5+R3z4vFlHzA3w5kMmq3nz5pH/y1tmsSQ1GJWs94SOjbVAgA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089_image042.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhrAAKAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAEAAgCp
AAYAgAAAAAAAAAIxhI+py+0Po5y0umCz3rz7HYTfSJbmCYRqqrbuC8fyTNf2jef6jvb+72sBh8Ri
RnQoAAA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089_image043.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlhrAAKAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAMAAgCo
AAYAgAAAAAAAAAIwhBGny+0Po5y02luDxrz7D4aWRpbmiabqyrbuC8fyTIr2jed6rff+D2QkgsSi
0VIAADs=
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0089_image044.gif
Content-Transfer-Encoding: base64
Content-Type: image/gif
R0lGODlh6wBFAHcAMSH+GlNvZnR3YXJlOiBNaWNyb3NvZnQgT2ZmaWNlACH5BAEAAAAALAIAAADn
AEMAgQAAAAAAAP//zAECAwL/hI8Xm+0Po5y02ouz3jyu0IXiSJbmWX7oyrbuC6vwTNe2Ld/6zvdV
7gsKh7QPiIhMKkPGpfMJhQCj1Cpxas1qcYyt9/vCgsdkjriMTkua6o3xDY/L5/S6Xf5ktx9xgf8P
GCg4SFhoeAjYJ3AUdQYGhxgpOUmpOMhY5QgFSdnp6ckpiZml6WP5iZoqeApKVjpzFys7Sxuqmpim
h3PL2/sX4Es4WqYbs1qLnGx0GXy5p/A6ApzYXB04TW39C/ccbXasHF67qv0L8PYMPSxd3m6IrX1U
nO79cy2OP0veLs9Q/9iFyb18BOvsK8do1L8v8yzAcwfRz8Nq6xAsZDilosWI/xwlutOY4CJGEKUe
Fjw552C8CyJHBnQwEaXMD8z4aWipBR2fjhwnNgM54SU9TT55UvwoAieaokaDMe0FlKXQdDCbfkRq
QqmXp1ZvcfXKQquVr11RkU0VtYPYRmXjYQ0zVc3ZtpXewkq7ZS5dUXaLxH2092dfLrkCOx18Yy0P
vYbfId6heFdjXow74fV7eUjlySqtZa4R2cVmztkQbvqLZDRpjzaphM66Gu1jJ6h7qF59G9FnIa/V
xjY72/XuFbk5F39HrLax36CC51Qelnnz1nKhnzjeGLswqr13Sq9LnftwDNoDl19FNaR1N9/Bm07f
YD359pPOX4PPRz4F+235m03DL4V+UtDHV3gAwiRgfARG4p9EB+6XoAENWjXheOLtNmFT/DX0oAfz
LXjIcdx0CAuIIX4yIomJmeiYbjqpaAqLhfiUIoxXzIRjMiYUAAA7
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0078.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0079.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/master01.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
#PCDATA
=3D> parsed character data. The characters will be checked by an XML
parser for entity reference, which will then be replaced with their entity=
values
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/master03_stylesheet.css
Content-Transfer-Encoding: base64
Content-Type: text/css
Ym9keQ0KCXt3aWR0aDo1MzRweDsNCgloZWlnaHQ6NDAwcHg7fQ0KLlRCDQoJe21zby1zcGVjaWFs
LWZvcm1hdDpub2J1bGxldFwyMDIyO30NCi5UDQoJe3RleHQtYWxpZ246Y2VudGVyOw0KCWZvbnQt
ZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28tY29sb3It
aW5kZXg6MzsNCglmb250LXNpemU6MjA5JTt9DQouQkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1
bGxldFwyMDIyOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5CDQoJe3RleHQtYWxpZ246bGVmdDsNCglm
b250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21h
biI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNv
bG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjE1MiU7fQ0KLkIxQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6YnVsbGV0XDIwMTM7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIxDQoJe3RleHQtYWxpZ246bGVm
dDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5l
dyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJ
bXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjEzMyU7fQ0KLkIyQg0KCXttc28tc3BlY2lh
bC1mb3JtYXQ6YnVsbGV0XDIwMjI7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIyDQoJe3RleHQtYWxp
Z246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRp
bWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6Ymxh
Y2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjExNCU7fQ0KLkIzQg0KCXttc28t
c3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMTM7DQoJZm9udC1zaXplOjEwMCU7fQ0KLkIzDQoJe3Rl
eHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1p
bHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29s
b3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjk1JTt9DQouQjRCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouQjQN
Cgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsN
Cgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6OTUlO30NCi5O
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTg0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1l
cyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNr
Ow0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7fQ0KLk4xQg0KCXttc28tc3Bl
Y2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjENCgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZv
bnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFu
IjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28tY29s
b3ItaW5kZXg6MTsNCglmb250LXNpemU6NTclO30NCi5OMkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0
Om5vYnVsbGV0XDIwMjI7fQ0KLk4yDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpB
cmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJp
ZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7
DQoJZm9udC1zaXplOjU3JTt9DQouTjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwy
MDIyO30NCi5OMw0KCXt0ZXh0LWFsaWduOmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNv
LWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFt
aWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6
ZTo1NyU7fQ0KLk40Tg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTjQN
Cgl7dGV4dC1hbGlnbjpsZWZ0Ow0KCWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsN
Cgljb2xvcjpibGFjazsNCgltc28tY29sb3ItaW5kZXg6MTsNCglmb250LXNpemU6NTclO30NCi5P
Qg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjt9DQouTw0KCXt0ZXh0LWFsaWdu
OmxlZnQ7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7
DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJZm9udC1zaXplOjg1JTsNCglt
c28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3ZlcmZsb3c6MTt9DQouTzENCgl7Zm9udC1m
YW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWNoYXItd3Jh
cDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0KLk8yDQoJe2ZvbnQtZmFtaWx5OkFyaWFs
Ow0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1jaGFyLXdyYXA6MTsNCgltc28t
a2luc29rdS1vdmVyZmxvdzoxO30NCi5PMw0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYmlk
aS1mb250LWZhbWlseTpBcmlhbDsNCgltc28tY2hhci13cmFwOjE7DQoJbXNvLWtpbnNva3Utb3Zl
cmZsb3c6MTt9DQouTzQNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWJpZGktZm9udC1mYW1p
bHk6QXJpYWw7DQoJbXNvLWNoYXItd3JhcDoxOw0KCW1zby1raW5zb2t1LW92ZXJmbG93OjE7fQ0K
LkNCQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAw
JTt9DQouQ0INCgl7dGV4dC1hbGlnbjpjZW50ZXI7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNv
LWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFt
aWx5OkFyaWFsOw0KCWNvbG9yOmJsYWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6
ZToxNTIlO30NCi5DQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWZv
bnQtc2l6ZToxMDAlO30NCi5DQjENCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZv
bnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFs
O30NCi5DQjJCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyOw0KCWZvbnQtc2l6
ZToxMDAlO30NCi5DQjINCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFt
aWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5D
QjNCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDEzOw0KCWZvbnQtc2l6ZToxMDAl
O30NCi5DQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJU
aW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5DQjRCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5D
QjQNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBO
ZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5DVEINCgl7bXNvLXNw
ZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLkNUDQoJe3RleHQtYWxpZ246Y2VudGVyOw0K
CWZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJv
bWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDsNCgljb2xvcjpibGFjazsNCgltc28t
Y29sb3ItaW5kZXg6MzsNCglmb250LXNpemU6MjA5JTt9DQouSEJCDQoJe21zby1zcGVjaWFsLWZv
cm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouSEINCgl7Zm9udC1mYW1pbHk6
QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1i
aWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5IQjFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxs
ZXRcMjAxMzsNCglmb250LXNpemU6MTAwJTt9DQouSEIxDQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0K
CW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250
LWZhbWlseTpBcmlhbDt9DQouSEIyQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6YnVsbGV0XDIwMjI7
DQoJZm9udC1zaXplOjEwMCU7fQ0KLkhCMg0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNj
aWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6
QXJpYWw7fQ0KLkhCM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxldFwyMDEzOw0KCWZvbnQt
c2l6ZToxMDAlO30NCi5IQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQt
ZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30N
Ci5IQjRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAw
JTt9DQouSEI0DQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToi
VGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9DQouUUJCDQoJ
e21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsNCglmb250LXNpemU6MTAwJTt9DQouUUIN
Cgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcg
Um9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFyaWFsO30NCi5RQjFCDQoJe21zby1zcGVj
aWFsLWZvcm1hdDpidWxsZXRcMjAxMzsNCglmb250LXNpemU6MTAwJTt9DQouUUIxDQoJe2ZvbnQt
ZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsN
Cgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9DQouUUIyQg0KCXttc28tc3BlY2lhbC1mb3Jt
YXQ6YnVsbGV0XDIwMjI7DQoJZm9udC1zaXplOjEwMCU7fQ0KLlFCMg0KCXtmb250LWZhbWlseTpB
cmlhbDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJp
ZGktZm9udC1mYW1pbHk6QXJpYWw7fQ0KLlFCM0INCgl7bXNvLXNwZWNpYWwtZm9ybWF0OmJ1bGxl
dFwyMDEzOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5RQjMNCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJ
bXNvLWFzY2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQt
ZmFtaWx5OkFyaWFsO30NCi5RQjRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpidWxsZXRcMjAyMjsN
Cglmb250LXNpemU6MTAwJTt9DQouUUI0DQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2Np
aS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpB
cmlhbDt9DQouVGJsQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAyMjsNCglmb250
LXNpemU6MTAwJTt9DQouVGJsDQoJe3RleHQtYWxpZ246bGVmdDsNCglmb250LWZhbWlseTpBcmlh
bDsNCgltc28tYXNjaWktZm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGkt
Zm9udC1mYW1pbHk6QXJpYWw7DQoJY29sb3I6YmxhY2s7DQoJbXNvLWNvbG9yLWluZGV4OjE7DQoJ
Zm9udC1zaXplOjEzMyU7fQ0KLlRibDFCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwy
MDEzOw0KCWZvbnQtc2l6ZToxMDAlO30NCi5UYmwxDQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1z
by1hc2NpaS1mb250LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZh
bWlseTpBcmlhbDt9DQouVGJsMkINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7
DQoJZm9udC1zaXplOjEwMCU7fQ0KLlRibDINCgl7Zm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFz
Y2lpLWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5
OkFyaWFsO30NCi5UYmwzQg0KCXttc28tc3BlY2lhbC1mb3JtYXQ6bm9idWxsZXRcMjAxMzsNCglm
b250LXNpemU6MTAwJTt9DQouVGJsMw0KCXtmb250LWZhbWlseTpBcmlhbDsNCgltc28tYXNjaWkt
Zm9udC1mYW1pbHk6IlRpbWVzIE5ldyBSb21hbiI7DQoJbXNvLWJpZGktZm9udC1mYW1pbHk6QXJp
YWw7fQ0KLlRibDRCDQoJe21zby1zcGVjaWFsLWZvcm1hdDpub2J1bGxldFwyMDIyOw0KCWZvbnQt
c2l6ZToxMDAlO30NCi5UYmw0DQoJe2ZvbnQtZmFtaWx5OkFyaWFsOw0KCW1zby1hc2NpaS1mb250
LWZhbWlseToiVGltZXMgTmV3IFJvbWFuIjsNCgltc28tYmlkaS1mb250LWZhbWlseTpBcmlhbDt9
DQouZGVmYXVsdEINCgl7bXNvLXNwZWNpYWwtZm9ybWF0Om5vYnVsbGV0XDIwMjI7fQ0KLmRlZmF1
bHQNCgl7dGV4dC1hbGlnbjpjZW50ZXI7DQoJZm9udC1mYW1pbHk6QXJpYWw7DQoJbXNvLWFzY2lp
LWZvbnQtZmFtaWx5OiJUaW1lcyBOZXcgUm9tYW4iOw0KCW1zby1iaWRpLWZvbnQtZmFtaWx5OkFy
aWFsOw0KCWZvbnQtd2VpZ2h0Om5vcm1hbDsNCglmb250LXN0eWxlOm5vcm1hbDsNCgl0ZXh0LWRl
Y29yYXRpb246bm9uZTsNCgl0ZXh0LXNoYWRvdzpub25lOw0KCXRleHQtZWZmZWN0Om5vbmU7DQoJ
bXNvLWZhcmVhc3QtaGludDpubzsNCglsYXlvdXQtZmxvdzpob3Jpem9udGFsOw0KCWNvbG9yOmJs
YWNrOw0KCW1zby1jb2xvci1pbmRleDoxOw0KCWZvbnQtc2l6ZTo1NyU7DQoJbXNvLXRleHQtcmFp
c2U6MCU7DQoJbXNvLWxpbmUtc3BhY2luZzoiMTAwIDAgMCI7DQoJbXNvLW1hcmdpbi1sZWZ0LWFs
dDowOw0KCW1zby10ZXh0LWluZGVudC1hbHQ6MDsNCgltc28tY2hhci13cmFwOjA7DQoJbXNvLWtp
bnNva3Utb3ZlcmZsb3c6MDsNCglkaXJlY3Rpb246bHRyOw0KCW1zby13b3JkLXdyYXA6MTsNCglt
c28tdmVydGljYWwtYWxpZ24tc3BlY2lhbDpiYXNlbGluZTsNCgltc28tYW5zaS1sYW5ndWFnZTpF
Ti1VUzt9DQphOmxpbmsNCgl7Y29sb3I6I0ZDMDEyOCAhaW1wb3J0YW50O30NCmE6YWN0aXZlDQoJ
e2NvbG9yOiMwMEFFMDAgIWltcG9ydGFudDt9DQphOnZpc2l0ZWQNCgl7Y29sb3I6I0NFQ0VDRSAh
aW1wb3J0YW50O30NCn==
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/script.js
Content-Transfer-Encoding: quoted-printable
Content-Type: application/javascript; charset="us-ascii"
function LoadSld()
{
var sld=3DGetObj("SlideObj")
if( !g_supportsPPTHTML ) { =09
sld.style.visibility=3D"visible"
return
}
if( MakeNotesVis() ) return
runAnimations =3D _InitAnimations();
=09
if( IsWin("PPTSld") )
parent.SldUpdated(GetSldId())
g_origSz=3DparseInt(SlideObj.style.fontSize)
g_origH=3Dsld.style.posHeight
g_origW=3Dsld.style.posWidth
g_scaleHyperlinks=3D(document.all.tags("AREA").length>0)
if( g_scaleHyperlinks )
InitHLinkArray()
if( g_scaleInFrame||(IsWin("PPTSld") && parent.IsFullScrMode() ) )
document.body.scroll=3D"no"
_RSW()
if( IsWin("PPTSld") && parent.IsFullScrMode() )
FullScrInit();
=09
MakeSldVis();
ChkAutoAdv()
if( runAnimations )
{
if( document.all("NSPlay") )
document.all("NSPlay").autoStart =3D false;
if( sld.filters && sld.filters.revealtrans )
setTimeout( "document.body.start()", sld.filters.revealtrans.duration * =
1000 );
else
document.body.start();
}
}
function MakeSldVis()=20
{
var fTrans=3Dg_showAnimation && SldHasTrans()
if( fTrans )=09
{
if( g_bgSound ) {
idx=3Dg_bgSound.indexOf(",");
pptSound.src=3Dg_bgSound.substr( 0, idx );
pptSound.loop=3D -(parseInt(g_bgSound.substr(idx+1)));
}
SlideObj.filters.revealtrans.Apply()=09
}
SlideObj.style.visibility=3D"visible"
if( fTrans )
SlideObj.filters.revealtrans.Play()
}
function MakeNotesVis()=20
{
if( !IsNts() ) return false=20
SlideObj.style.display=3D"none"
nObj =3D document.all.item("NotesObj")
parent.SetHasNts(0)
if( nObj ) {=20
nObj.style.display=3D""
parent.SetHasNts(1)
}
return 1
}
function ChkAutoAdv()
{
if(SldHasTrans())
SlideObj.onfilterchange=3DAutoAdv
else
AutoAdv()
}
function AutoAdv()
{
if(!IsWin("PPTSld") || !gUseSldTimings )return
var sld=3DGetCurSld()
if( (sld.mAdvDelay>0) && !parent.IsFramesMode() )
setTimeout("parent.GoToNextSld()",sld.mAdvDelay)
}
function GetObj(id)
{
if(g_supportsPPTHTML) return document.all(id);
else return document.getElementById(id);
}
function SldHasTrans() { return SlideObj.style.filter !=3D ""; }
function GetSldId()=20
{
var regExp =3D /file:\/\/\//i
var pos =3D location.href.search(regExp)
if (MHTMLPrefix !=3D "" && pos !=3D -1)
sId =3D location.href.substring(pos)
else
{
sId =3D RemoveFilePrefixFromHref(location.href);
var regExp =3D /\//
var fixedHref =3D sId
var pos =3D -1
=09
pos =3D fixedHref.search(regExp)
while (pos !=3D -1)
{
fixedHref =3D fixedHref.replace(regExp, "\\")
pos =3D fixedHref.search(regExp)
}
=09
if (g_fBaseHyperlink =3D=3D true)
sId =3D "file:///" + fixedHref;
else
sId =3D fixedHref.substring(fixedHref.lastIndexOf('\\') + 1)
}
=09
return sId
}
function HideMenu() { if( frames["PPTSld"] && PPTSld.document.all.item("ctx=
tmenu") && PPTSld.ctxtmenu.style.display!=3D"none" ) { PPTSld.ctxtmenu.styl=
e.display=3D'none'; return true } return false }
function IsWin( name ) { return window.name =3D=3D name }
function IsNts() { return IsWin("PPTNts") }
function IsSldOrNts() { return( IsWin("PPTSld")||IsWin("PPTNts") ) }
function SupportsPPTAnimation() { return( navigator.platform =3D=3D "Win32"=
&& navigator.appVersion.indexOf("Windows")>0 ) }
function SupportsPPTHTML()
{
var appVer=3Dnavigator.appVersion, msie=3DappVer.indexOf("MSIE "), ver=3D0
if( msie >=3D 0 )
ver=3DparseFloat( appVer.substring( msie+5, appVer.indexOf(";",msie) ) )
else
ver=3DparseInt(appVer)
return( ver >=3D 4 && msie >=3D 0 )
}
function _RSW()
{
if( !g_supportsPPTHTML || IsNts() ||
( !g_scaleInFrame && (!IsWin("PPTSld") || !parent.IsFullScrMode()) ) )
return
var padding=3D0;
if( IsWin("PPTSld") && parent.IsFramesMode() ) padding=3D6
cltWidth=3Ddocument.body.clientWidth-padding
cltHeight=3Ddocument.body.clientHeight-padding
factor=3D(1.0*cltWidth)/g_origW
if( cltHeight < g_origH*factor )
factor=3D(1.0*cltHeight)/g_origH
newSize =3D g_origSz * factor
if( newSize < 1 ) newSize=3D1
s=3DSlideObj.style
s.fontSize=3DnewSize+"px"
s.posWidth=3Dg_origW*factor
s.posHeight=3Dg_origH*factor
s.posLeft=3D(cltWidth-s.posWidth+padding)/2
s.posTop=3D(cltHeight-s.posHeight+padding)/2
if( g_scaleHyperlinks )
ScaleHyperlinks( factor )
}
function _InitAnimations()
{
animRuntimeInstalled =3D ''+document.body.localTime !=3D 'undefined';
isFullScreen =3D (window.name =3D=3D "PPTSld") && !parent.IsFramesMode();
g_animUseRuntime =3D g_showAnimation && animRuntimeInstalled && !(isFullSc=
reen && parent.IsSldVisited());
if( g_animUseRuntime ) {
collSeq =3D document.all.tags("seq");
if( collSeq !=3D null ) {
for(ii=3D0;ii numSlds )
gSldJumpIdx =3D numSlds;
if ( gSldJumpIdx >=3D 0 ) {
if ( gSldJumpIdx =3D=3D 0 )
gSldJumpIdx =3D 1;
var jumpTo =3D parseInt(gSldJumpIdx);
gSldJump =3D 0; gSldJumpIdx =3D "";
win.GoToSld( parent.GetSldList().mList[jumpTo-1].mSldHref )
}
}
}
function _KDH()
{
if( event.keyCode =3D=3D 8 ) {
event.returnValue =3D 0;
parent.GoToPrevSld();
}
}function DocumentOnClick()
{
if( IsNts() || parent.HideMenu() ) return;
if( ( g_allowAdvOnClick && (window.name=3D=3D"PPTSld") && !parent.IsFrames=
Mode() ) ||
(event && event.keyCode=3D=3D32) ) {
=09
if( g_animUseRuntime && g_animMainSequence && g_animMainSequence.cangonex=
t )
return;
parent.GoToNextSld();
}
}
var g_supportsPPTHTML =3D SupportsPPTHTML(), g_scaleInFrame =3D 1, gId=3D""=
, g_bgSound=3D"",
g_scaleHyperlinks =3D false, g_allowAdvOnClick =3D 1, g_showInBrowser =
=3D 0, gLoopCont =3D 0, gUseSldTimings =3D 0;
var g_showAnimation =3D g_supportsPPTHTML && SupportsPPTAnimation() && ( (w=
indow.name=3D=3D"PPTSld" && !parent.IsFramesMode()) || g_showInBrowser );va=
r g_animManager =3D null;
var g_animUseRuntime =3D false;
var g_animItemsToHide, g_animInteractiveItems, g_animSlideTime;
var g_animMainSequence =3D null;
var ENDSHOW_MESG=3D"End of slide show, click to exit.", SCREEN_MODE=3D"Fram=
es", gIsEndShow=3D0, NUM_VIS_SLDS=3D56, SCRIPT_HREF=3D"script.js", FULLSCR_=
HREF=3D"fullscreen.htm";
var gCurSld =3D gPrevSld =3D 1, g_offset =3D 0, gNtsOpen =3D gHasNts =3D gO=
tlTxtExp =3D 0, gHasNarration =3D 0, gOtlOpen =3D true
window.gPPTHTML=3DSupportsPPTHTML()
var g_fBaseHyperlink =3D false;
var gMainDoc=3Dnew Array(new hrefList("slide0001.htm",1,-1,1),new hrefList(=
"slide0096.htm",1,-1,1),new hrefList("slide0087.htm",1,-1,1),new hrefList("=
slide0102.htm",1,-1,1),new hrefList("slide0074.htm",1,-1,1),new hrefList("s=
lide0141.htm",1,-1,1),new hrefList("slide0075.htm",1,-1,1),new hrefList("sl=
ide0104.htm",1,-1,1),new hrefList("slide0076.htm",1,-1,1),new hrefList("sli=
de0055.htm",1,-1,1),new hrefList("slide0058.htm",1,-1,1),new hrefList("slid=
e0120.htm",1,-1,1),new hrefList("slide0122.htm",1,-1,1),new hrefList("slide=
0060.htm",1,-1,1),new hrefList("slide0067.htm",1,-1,1),new hrefList("slide0=
056.htm",1,-1,1),new hrefList("slide0057.htm",1,-1,1),new hrefList("slide00=
68.htm",1,-1,1),new hrefList("slide0124.htm",1,-1,1),new hrefList("slide005=
9.htm",1,-1,1),new hrefList("slide0062.htm",1,-1,1),new hrefList("slide0125=
.htm",1,-1,1),new hrefList("slide0073.htm",1,-1,1),new hrefList("slide0063.=
htm",1,-1,1),new hrefList("slide0108.htm",1,-1,1),new hrefList("slide0110.h=
tm",1,-1,1),new hrefList("slide0111.htm",1,-1,1),new hrefList("slide0112.ht=
m",1,-1,1),new hrefList("slide0109.htm",1,-1,1),new hrefList("slide0012.htm=
",1,-1,1),new hrefList("slide0013.htm",1,-1,1),new hrefList("slide0071.htm"=
,1,-1,1),new hrefList("slide0105.htm",1,-1,1),new hrefList("slide0014.htm",=
1,-1,1),new hrefList("slide0070.htm",1,-1,1),new hrefList("slide0047.htm",1=
,-1,1),new hrefList("slide0021.htm",1,-1,1),new hrefList("slide0069.htm",1,=
-1,1),new hrefList("slide0137.htm",1,-1,1),new hrefList("slide0023.htm",1,-=
1,1),new hrefList("slide0152.htm",1,-1,1),new hrefList("slide0024.htm",1,-1=
,1),new hrefList("slide0025.htm",1,-1,1),new hrefList("slide0026.htm",1,-1,=
1),new hrefList("slide0028.htm",1,-1,1),new hrefList("slide0053.htm",1,-1,1=
),new hrefList("slide0138.htm",1,-1,1),new hrefList("slide0158.htm",1,-1,1)=
,new hrefList("slide0151.htm",1,-1,1),new hrefList("slide0077.htm",1,-1,1),=
new hrefList("slide0155.htm",1,-1,1),new hrefList("slide0090.htm",1,-1,1),n=
ew hrefList("slide0049.htm",1,-1,1),new hrefList("slide0089.htm",1,-1,1),ne=
w hrefList("slide0078.htm",1,-1,1),new hrefList("slide0079.htm",1,-1,1));
/*********************************************
Frameset functions
These functions control slide navigation
and state of the frameset.
**********************************************/
function RemoveFilePrefixFromHref(href)
{
var regExp =3D /^file:\/\/\//i;
return href.replace(regExp, "")
}
function FullScrInit()
{
g_allowAdvOnClick =3D GetCurSld().mAdvOnClk
document.body.style.backgroundColor=3D"black"
document.oncontextmenu=3Dparent._CM;
document.onkeydown =3D _KDH;
document.ondragstart=3DCancel
document.onselectstart=3DCancel
self.focus()
}
function Redirect( frmId )
{=09
var str=3Ddocument.location.hash,idx=3Dstr.indexOf('#'), sId=3DGetSldId()
if(idx>=3D0) str=3Dstr.substr(1);
if( window.name !=3D frmId && ( sId !=3D str) ) {
obj =3D GetObj("Main-File")
window.location.href=3Dobj.href+"#"+sId
return 1
}
return 0
}
var MHTMLPrefix =3D CalculateMHTMLPrefix();=20
function CalculateMHTMLPrefix()
{
if ( document.location.protocol =3D=3D 'mhtml:') {=20
href=3Dnew String(document.location.href)=20
Start=3Dhref.indexOf('!')+1=20
End=3Dhref.lastIndexOf('/')+1=20
if (End < Start)=20
return href.substring(0, Start)=20
else=20
return href.substring(0, End)=20
}
return '';
}
function GetTags(base,tag)
{
if(g_supportsPPTHTML) return base.all.tags(tag);
else return base.getElementsByTagName(tag);
}
function UpdNtsPane(){ if(frames["PPTNts"]) PPTNts.location.replace( MHTMLP=
refix+GetHrefObj( gCurSld ).mNtsHref ) }
function UpdNavPane( sldIndex ){ if(gNavLoaded) PPTNav.UpdNav() }
function UpdOtNavPane(){ if(gOtlNavLoaded) PPTOtlNav.UpdOtlNav() }
function UpdOtlPane(){ if(gOtlLoaded) PPTOtl.UpdOtl() }
function SetHasNts( fVal )
{
if( gHasNts !=3D fVal ) {
gHasNts=3DfVal
UpdNavPane()
}
}
function ToggleOtlText()
{
gOtlTxtExp=3D!gOtlTxtExp
UpdOtlPane()
}
function ClearMedia()
{
// Clear any sounds playing before launching another browser window. Other=
wise,
// in fullscreen mode, you'll continue to hear the sound in the frames mod=
e.
if (PPTSld.pptSound) PPTSld.pptSound.loop =3D 0;
}
function FullScreen()
{=20
if ( PPTSld.g_animUseRuntime )
PPTSld.document.body.pause();
ClearMedia();
var href =3D ( document.location.protocol =3D=3D 'mhtml:') ? FULLSCR_HREF =
: FULLSCR_HREF+"#"+GetHrefObj(gCurSld).mSldHref;
if (MHTMLPrefix !=3D "")
href =3D RemoveFilePrefixFromHref(href)
if(PPTNav.event.ctrlKey) {
var w =3D (window.screen.availWidth * 1.0) / 2.0
var h =3D w * (PPTSld.g_origH * 1.0) / PPTSld.g_origW
win =3D window.open( MHTMLPrefix+href,null,"toolbar=3D0,resizable=3D1,top=
=3D0,left=3D0," + "width=3D"+ w + ",height=3D" + h );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
else
{
win =3D window.open( MHTMLPrefix+href,null,"fullscreen=3Dyes" );
if( win.document.body && PPTSld.g_animUseRuntime )
win.document.body.PPTSldFrameset=3Dwindow;
}
}
function ToggleVNarration()
{
rObj=3DPPTSld.document.all("NSPlay")
if( rObj && !PPTSld.g_animUseRuntime ) {
if( (rObj.playState =3D=3D 1)||(rObj.playState =3D=3D 0) )
rObj.Play()
else if( rObj.playState =3D=3D 2 )
rObj.Pause()
else
return;
}
else if( PPTSld.g_animUseRuntime )
{
narObj =3D PPTSld.document.all("narrationID")
if( narObj )
narObj.togglePause()
}
}
function GetCurSldNum()
{ =20
obj=3DGetHrefObj(gCurSld)
if( obj.mOrigVis =3D=3D 1 )
return obj.mSldIdx
else =20
return gCurSld
}
function GetNumSlds()
{ =20
if( GetHrefObj(gCurSld).mOrigVis =3D=3D 1 )
return GetSldList().mNumVisSlds;
else
return GetSldList().mList.length
}
function GetSldNum( href )
{
for(ii=3D0; ii 1 )
PopSldList();
else if( !IsFramesMode() ) {
if( gLoopCont )
GoToFirst()
else
EndShow()
}
}
function GoToPrevSld()
{
ii=3DgCurSld-1
if( ii > 0 ) {
obj=3DGetHrefObj(ii)
while ( obj && ( obj.mVis =3D=3D 0 ) && ( ii>0 ) )
obj=3DGetHrefObj(--ii)
if( ii =3D=3D 0 ) ii=3D1
GoToSldNum(ii)
}
}
function GoToFirst(){ GoToSld( GetHrefObj(1).mSldHref ) }
function GoToLast()
{
ii=3DGetSldList().mList.length
if( ii !=3D gCurSld )
GoToSld( GetHrefObj(ii).mSldHref )
}
function GoToSldNum( num )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
obj =3D GetHrefObj( num )
obj.mVis=3D1
gPrevSld=3DgCurSld
gCurSld =3D num;
=09
if (MHTMLPrefix !=3D "")
PPTSld.location.replace(MHTMLPrefix+RemoveFilePrefixFromHref(obj.mSldHref=
))
else
PPTSld.location.replace(obj.mSldHref)
=09
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function GoToSld( href )
{
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
GetHrefObj( GetSldNum(href) ).mVis=3D1
if (MHTMLPrefix !=3D "")
PPTSld.location.replace(MHTMLPrefix+RemoveFilePrefixFromHref(href))
else
PPTSld.location.replace(href)
}
function SldUpdated( id )
{
if( id =3D=3D GetHrefObj(gCurSld).mSldHref ) return
gPrevSld=3DgCurSld
gCurSld=3DGetSldNum(id)
if( IsFramesMode() ) {
UpdNavPane(); UpdOtlPane(); UpdNtsPane()
}
}
function PrevSldViewed(){ GoToSld( GetHrefObj(gPrevSld).mSldHref ) }
function HasPrevSld() { return ( gIsEndShow || ( gCurSld !=3D 1 && GetHrefO=
bj( gCurSld-1 ).mVis =3D=3D 1 )||( GetCurSldNum() > 1 ) ) }
function HasNextSld() { return (GetCurSldNum() !=3D GetNumSlds()) }
function CloseWindow() {
if( HideMenu() ) return;
=09
var event =3D PPTSld.event;
if( !IsFramesMode() && event && (event.keyCode=3D=3D27 || event.keyCode=3D=
=3D32 || event.type=3D=3D"click" ) )
window.close( self );
CatchNumKeys( self, event );
}
function Unload() { gIsEndShow=3D0; }
function SetupEndShow() {
gIsEndShow=3D1;
PPTSld.document.body.scroll=3D"no";
PPTSld.document.onkeypress=3DCloseWindow;
PPTSld.document.onclick=3DCloseWindow;
PPTSld.document.oncontextmenu=3D_CM;
}
function EndShow()
{
if( IsFramesMode() ) return
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
doc=3DPPTSld.document
var dir =3D doc.body.dir
if( dir !=3D "rtl" ) dir =3D "ltr";
doc.open()
doc.writeln(' 0) {
PushSldList(sldList,fEnd);
gCurSld =3D 1;
}
else
if( PPTSld.event ) PPTSld.event.cancelBubble=3Dtrue
}
function PushSldList(arr,fEnd) {
var ii =3D gSldStack.length;
gSldStack[ii] =3D new SldList(arr,gCurSld,fEnd);
GoToSld( gSldStack[ii].mList[0].mSldHref );
}
function PopSldList() {
if (gSldStack[gSldStack.length-1].fEndShow)
EndShow()
else {
gCurSld =3D gSldStack[gSldStack.length-1].mCurSld;
gSldStack[gSldStack.length-1] =3D null;
gSldStack.length--;
var sldList =3D gSldStack[gSldStack.length-1];
GoToSld( sldList.mList[gCurSld - 1].mSldHref );
}
}
var custShowList=3Dnew Array();
/*********************************************
Navigation button implementation
There are 2 types of buttons: ImgBtn, TxtBtn
implemented as function objects. They share
a similiar interface so the event handlers
can call SetActive, for example, on a button=20
object without needing to know exactly=20
what type of button it is.
**********************************************/
//----------------------------------
function ImgBtn( oId,bId,w,action )
//----------------------------------
{
var t=3Dthis
t.Perform =3D _IBP
t.SetActive =3D _IBSetA
t.SetInactive=3D _IBSetI
t.SetPressed =3D _IBSetP
t.SetDisabled=3D _IBSetD
t.Enabled =3D _IBSetE
t.ChangeIcon =3D null
t.UserAction =3D action
t.ChgState =3D _IBUI
t.mObjId =3D oId
t.mBorderId=3D bId
t.mWidth =3D w
t.mIsOn =3D t.mCurState =3D 0
}
function _IBSetA()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _IBSetI()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0=20
}
}
function _IBSetP()
{
if( this.mIsOn ) {
obj=3Dthis.ChgState( gShadowClr,gHiliteClr,2 )
obj.style.posLeft+=3D1; obj.style.posTop+=3D1
}
}
function _IBSetD()
{ =20
obj=3Dthis.ChgState( gFaceClr,gFaceClr,0 )
obj.style.posTop=3D0=20
}
function _IBSetE( state )
{
var t=3Dthis
GetObj( t.mBorderId ).style.visibility=3D"visible"
if( state !=3D t.mIsOn ) {
t.mIsOn=3Dstate
if( state )
t.SetInactive()
else
t.SetDisabled()
}
}
function _IBP()
{
var t=3Dthis
if( t.mIsOn ) {
if( t.UserAction !=3D null )
t.UserAction()
if( t.ChangeIcon ) {
obj=3DGetObj(t.mObjId)
if( t.ChangeIcon() )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-4)*t.mWidth
else
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-0)*t.mWidth
}
t.SetActive()
} =20
}
function _IBUI( clr1,clr2,nextState )
{
var t=3Dthis
SetBorder( GetObj( t.mBorderId ),clr1,clr2 )
obj=3DGetObj( t.mObjId )
obj.style.posLeft=3Dobj.style.posLeft+(t.mCurState-nextState)*t.mWidth-obj=
.style.posTop
t.mCurState=3DnextState
return obj
}
//-----------------------------------------
function TxtBtn( oId,oeId,action,chkState )
//-----------------------------------------
{
var t=3Dthis
t.Perform =3D _TBP
t.SetActive =3D _TBSetA
t.SetInactive=3D _TBSetI
t.SetPressed =3D _TBSetP
t.SetDisabled=3D _TBSetD
t.SetEnabled =3D _TBSetE
t.GetState =3D chkState
t.UserAction =3D action
t.ChgState =3D _TBUI
t.mObjId =3D oId
t.m_elementsId=3D oeId
t.mIsOn =3D 1
}
function _TBSetA()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gHiliteClr,gShadowClr,0,0 )
}
function _TBSetI()
{
var t=3Dthis
if( t.mIsOn && !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
}
function _TBSetP()
{
if( this.mIsOn )
this.ChgState( gShadowClr,gHiliteClr,1,1 )
}
function _TBSetD()
{ =20
this.ChgState( gFaceClr,gFaceClr,0,0 )
this.mIsOn =3D 0
}
function _TBSetE()
{
var t=3Dthis
if( !t.GetState() )
t.ChgState( gFaceClr,gFaceClr,0,0 )
else
t.ChgState( gShadowClr,gHiliteClr,1,1 )
t.mIsOn =3D 1
}
function _TBP()
{
var t=3Dthis
if( t.mIsOn ) {=20
if( t.UserAction !=3D null )
t.UserAction()
if( !t.GetState )
return
if( t.GetState() )
t.SetPressed()
else
t.SetActive()
} =20
}
function _TBUI( clr1,clr2,lOffset,tOffset )
{
SetBorder( GetObj( this.mObjId ),clr1,clr2 )
Offset( GetObj( this.m_elementsId ),lOffset,tOffset )
}
function Offset( obj, top, left ){ obj.style.top=3Dtop; obj.style.left=3Dle=
ft }
function SetBorder( obj, upperLeft, lowerRight )
{
s=3Dobj.style;
s.borderStyle =3D "solid"
s.borderWidth =3D 1=20
s.borderLeftColor =3D s.borderTopColor =3D upperLeft
s.borderBottomColor=3D s.borderRightColor =3D lowerRight
}
function GetBtnObj(){ return gBtnArr[window.event.srcElement.id] }
function BtnOnOver(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetActive() }
function BtnOnDown(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetPressed() }
function BtnOnOut(){ b=3DGetBtnObj(); if( b !=3D null ) b.SetInactive() }
function BtnOnUp()
{
b=3DGetBtnObj()
if( b !=3D null )
b.Perform()
else
Upd()
}
function GetNtsState(){ return parent.gNtsOpen }
function GetOtlState(){ return parent.gOtlOpen }
function GetOtlTxtState(){ return parent.gOtlTxtExp }
function NtsBtnSetFlag( fVal )
{
s=3Ddocument.all.item( this.m_flagId ).style
s.display=3D"none"
if( fVal )
s.display=3D""
else
s.display=3D"none"
}
function _BSetA_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etActive() }
function _BSetI_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etInactive() }
function _BSetP_Border(){ b =3D gBtnArr[this.mObjId]; if( b !=3D null ) b.S=
etPressed() }
function _BSetA_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]=20
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gHiliteClr,gShadowClr,2 )
obj.style.posTop=3D0
}
}
function _BSetI_BorderImg()
{=20
b =3D gBtnArr[this.mBorderId]
if( b !=3D null && this.mIsOn && !b.GetState() ) {
obj=3Dthis.ChgState( gFaceClr,gFaceClr,1 )
obj.style.posTop=3D0
}
}
var gHiliteClr=3D"THREEDHIGHLIGHT",gShadowClr=3D"THREEDSHADOW",gFaceClr=3D"=
THREEDFACE"
var gBtnArr =3D new Array()
gBtnArr["nb_otl"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOtlPan=
e,GetOtlState )
gBtnArr["nb_otlElem"] =3D new TxtBtn( "nb_otl","nb_otlElem",parent.ToggleOt=
lPane,GetOtlState )
gBtnArr["nb_nts"] =3D new ImgBtn( "nb_nts","nb_ntsBorder",10,parent.ToggleN=
tsPane )
gBtnArr["nb_nts"].SetActive =3D _BSetA_BorderImg;
gBtnArr["nb_nts"].SetInactive =3D _BSetI_BorderImg;
gBtnArr["nb_ntsBorder"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.=
ToggleNtsPane,GetNtsState )
gBtnArr["nb_ntsElem"] =3D new TxtBtn( "nb_ntsBorder","nb_ntsElem",parent.To=
ggleNtsPane,GetNtsState )
gBtnArr["nb_prevBorder"] =3D gBtnArr["nb_prev"]=3D new ImgBtn( "nb_prev","n=
b_prevBorder",30,parent.GoToPrevSld )
gBtnArr["nb_nextBorder"] =3D gBtnArr["nb_next"]=3D new ImgBtn( "nb_next","n=
b_nextBorder",30,parent.GoToNextSld )
gBtnArr["nb_sldshw"]=3D new ImgBtn( "nb_sldshw","nb_sldshwBorder",18,parent=
.FullScreen )
gBtnArr["nb_sldshwBorder"] =3D new TxtBtn( "nb_sldshw","nb_sldshwBorder",pa=
rent.FullScreen,null )
gBtnArr["nb_sldshwBorder"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwBorder"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_sldshwText"] =3D new TxtBtn( "nb_sldshw","nb_sldshwText",parent=
.FullScreen,null )
gBtnArr["nb_sldshwText"].SetActive =3D _BSetA_Border;
gBtnArr["nb_sldshwText"].SetInactive =3D _BSetI_Border;
gBtnArr["nb_voice"] =3D gBtnArr["nb_voiceBorder"] =3D new ImgBtn( "nb_voice=
","nb_voiceBorder",18,parent.ToggleVNarration )
gBtnArr["nb_otlTxtBorder"] =3D gBtnArr["nb_otlTxt"]=3D new ImgBtn( "nb_otlT=
xt","nb_otlTxtBorder",23,parent.ToggleOtlText )
gBtnArr["nb_ntsBorder"].m_flagId=3D "nb_nts"
gBtnArr["nb_ntsBorder"].SetFlag =3D NtsBtnSetFlag
gBtnArr["nb_otlTxt"].ChangeIcon=3D GetOtlTxtState
/*********************************************
Context menu implementation
_CM() is the function that's hooked up to
the oncontextmenu event. Once we're asked to
show the menu, we first build it by creating
DIVs on-the-fly. Then we position it=20
within the screen area so it doesn't get
clipped.
Creating the DIVs using createElement() means
we don't have to write out any extra HTML
into the slide HTML files.
**********************************************/
var sNext=3D"Next",sPrev=3D"Previous",sEnd=3D"End Show",sFont=3D"Arial",sAr=
row=3D"Arrow",sFreeform=3D"Freeform",sRect=3D"Rectangle",sOval=3D"Oval"
function ShowMenu()
{
BuildMenu();
var doc=3DPPTSld.document.body,x=3DPPTSld.event.clientX+doc.scrollLeft,y=
=3DPPTSld.event.clientY+doc.scrollTop
m =3D PPTSld.document.all.item("ctxtmenu")
m.style.pixelLeft=3Dx
if( (x+m.scrollWidth > doc.clientWidth)&&(x-m.scrollWidth > 0) )
m.style.pixelLeft=3Dx-m.scrollWidth
m.style.pixelTop=3Dy
if( (y+m.scrollHeight > doc.clientHeight)&&(y-m.scrollHeight > 0) )
m.style.pixelTop=3Dy-m.scrollHeight
m.style.display=3D""
}
function _CM()
{
if( !parent.IsFullScrMode() ) return;
if(!PPTSld.event.ctrlKey) {
ShowMenu()
return false
} else
HideMenu()
}
function BuildMenu()
{
if( PPTSld.document.all.item("ctxtmenu") ) return
var mObj=3DCreateItem( PPTSld.document.body )
mObj.id=3D"ctxtmenu"
mObj.style.visibility=3D"hidden"
var s=3DmObj.style
s.position=3D"absolute"
s.cursor=3D"default"
s.width=3D"120px"
SetCMBorder(mObj,"menu","black")
var iObj=3DCreateItem( mObj )
SetCMBorder( iObj, "threedhighlight","threedshadow" )
iObj.style.padding=3D2
CreateMenuItem( iObj,sNext,M_GoNextSld,M_True )
CreateMenuItem( iObj,sPrev,M_GoPrevSld,M_HasPrevSld )
=09
CreateSeparator( iObj )
CreateMenuItem( iObj,sEnd,M_End,M_True )
mObj.style.visibility=3D"visible"
}
function Cancel() { window.event.cancelBubble=3Dtrue; window.event.returnVa=
lue=3Dfalse }
function Highlight() { ChangeClr("activecaption","threedhighlight") }
function Deselect() { ChangeClr("threedface","menutext") }
function Perform()
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() )
e.Action()
else
PPTSld.event.cancelBubble=3Dtrue
}
function ChangeClr( bg,clr )
{
e=3DPPTSld.event.srcElement
if( e.type=3D=3D"menuitem" && e.IsActive() ) {
e.style.backgroundColor=3Dbg
e.style.color=3Dclr
}
}
function M_HasPrevSld() { return( parent.HasPrevSld() ) }
function M_GoNextSld() { if( gIsEndShow ) M_End(); else GoToNextSld() }
function M_GoPrevSld() { if( gIsEndShow ) { gIsEndShow=3D0; history.back();=
PPTSld.event.cancelBubble=3Dtrue; } else GoToPrevSld() }
function M_True() { return true }
function M_End() { window.close( self ) }
function CreateMenuItem( node,text,action,eval )
{
var e=3DCreateItem( node )
e.type=3D"menuitem"
e.Action=3Daction
e.IsActive=3Deval
e.innerHTML=3Dtext
if( !e.IsActive() )
e.style.color=3D"threedshadow"
e.onclick=3DPerform
e.onmouseover=3DHighlight
e.onmouseout=3DDeselect
s=3De.style;
s.fontFamily=3DsFont
s.fontSize=3D"9pt"
s.paddingLeft=3D2
}
function CreateSeparator( node )
{
var sObj=3DCreateItem( node )
SetCMBorder(sObj,"menu","menu")
var s=3DsObj.style
s.borderTopColor=3D"threedshadow"
s.borderBottomColor=3D"threedhighlight"
s.height=3D1
s.fontSize=3D"0px"
}
function CreateItem( node )
{
var elem=3DPPTSld.document.createElement("DIV")
node.insertBefore( elem )
return elem
}
function SetCMBorder( o,ltClr,rbClr )
{
var s=3Do.style
s.backgroundColor=3D"menu"
s.borderStyle=3D"solid"
s.borderWidth=3D1
s.borderColor=3DltClr+" "+rbClr+" "+rbClr+" "+ltClr
}
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/fullscreen.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
Document Management
<?xml version=3D"1.0"?>
<rdf:RDF
xmlns:rdf=3D"http://www.w3.org/1999=
/02/22-rdf-syntax-ns#"
xmlns:rss=3D"http://purl.org/rss/1.=
0/"
xmlns:dc=3D"http://purl.org/dc/elem=
ents/1.1/">
<rss:channel
rdf:about=3D"http://www.xml.com/xml/news.rss">
------=_NextPart_01C86C40.0AFBA5B0
Content-Location: file:///C:/A748E6C2/690s083b_files/slide0151.htm
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html; charset="us-ascii"
<rss:title>XML.com</rss:title>
<rss:link>http://xml.com/pub</rss:link>
<dc:description>
&nbs=
p;
XML.com features a rich mix of
&nbs=
p;
information and services for the XML community.
</dc:description>
<dc:subject>XML, RDF, metadata, information
&nbs=
p;
syndication services</dc:subject>
<dc:identifier>http://www.xml.com</dc:identifier>
<=
/span>
<dc:publisher>O'Reilly & Associates,
Inc.</dc:publisher>
<dc:rights>Copyright 2000, O'Reilly &
&nbs=
p;
Associates, Inc.</dc:rights>
</rss:channel>
</rdf:RDF>
Example from
http://www.xml.com/pub/a/2000/10/25/dublincore/
Really Simple Syndication (RSS)
•XML format for distributing news
headlines
See example at
http://www.nytimes.com/services/xml/rss/
Some Other XML Applications
•Text Encoding
Initiative
–For adding annotati=
on
to historical manuscripts
•Encoded Archival
Description
–To enhance automated
processing of finding aids
•Metadata Encoding a=
nd
Transmission Standard
–Bundles descriptive=
and
administrative metadata
–=
http://www.loc.gov/standards/mets/
<=
/div>
Even More Uses of XML …
•CML
– Chemical Markup Language
•CellML
– biological models
•BSML
– bioinformatic sequences
•MAGE-ML
– MicroArray Gene Expression
•XSTAR
– for archaeological research
•MARCXML<=
/span>
– MARC in XML
•AML
– astronomy markup language
•SportsML=
– for sharing sports data
What’s Wrong with the Web?<=
/span>
•HTML
–Confounds structure and appearance (XML)&=
#13;
–<=
span
style=3D'font-family:"Times New Roman";mso-ascii-font-family:"Times New Ro=
man";
color:#919191;mso-color-index:2;display:none'>
&#=
8226;HTTP
&=
#8211;Can’t
recognize related transactions (Cookies)
&#=
8226;URL
&=
#8211;Links
breaks when you move a file (URN)
Cookies
&#=
8226;Servers
know users by IP address and port
&=
#8211;Because
that’s where they send the Web pages
&#=
8226;Cookies
preserve “state”
&#=
8211;Server
sends data to the browser
&#=
8211;Browser
later responds with the same data
&=
#8226;A
unique code (server-side state)
&=
#8226;Information
about the user (client-side state)
&#=
8226;Take
a look:
&=
#8211;Tools->Internet
Options->Browsing history->Settings
Uniform Resource Names (URN): Persistent
URL
www.purl.org
PURL Sever
My
Browser
PURL
URL
Resource Sever
URL
Page
Summary
•Learning to bui=
ld
simple Web pages is easy
–Which is good n=
ews
for the homework!
•
•All documents a=
re
structured documents
–But some expose=
the
structure better than others
•
•XML is a flexib=
le
markup language
–Complete separa=
tion
of structure and appearance
Before You Go!
•On a sheet of p=
aper
(no names), answer the following question:
What was the muddiest point =
in
today’s class?
Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level
A server
that sits between a client application,
such as a Web browser, and a real
server. It intercepts all requests to the real server to see if it can ful=
fill
the requests itself. If not, it forwards the request to the
real server. Proxy servers have two main purposes:
Improve
Performance: Proxy servers can dramatically improve performance for
groups of users. This is because it saves the results of all requests for =
a certain
amount of time. Consider the case where both user
X and user Y access the World Wide Web<=
/span>
through a proxy server. First user X requests a certain Web
page, which we'll call Page 1. Sometime later, user Y reque=
sts
the same page. Instead of forwarding the request to the Web serv=
er
where Page 1 resides, which can be a time-consuming operation, the p=
roxy
server simply returns the Page 1 that it already fetched for user X.
Since the proxy server is often on the same network
as the user, this is a much faster operation. Real proxy
servers support hundreds or thousands of users. The major online services
such as Compuserve and America Online<=
/span>,
for example, employ an array of proxy servers.
Filter
Requests: Proxy servers can also be used to filter requests. For=
example,
a company might use a proxy server to prevent its employees from accessing
a specific set of Web sites.
Link this to postal service
The Difference Between FTP and HT=
TP File Tran=
sfer
Protocol , or FTP, is a protocol<=
/a>
used to upload
files from a server
or download<=
/a>
files
from a FTP server to a workstation. It is the way that files get transferr=
ed from
one device to another in order for the files to be available on the Intern=
et. When
ftp
appears in a URL
it means that the user is connecting to a file server and
not a log on
to the server in order to transfer files. In contrast, Hyper Tex=
t Transfer
Protocol , or HTTP, is a protocol used to transfer
files from a Web server onto a =
browser
in order to view a Web page that is on the Internet. Unlike F=
TP,
where entire files are transferred from one device to anoth=
er
and copied into memory, HTTP only transfers the contents of
a web page into a browser for viewing. FTP is a two-way system as files ar=
e transferred
back and forth between server and workstation. HTTP is a one-way system
as files are transported only from the server onto the workstation's browser.
When http appears in a URL it means that t=
he
user is connecting to a Web server and not a file server.=
The
files are transferred but not downloaded, therefore not
copied into the memory of the receiving device.
1.Table
can basically put all the html into it
2.Better
keep with basic table elements so that you have wider auidence
=
3.Use
indent to help you to read the table source data
Html
was introduced forhow the content should be displayed in the browser
<=
/span>
But
now html are asked to do things like
1. Tightly control document
display
2. Be flexible enough to de=
scribe
different, specific type of information
3. Convey information in a v=
ariety
of media and formats
4. Define complex linking
relationships between documents
5. Publish a single set of
information across a variety of media
What is XML? What
DTD
defines a document type in
1.
Its vocabulary, what kind of elements are allowed in the document type.=
3;
2.
It defines a content model for each element. A content model is a pattern =
that
tells what elements or data can go inside an element, in what order, in what
number, and whether they are required or optional. Think of this as the “grammar” of=
the
attribute.
Extensible
Stylesheet language XSL
http://www.w3.org/Style/CSS-vs-XSL
The
rules for linking in XML are defined in XML linking language, or Xlink
=
;
Any
xml element can be set up as a link by using XLink attributes: type, href,=
role,
title, show. And actuate. Html
was introduced forhow the content should be displayed in the browser
<=
/span>
But
now html are asked to do things like
1. Tightly control document
display
2. Be flexible enough to de=
scribe
different, specific type of information
3. Convey information in a v=
ariety
of media and formats
4. Define complex linking
relationships between documents
5. Publish a single set of
information across a variety of media
Uniform Resource Name (URN)",
for a name that identifies a resource or unit of information
independent of its location. URNs are globally unique, persistent,
and accessible over the network.
' + ENDSHOW_MESG + '
![](3D"notes_flag.gif")
No=
tes![](3D"buttons.gif")
![](3D"slide0074_image011.gif"){kind=link}