Příloha

Ukázka HTML dokumentu s jednoduchými komentáři

 <!doctype html public "-//IETF//DTD HTML 3.0//EN">

<HTML>

<HEAD><!-- Tomuto místu se říká hlavička dokumentu -->

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF0080" ALINK="#000000" BACKGROUND=pozadi.gif>

<!-- Predchozi radky umoznuji nastaveni vlastniho pozadi -->

<TITLE>Titulek slouzici jako mozna zalozka</TITLE>

</HEAD>

 </BODY>

<!-- A tady zacina vlastni telo dokumentu-->

<CENTER>

<A NAME="Zacatek"></A><!-- Tady je ukotveni pro skok na zacatek stranky -->

<h1><B><EM>Hlavni nadpis dokumentu</EM></B></h1>

<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->

Tak tady je ukazka nejakeho centrovaneho textu, ktery neni formatovan dle odstavcu, ani nema pevne ukonceny radky a prohlizec jej zobrazi podle sirky okna

<BR><!-- Nasleduji odkazy na dalsi casti dokumentu -->

<A HREF="#odkaz na prvni cast stranky"><IMG border="0" SRC="gifs/odkaz1.gif" ALT="1.odkaz"></A><BR>

<A HREF="#odkaz na druhou cast stranky "><IMG border="0" SRC="gifs/odkaz2.gif" ALT="2.odkaz"></A><BR>

<A HREF="#odkaz na treti cast stranky "><IMG border="0" SRC="gifs/odkaz3.gif" ALT="3.odkaz"></A><BR>

<!-- parametr border=0 vypina ram kolem obrazku, ktery slouzi jako odkaz-->

</CENTER>

<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->

 <A NAME=" ukotveni prvni casti stranky "></A>

<H1><STRONG><EM> prvni cast stranky</EM></STRONG></H1>

 <UL><!-- Tady je ukazka 1. typu seznamu -->

<LH></LH>

<LI><STRONG> Zvyrazneny text </STRONG> prvni polozka seznamu ...

<LI><STRONG> Zvyrazneny text </STRONG> druha polozka seznamu...

<LI><STRONG> Zvyrazneny text </STRONG> treti polozka seznamu...

<LI><STRONG> Zvyrazneny text </STRONG> ctvrta polozka seznamu...

<LI><STRONG> Zvyrazneny text </STRONG> pata polozka seznamu...

<LI><STRONG> Zvyrazneny text </STRONG> sesta polozka seznamu...

</UL>

 <CENTER><A HREF="#Zacatek"><IMG SRC="home.gif"></A></CENTER>

<A NAME="ukotveni druhe casti stranky "></A>

<P><H1><STRONG><EM>druha cast stranky</EM></STRONG></H1>

<HR ALIGN=center>

<IMG SRC="odrazka.gif"> <STRONG> Zvyrazneny text </STRONG>1.radek

<BR><IMG SRC=" odrazka.gif"><STRONG> Zvyrazneny text </STRONG>2.radek

<BR><IMG SRC=" odrazka.gif"> <STRONG> Zvyrazneny text </STRONG>3.radek

<BR><P>

 <CENTER><A HREF="#Zacatek"><IMG SRC="home.gif"></A></CENTER>

<A NAME=" ukotveni treti casti stranky "></A>

<P><H1><STRONG><EM>treti cast stranky</EM></STRONG></H1>

<HR ALIGN=center><!-- tady je centrovana horizontalni linka-->

 <CENTER><!-- A na zaver tabulka s obrazky slouzicimi jako odkazy -->

<TABLE COLSPEC="L20 L20" WIDTH=300 HEIGHT=100>

<!-- Parametry WIDTH a HEIGHT urcuji pevne vysku a sirku radku, a pri uzkem okne nemusi byt tabulka zobrazena cela, proto pouzivejte radeji procentualni zapis -->

<TR>

<TD><A HREF="#Zacatek"><IMG SRC="home.gif"></A></TD>

<TD><A HREF="welcome.htm"><IMG SRC="main.gif"></A></TD>

</TR>

</TABLE></CENTER>

 </BODY>

</HTML>

Ukázka HTML dokumentu s rámci

V následující ukázce budeme pracovat se třemi základními dokumenty, které tvoří integrální celek, který je zobrazen na následujícím obrázku. Za ním následují výpisy jednotlivých dokumentů:

mpeswel.htm - hlavní dokument, definující dva rámce pro další dokumenty vědecké konference.

chairmen.htm - seznam osob připravujících konferenci včetně odskoků na jejich stránky, které se otevírají do jiného prohlížeče.

mpes.htm - veškeré údaje konference, sestaveny do několika tabulek, číslovaných seznamů apod. Na konci dokumentu je formulář pro přihlášení na konferenci s několika typy objektů. Jeho obsah je zasílán na server Webcom, který formulář zpracuje a zašle jeho obsah elektronickou poštou na udanou adresu. Na závěr textu je umístěn krátký Java Script, tedy program pro určení, kolik dnů zbývá do začátku konference a kolik dnů uplynulo od poslední aktualizace dokumentu. Popis tohoto programu není dále rozebírán. Tvorba Java Scriptů není obsahem této příručky.

 

Obr. 1. Browser s dokumenty vědecké konference

 

Soubor mpeswel.htm

<HTML>

<HEAD>

<TITLE>SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQIPMENT SELECTION</TITLE>

</HEAD>

 

<FRAMESET COLS="30%,70%">

 

<FRAME SRC="chairmen.htm" NAME="chairmen"

MARGINHEIGHT=0

MARGINWIDTH=0

SCROLLING = "yes"

NORESIZE>

 

<FRAME SRC="mpes.htm" NAME="text">

</FRAMESET>

<NOFRAMES>

<h1>Welcome in SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQIPMENT SELECTION</H1>

You need Netscape 2.0 (or newer version) to see this screen.<br>

Click <a href="http://www.netscape.com/">here</a> to download Netscape.<br>

</NOFRAMES>

</HTML>

 Soubor chairmen.htm

<HTML>

<HEAD>

<TITLE>Symposium Chair</TITLE>

<meta name="Author" content="Radim Farana">

<meta name="GENERATOR" content="Mozilla/2.0GoldB1 (Win32)">

</HEAD>

<BODY>

<P><B>SYMPOSIUM CHAIR</B></P>

<A HREF="http://www.vsb.cz/FAKULTY/HGF/ASR/asr.html" TARGET="vedlejsi">

Prof. Vladimir Strakos</A><br>

<A HREF="http://www.vsb.cz/FAKULTY/HGF/index_hgf_eng.html" TARGET="vedlejsi">

Prof. Ctirad Schejbal</A><br>

Dr. Vladimir Kebo<br>

<hr>

<P><B>NATIONAL ORGANIZING COMMITTEE</B></P>

Prof.Jindrich Ciganek<br>

<A HREF="http://www.vsb.cz/~far10" TARGET="vedlejsi">Dr.Radim Farana</A><br>

Dr.Vlastimil Hudecek<br>

Ing.Radmila Jelinkova<br>

Doc. Vladimir Petros<br>

Doc.Pavel Prokop<br>

<A HREF="http://www.vsb.cz/~kac35" TARGET="vedlejsi">Dr.Lubomir Smutny</A><br>

<hr>

<P><B>INTERNATIONAL ORGANIZING COMMITTEE</B></P>

Dr.Newton Amegbey<br>

Dr.Sukumar Bandopadhyay<br>

Prof.Surek Borgia<br>

Dr.Robin Chowdhury<br>

Prof.Raimondo Ciccu<br>

Dr.Enge Deák<br>

Prof.T.S.Golosinski<br>

Prof.C.Dinis da Gama<br>

Prof.Michel Duchene<br>

Dr.J.S.Ewards<br>

Prof.Salim F.Estefan<br>

Dr.Andy Fourie<br>

Dr.Uta Geriach-Laxner<br>

Dr.Donald H.Graves<br>

Dr.John Hadjigeorgiou<br>

Prof.Martin Haigh<br>

Dr.Didier Hantz<br>

Prof.Wildor T.Hennies<br>

Dr.Hillary I.Inyang<br>

Dr.Uday Kumar<br>

Prof.Per-Arne Linquist<br>

Prof.Pier Paolo Manca<br>

Prof.Raimo Matikainen<br>

Dr.Juan Zuleta Mondaca<br>

Ms.Maria Morelli<br>

Prof.Pedro Ramiez Oyanguren<br>

Dr.George N.Panagiotou<br>

Prof.A.Guenhan Pasamehmetogiu<br>

Prof.Gennadiy G.Pivnyak<br>

Prof.L.Puchkov<br>

Prof.S.Sakurai<br>

Prof.C.T.Shaw<br>

Mr.B.P.Singh<br>

Dr.Raj.K.Singhal<br>

Dr.Thomson Sinkala<br>

Prof.Ctirad Schejbal<br>

Prof.Vladimir Strakos<br>

Dr.John R.Sturgul<br>

Dr.Masuyuki Ujihira<br>

Eng.Tsolo Voutov<br>

Prof.F.L.Wike<br>

Prof.Yun Qing Xia<br>

Ms.Olga Zakrzewska<br>

</BODY>

</HTML>

 Soubor mpes.htm

<HTML>

<HEAD>

<TITLE>MPES 1996</TITLE>

<meta name="Author" content="Radim Farana">

<meta name="GENERATOR" content="Mozilla/2.0GoldB1 (Win32)">

</HEAD>

 

<BODY>

<A NAME="RFObsah">

<H1>SIXTH INTERNATIONAL SYMPOSIUM ON MINE PLANNING AND EQUIPMENT SELECTION</H1>

</A>

<P>September 3 - 9, 1997

<A href="http://www.vsb.cz/OSTRAVA/ostrava.html" TARGET="vedlejsi">Ostrava</A>

, Czech Republic

<div align=right><A href=mpescz.htm><IMG SRC="crflag.gif" ALT="Česká verze" border=2 height=33 width =52 align=bottom></A></P>

<div align=left>

<table border=2 cellspacing=10 cellpadding=5 >

<tr>

<td>Please send abstract to:</td>

<td>Contact for further information:</td>

</tr>

<tr>

<td><b><i>Prof.Vladimir Strakos</b></i><br>

VSB-TU Ostrava<br>

Ostrava.Poruba<br>

708 33, Czech Republic<br>

</td>

<td><b><i>Dr.Vladimir Kebo</b></i><br>

Phone: +42 69 699 3481<br>

Fax: +42 69 699 3213<br>

+42 69 691 8589<br>

E-mail:<a HREF="mailto:some.address@email.cz">some.address@email.cz</a>

</td>

</tr>

</table>

<hr>

<A NAME="RFObsah"><H2>Content</H2></A>

<UL TYPE=disc>

<LI><div align=left><p><A HREF="#RFNadpis">Top of the page<IMG SRC="zpet.gif"></A></p>

<LI><div align=left><p><A HREF="#RFObsah">Content</A></p>

<LI><div align=left><p><A HREF="#RFProgram">Symposium Program<IMG SRC="tam.gif"></A></p>

<LI><div align=left><p><A HREF="#RFCall">Call for papers<IMG SRC="tam.gif"></A></p>

<LI><div align=left><p><A HREF="#RFRegistr">Registration form<IMG SRC="tam.gif"></A></p>

</UL>

<hr>

<A NAME="RFProgram">

<H2>Symposium Program</H2></A>

<H3>Pre-Symposium Program</H3>

<UL TYPE=disc>

<LI><B>Sat.Aug. 30</B> Arrival at Prague, pre-registration, accommodation</P>

<LI><B>Sun.Aug. 31</B> The visit to "Golden" Prague</P>

</UL>

<H3>Pre-Symposium Excursion</H3>

<UL TYPE=disc>

<LI><B>Mon.Sept. 1</B> North West Bohemia, Most, Reclamations of open pit mines and the whole colliery</P>

<LI><B>Tues.Sept. 2</B> Historical mining town of Kutná Hora excursion to ZAT (Enterprice of Mining Automation Eqipment)<br>

<B>Arrival at Ostrava, VSB-TU</B>

</UL>

<H3>Symposium Program</H3>

<UL TYPE=disc>

<LI><B>Wed.-Fri.Sept. 3-5</B></P>

</UL>

<H3>Post-Symposium Program</H3>

<UL TYPE=disc>

<LI><B>Sat.Sept. 6</B> Excursion to one of underground mines in Ostrava</P>

<LI><B>Sun.Sept. 7</B> Departure for South Moravia, wine banquet</P>

<LI><B>Mon.Sept. 8</B> Departures:<br>

a) Vienna Schwechat Airport<br>

b) Austria - Germany Excursion</P>

<LI><B>Tues.-Sat.Sept. 9-16</B> Austria - Germany, visit to Vienna, (Voest Alpine) Zeltweg, Salzburg, Nuernberg, (Siemens) Erlangen, (Mining Museum) Bochum and Frankfurt Airport.

</UL>

<I>Note: Excursion will take place if the number of participants is greater than 20.</I>

<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>

<div align=left>

<hr>

<A NAME="RFCall">

<H2>Call for Papers</H2></A>

<H3>Symposium Topics:</H3>

<OL>

<LI>Mineral resources and economisc in mining

<LI>Planning of undergound and open pit mines

<LI>Technilogies of deposit exploitation

<LI>Mining geomechanics

<LI>Modern trends of mining technologies and mechanization

<LI>Management in the maintenance of workings, mining machines and equipment

<LI>Technology of driving, drilling and blasting

<LI>Monitoring and management of mining operations and technologies

<LI>Information and expert systems in mining

<LI>Mine surveying, geology and engineering geodesy

<LI>Mineral processing

<LI>Mining and environment

</OL>

<P><B>ABSTRACT</B> of 300 words, written <B><I>in English</I></B></P>

<H3>Important dates:</H3>

<table border=2 cellspacing=1 cellpadding=1 >

<tr>

<td>Deadline for Receipt of Abstract</td>

<td><I>November 30, 1996</I></td>

</tr>

<tr>

<td>Notification of Paper Acceptance</td>

<td><I>January 30, 1996</I></td>

</tr>

<tr>

<td>Deadline for Camera Ready Manuscript </td>

<td><I>March 30, 1997</I></td>

</tr>

</table>

<H3>Organized by:</H3>

<div Align=Right>

<P><B><I><A href="http://www.vsb.cz" Target="vedlejsi">VSB - Technical University of Ostrava,</A><br>

Faculty of Mining and Geology</I></B></P>

<div align=center>

<P><B>PRESENTATIONS OF FIRMS</B> PRODUCING SW PACKAGES FOR MINING AND RAW MATERIALS INDUSTRY <B>ARE INVITED</B>.<br>

CONTACT US, PLEASE.</P>

<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>

<div align=left>

<hr>

<A NAME="RFRegistr">

<H2>Registration form</H2></A>

<FORM METHOD=POST ACTION="http://www.webcom.com/cgi-bin/form">

<INPUT TYPE=hidden name=userid value=webcom></input>

<INPUT TYPE=hidden name=form_name value=testform></input>

<INPUT TYPE=hidden name=email value="some.address@email.cz"></input>

<INPUT TYPE=hidden name=email_subject value="Prihlaseni na konferenci MPES 97 z WWW stranky"></input>

<pre><b>My address:</b>

<br>Name: <INPUT NAME="jmeno" SIZE=30></INPUT>

<br>Surname: <INPUT NAME="prijmeni" SIZE=30></INPUT>

<br>Title: <INPUT NAME="tituly" SIZE=30></INPUT>

<br>Institution/Company:

<br> <INPUT NAME="zamest" SIZE=30></INPUT>

<br>Street: <INPUT NAME="adresa" SIZE=30></INPUT>

<br>Town: <INPUT NAME="mesto" SIZE=30></INPUT>

<br>State: <INPUT NAME="stat" SIZE=30></INPUT>

<br>Postal Code: <INPUT NAME="PSC" SIZE=30></INPUT>

<br>Email: <INPUT NAME="useremail" SIZE=30></INPUT>

<br>Fax: <INPUT NAME="userfax" SIZE=30></INPUT>

<br><INPUT TYPE="checkbox" NAME="Present paper" VALUE "Abstract"></input> I wish to present a paper

<br> in the symposium topic No

<br> <SELECT NAME="TopicNo" SIZE=5>

<OPTION VALUE="1" SELECTED>1 - Mineral resources ...

<OPTION VALUE="2">2 - Planning of undergound ...

<OPTION VALUE="3">3 - Technilogies of deposit exploitation

<OPTION VALUE="4">4 - Mining geomechanics

<OPTION VALUE="5">5 - Modern trends of mining ...

<OPTION VALUE="6">6 - Management in the maintenance ...

<OPTION VALUE="7">7 - Technology of driving, drilling and blasting

<OPTION VALUE="8">8 - Monitoring and management ...

<OPTION VALUE="9">9 - Information and expert systems in mining

<OPTION VALUE="10">10- Mine surveying, geology and engineering geodesy

<OPTION VALUE="11">11- Mineral processing

<OPTION VALUE="12">12- Mining and environment

</SELECT>

<br><INPUT TYPE="checkbox" NAME="Present product" VALUE "Product"></input> We wish to present the firm product

<br><INPUT TYPE="checkbox" NAME="Mailing list" VALUE "Mail"></input> Please put my name into your mailing list

<br> I wish to participate in the excursion:

<br> <INPUT TYPE="checkbox" NAME="Pre symposium" VALUE "PreSymposium"></input> pre symposium

<br> <INPUT TYPE="checkbox" NAME="Post symposium" VALUE "PostSymposium"></input> post symposium

<br>

<TEXTAREA

NAME="abstract"

ROWS="5"

COLS="50">

Type the abstract (300 words)

</TEXTAREA>

<br>

<p>For sending the abstract press: <INPUT TYPE="submit" VALUE="SEND!"></input>.</p>

<p>For deleting the form press: <INPUT TYPE="reset" VALUE="RESET"></input>.</p>

</pre>

</FORM>

<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>

<div align=left>

<hr>

<SCRIPT LANGUAGE="JavaScript">

<!-- to hide script contents from old browsers

document.writeln("<B>More information for the JavaScript users: </B><br>")

dnes=new Date()

dnes.setMinutes(0)

dnes.setHours(0)

dnes.setSeconds(0)

konec=new Date("September 3, 1997")

msden=24*60*60*1000;

dokonce=(konec.getTime()-dnes.getTime())/msden

dokonce=Math.round(dokonce);

document.writeln("Until the begin of conference is: "+dokonce+" days.<br>")

// datum poslední aktualizace dokumentu

datakt="September 25, 1996 12:00"

akt=new Date(datakt)

odakt=(dnes.getTime()-akt.getTime())/msden

odakt=Math.round(odakt)

var tisk = "Date of last modification: "+datakt+"<br>"

document.writeln(tisk)

document.writeln("From this date expire: "+odakt+" days. <br>")

// end hiding contents from old browsers -->

</SCRIPT>

<div align=center><p><A HREF="#RFObsah"><IMG SRC="zpet.gif" BORDER=1 ALIGN=bottom>Comeback to content</A></p>

<div align=left>

<HR WIDTH=100% ALIGN=center SIZE=2>

 <p>&copy; 1996, <a HREF="mailto:some.address@email.cz">Radim Farana</a> </p>

 </BODY>

</HTML>