Popis XHTML úlohy

Z VirtlabWiki

(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
Verze z 10:06, 4. 8. 2008
Zap113 (Diskuse | příspěvky)
(→CSS styl)
← Předchozí porovnání		 Aktuální verze
Zap113 (Diskuse | příspěvky)
(→CSS styl)
Řádka 1: Řádka 1:
-== XML == 
-Balíček úlohy obsahuje topology.xml a popis zabalení úlohy task.xml, které musí být validní proti jejich schématům. 
-;* topology.rng - > topology.xml 
-;* taskupload.rng - > task.xml 
-== CSS styl ==+== HTML stránka úlohy ==
-Odkazy na CSS styly:+* hlavicka
-<ul>+
- <li>URL CSS pro úlohy: https://virtlab.cs.vsb.cz/css/task-design.css - Původní</li>+
- <li>URL CSS pro úlohy: https://homel.vsb.cz/~zap113/virtlab/css/task-design.css - Nový</li>+
-</ul>+
-Ukázka nového Css stylu pro úlohy.+
<pre> <pre>
-body {+<?xml version='1.0' encoding='utf-8'?>
- font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- font-size: 12px;+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- text-align: center;+<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs' lang='cs'>
- background-color: #FFFFFF;+<head>
-}+ <!-- ENCODING /-->
-/* Obal stránky */+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-#wrapper {+ <meta http-equiv="Content-Language" content="cs" />
- padding: 0px 0px 0px 0px;+ <!-- ENCODING end /-->
- background-color: #FFFFFF;/* #CEFFAF */+
- /*border: 1px ridge #A7CC8F;*/+ <!-- CASCADING STYLE SHEETS /-->
- position: relative;+ <!-- EXTERNAL STYLE /-->
- margin: auto;+ <link rel="stylesheet" type="text/css" href="./css/task-design.css" />
- width: 900px;+ <!-- CASCADING STYLE SHEETS - end /-->
- color: #111111;+
- text-align: justify;+ <!-- TITLE /-->
-}+ <title>Topologie 1 IP routing, RIP, statické routy</title>
 + <!-- TITLE end /-->
-/* Struktura uloh */+</head>
-div#title {+</pre>
- font-family: Arial;+* body, div wrapper
- font-size: 16px;+<pre>
- font-weight: bold;+<body>
- /*background-color: #F6FFBF;*/+<!-- WRAPPER /-->
- color: #336667;+<div id="wrapper">
- margin-left: 5px;+</pre>
- padding: 18px 0px 12px 0px;+
-}+
-div#goal {+* Název (Title)
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+ <div id="title">
- padding: 12px 0px 6px 20px;+ Title: Topologie 1 IP routing, RIP, statické cesty.
-}+ </div>
 +</pre>
-div#time {+* Cíl (Goal) - h1 nadpis
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+ <div id="goal">
- padding: 12px 0px 6px 20px;+ <h1>Goal:</h1>
-}+ Nakonfigurujte síť pomocí směrovcího protokolu RIP verze 1 a 2.
 + </div>
 +</pre>
-div#teoback {+* Cas reseni (Required Time) - h1 nadpis
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+ <div id="time">
- padding: 12px 0px 6px 20px;+ <h1>Required Time: 120 minits</h1>
-}+ </div>
-div#teoback ul li {+</pre>
- list-style-type: none;+
-}+
-div#topology {+
- border-bottom: 1px black dotted;+
- text-align: center;+
- margin: 5px;+
- padding: 12px 0px 6px 20px;+
-}+
-div#topology img {+* Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE - h1 nadpis
- /*border: 1px ridge #A7CC8F;*/+<pre>
- margin: 5px 0px 0px -20px;+ <div id="teoback">
- padding: 12px 0px 6px 20px;+ <h1>Theoretical Background:</h1>
-}+ Teoretický úvod pro RIP:
 + <ul>
 + <li><a href="http://www.ietf.org/rfc/rfc1058.txt"> RIP RFC 1085 - Ietf.org</a></li>
 + <li><a href="http://www.ietf.org/rfc/rfc1388.txt"> RIPv2 RFC 1388 - Ietf.org</a></li>
 + <li><a href="http://www.cisco.com/en/US/tech/tk1330/tsd_technology_support_technical_reference_chapter09186a0080759842.html"> RIP Technology Handbook - Cisco.com</a></li>
 + </ul>
 + Konfigurace a referenční příkazy pro RIP:
 + <ul>
 + <li><a href="http://www.cisco.com/univercd/cc/td/doc/product/software/ios124/124cg/hirp_c/ch25/ripconfg.htm"> RIP Configuration guide IOS 12.4T - Cisco.com</a></li>
 + <li><a href="http://www.cisco.com/univercd/cc/td/doc/product/software/ios124/124tcr/tirp_r/rte_riht.htm"> RIP Command reference IOS 12.4T - Cisco.com</a></li>
 + </ul>
 + </div>
 +</pre>
-div#config {+* Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu - h1 nadpis
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+ <div id="topology">
- padding: 12px 0px 6px 20px;+ <h1>Topology:</h1>
-}+ <img src="../pictures/rip1.png" alt="Topology RIP1" title="Topology RIP1" />
 + </div>
 +</pre>
-div#test {+* Volitelne tabulky s adresami, cisly DLCI, VLAN apod. - h1 nadpis
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+</pre>
- padding: 12px 0px 6px 20px;+
-}+
-div#optional {+* Konfigurace (Configuration) - h1 nadpis
- border-bottom: 1px black dotted;+<pre>
- margin: 5px;+ <div id="config">
- padding: 12px 0px 6px 20px;+ <h1>Configuration:</h1>
-}+ <p>
-div#goal h1{+ Nakonfigurujte síť pomocí směrovcího protokolu RIP v.1, bez záložní linky 19.2 kbit.
- text-align: left;+ Použijte IP adresy z privátního rozsahu 192.168.x.x. Ověřte funkci pomocí příkazů:
- font-size: 14px;+ </p>
- font-weight: bold;+ <div class="code">
- font-style: italic;+ Router# sh ip route <span>;výpis směrovací tabulky</span><br/>
- color: #336667;+ Router# sh ip protocol <span>;výpis ip protokolu</span><br/>
- margin: 0px 0px 0px -20px;+ Router# debug ip rip <span>;výpis informací o RIP směrovacích transakcích</span><br/>
- padding: 0px 0px 6px 0px;+ </div>
-}+
-div#time h1{+ <p>
- text-align: left;+ Upravte konfiguraci pro použití protokolu RIP verze 2 a znovu zkontrolujte funkci.
- font-size: 14px;+ </p>
- font-weight: bold;+ <div class="code">
- font-style: italic;+ Router(config)# router rip<br/>
- color: #336667;+ <div>
- margin: 0px 0px 0px -20px;+ Router(config-router)# version 2<br/>
- padding: 0px 0px 6px 0px;+ </div>
-}+ </div>
-div#teoback h1{+ <p>
- text-align: left;+ Doplňte na sériovou linku B-C autentikaci pro směrovací aktualizace.
- font-size: 14px;+ </p>
- font-weight: bold;+
- font-style: italic;+ <div class="code">
- color: #336667;+ Router(config)# key chain jméno<br/>
- margin: 0px 0px 0px -20px;+ <div>
- padding: 0px 0px 6px 0px;+ Router(config-keychain)# key 1<br/>
-}+ <div>
-div#topology h1{+ Router(config-keychain-key)# key-string heslo<br/>
- text-align: left;+ </div>
- font-size: 14px;+ </div>
- font-weight: bold;+ Router(config)# Int s1<br/>
- font-style: italic;+ <div>
- color: #336667;+ Router(config-if)# Ip rip authentication key-chain jméno<br/>
- margin: 0px 0px 0px -20px;+ Router(config-if)# Ip rip authentication mode md5<br/>
- padding: 0px 0px 6px 0px;+ </div>
-}+ </div>
-div#config h1{+
- text-align: left;+ <div class="code">
- font-size: 14px;+ Router# Sh key chain
- font-weight: bold;+ </div>
- font-style: italic;+ Vyzkoušejte efekt příkazu:
- color: #336667;+ <div class="code">
- margin: 0px 0px 0px -20px;+ Router(config)# router rip<br/>
- padding: 0px 0px 6px 0px;+ <div>
-}+ Router(config-router)# maximum-paths 1<br/>
-div#test h1{+ </div>
- text-align: left;+ </div>
- font-size: 14px;+ Změňte výchozí metriku záložní linky příkazem.
- font-weight: bold;+ <div class="code">
- font-style: italic;+ <div>
- color: #336667;+ Router(config)# router rip<br/>
- margin: 0px 0px 0px -20px;+ <div>
- padding: 0px 0px 6px 0px;+ Router(config-router)# offset-list 0 out 5 s0<br/>
-}+ </div>
-div#optional h1{+ </div>
- text-align: left;+ </div>
- font-size: 14px;+ na routerech A a D (pro jejich sériové interface s0 nebo s1)
- font-weight: bold;+ <p>
- font-style: italic;+ Překonfigurujte danou síť pomocí statického směrování (bez záložní linky).
- color: #336667;+ Na routerech A a E použijte výchozí cestu (default route). Zkontrolujte funkci příkazem PING.
- margin: 0px 0px 0px -20px;+ </p>
- padding: 0px 0px 6px 0px;+ </div>
-}+</pre>
-/* Struktura uloh END */+
-div.caption {+* Test funkce (Function Test) - h1 nadpis
- text-align: left;+<pre>
- font-size: 14px;+ <div id="test">
- font-weight: bold;+ <h1>Function test:</h1>
- font-style: italic;+ <div class="code">
- color: #336667;+ Router# sh ip route<br/>
- margin: 0px 0px 0px -20px;+ Router# sh ip protocol<br/>
- padding: 0px 0px 6px 0px;+ Router# debug ip rip<br/>
-}+ Router# ping<br/>
-/* Code */+ Router# trace<br/>
-div.code {+ </div>
- font-family: "Courier New", Courier, monospace;+ </div>
- /*color: Yellow;*/+</pre>
- background-color: #F1F1F1;+
- border: 1px dashed;+
- width: 600px;+
- padding: 10px 5px 10px 20px;+
- margin: 5px 0px 5px 20px;+
-}+
-div.code span{+
- font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;+
- font-style: italic;+
-}+
-div.code div{+
- padding: 0px 0px 0px 0px;+
- margin: 0px 0px 0px 20px;+
-}+
-div.code ul {+
- list-style-type: none;+
- margin-left: -20px;+
-}+
-div.code ul li {+
- list-style-type: none;+
-}+
-/* Code END */+
-/* Link */+* Volitelne ulohy (Optional Tasks) - h1 nadpis
-a:before {+<pre>
- content: "Link:";+ <div id="optional">
-}+ <h1>Optional task:</h1>
 + </div>
 +</pre>
 + 
 +* Konec wrapper, body a stránky
 +<pre>
 +</div>
 +<!-- WRAPPER end /-->
-a {+</body>
- text-decoration: none;+</html>
- color: #336667;+
-}+
-/* Link END */+
</pre> </pre>

Aktuální verze


[editovat]

HTML stránka úlohy

  • hlavicka 
<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='cs' lang='cs'> 
<head>
	<!-- ENCODING /-->
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	  <meta http-equiv="Content-Language" content="cs" />
	<!-- ENCODING end /-->
	
	<!-- CASCADING STYLE SHEETS /-->
	   <!-- EXTERNAL STYLE /-->	
	   <link rel="stylesheet" type="text/css" href="./css/task-design.css" />
  <!-- CASCADING STYLE SHEETS - end /-->
  
	<!-- TITLE /-->
    <title>Topologie 1 IP routing, RIP, statické routy</title>
  <!-- TITLE end /-->

</head>
  • body, div wrapper 
<body>
<!-- WRAPPER /-->
<div id="wrapper">
  • Název (Title) 
  <div id="title">
    Title: Topologie 1 IP routing, RIP, statické cesty.
  </div>
  • Cíl (Goal) - h1 nadpis 
  <div id="goal">
    <h1>Goal:</h1>
    Nakonfigurujte síť pomocí směrovcího protokolu RIP verze 1 a 2.
  </div>
  • Cas reseni (Required Time) - h1 nadpis 
  <div id="time">
    <h1>Required Time: 120 minits</h1>
  </div>
  • Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE - h1 nadpis 
  <div id="teoback">
    <h1>Theoretical Background:</h1>
      Teoretický úvod pro RIP:
      <ul>
        <li><a href="http://www.ietf.org/rfc/rfc1058.txt"> RIP RFC 1085 - Ietf.org</a></li>
        <li><a href="http://www.ietf.org/rfc/rfc1388.txt"> RIPv2 RFC 1388 - Ietf.org</a></li>
        <li><a href="http://www.cisco.com/en/US/tech/tk1330/tsd_technology_support_technical_reference_chapter09186a0080759842.html"> RIP Technology Handbook - Cisco.com</a></li>
      </ul> 
      Konfigurace a referenční příkazy pro RIP:
      <ul>
        <li><a href="http://www.cisco.com/univercd/cc/td/doc/product/software/ios124/124cg/hirp_c/ch25/ripconfg.htm"> RIP Configuration guide IOS 12.4T - Cisco.com</a></li>
        <li><a href="http://www.cisco.com/univercd/cc/td/doc/product/software/ios124/124tcr/tirp_r/rte_riht.htm"> RIP Command reference IOS 12.4T - Cisco.com</a></li>
      </ul>   
  </div>
  • Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu - h1 nadpis 
  <div id="topology">
    <h1>Topology:</h1>
    <img src="../pictures/rip1.png" alt="Topology RIP1" title="Topology RIP1" />
  </div>
  • Volitelne tabulky s adresami, cisly DLCI, VLAN apod. - h1 nadpis 


  •  Konfigurace (Configuration) - h1 nadpis



  <div id="config">
    <h1>Configuration:</h1>
    <p>
      Nakonfigurujte síť pomocí směrovcího protokolu RIP v.1, bez záložní linky 19.2 kbit.
      Použijte IP adresy z privátního rozsahu 192.168.x.x. Ověřte funkci pomocí příkazů:
    </p>
    <div class="code">
      Router# sh ip route <span>;výpis směrovací tabulky</span><br/>
      Router# sh ip protocol <span>;výpis ip protokolu</span><br/>
      Router# debug ip rip <span>;výpis informací o RIP směrovacích transakcích</span><br/>
    </div>
  
      <p>
      Upravte konfiguraci pro použití protokolu RIP verze 2 a znovu zkontrolujte funkci.
      </p>
      <div class="code">
        Router(config)# router rip<br/>
        <div>
    	     Router(config-router)# version 2<br/>
        </div>
      </div>
      <p>
      Doplňte na sériovou linku B-C autentikaci pro směrovací aktualizace.
      </p>
      
      <div class="code">     	
        Router(config)# key chain jméno<br/>
        <div>
  	     Router(config-keychain)# key 1<br/>
  	     <div>
  	       Router(config-keychain-key)# key-string heslo<br/>
  	     </div>
        </div>
        Router(config)# Int s1<br/>
        <div>
    	   Router(config-if)# Ip rip authentication key-chain jméno<br/>
    	   Router(config-if)# Ip rip authentication mode md5<br/>
    	  </div>
      </div>
      
      <div class="code">
        Router# Sh key chain
      </div>
      Vyzkoušejte efekt příkazu:
      <div class="code">
          Router(config)# router rip<br/>
          <div>
      	     Router(config-router)# maximum-paths 1<br/>
          </div>
      </div>
      Změňte výchozí metriku záložní linky příkazem.
      <div class="code">
          <div>
            Router(config)# router rip<br/>
            <div>
        	     Router(config-router)# offset-list 0 out 5 s0<br/>
            </div>
        	</div>
      </div>
      na routerech A a D (pro jejich sériové interface s0 nebo s1)
      <p>
      Překonfigurujte danou síť pomocí statického směrování (bez záložní linky). 
      Na routerech A a E použijte výchozí cestu (default route). Zkontrolujte funkci příkazem PING.
      </p>
  </div>



  •  Test funkce (Function Test) - h1 nadpis



  <div id="test">
    <h1>Function test:</h1>
    <div class="code">
      Router# sh ip route<br/>
      Router# sh ip protocol<br/>
      Router# debug ip rip<br/>
      Router# ping<br/>
      Router# trace<br/>
    </div>
  </div>



  •  Volitelne ulohy (Optional Tasks) - h1 nadpis



  <div id="optional">
    <h1>Optional task:</h1>
  </div>



  •  Konec wrapper, body a stránky



</div>
<!-- WRAPPER end /-->

</body>
</html>




Citováno z „http://infra2.cs.vsb.cz/vl-wiki/index.php/Popis_XHTML_%C3%BAlohy“

						
			

		

	

		

		

	
	

		
Osobní nástroje