Popis XHTML úlohy

Z VirtlabWiki

(Rozdíly mezi verzemi)
Přejít na: navigace, hledání
Verze z 10:11, 4. 8. 2008
Zap113 (Diskuse | příspěvky)
(→HTML stránka ulohy)
← Předchozí porovnání		 Verze z 10:12, 4. 8. 2008
Zap113 (Diskuse | příspěvky)
(→HTML stránka ulohy)
Následující porovnání →
Řádka 9: Řádka 9:
* hlavicka * hlavicka
* body * body
-* wrapper+* div wrapper
-** Název (Title)+* Název (Title)
-* Cíl (Goal)+* Cíl (Goal) - h1 nadpis
-* Cas reseni (Required Time)+* Cas reseni (Required Time) - h1 nadpis
-* Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE+* Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE - h1 nadpis
-* Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu+* Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu - h1 nadpis
-* Volitelne tabulky s adresami, cisly DLCI, VLAN apod.+* Volitelne tabulky s adresami, cisly DLCI, VLAN apod. - h1 nadpis
-* Konfigurace (Configuration)+* Konfigurace (Configuration) - h1 nadpis
-* Test funkce (Function Test)+* Test funkce (Function Test) - h1 nadpis
-* Volitelne ulohy (Optional Tasks)+* Volitelne ulohy (Optional Tasks) - h1 nadpis
== CSS styl == == CSS styl ==

Verze z 10:12, 4. 8. 2008

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


HTML stránka ulohy

  • hlavicka
  • body
  • div wrapper
  • Název (Title)
  • Cíl (Goal) - h1 nadpis
  • Cas reseni (Required Time) - h1 nadpis
  • Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE - h1 nadpis
  • Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu - h1 nadpis
  • Volitelne tabulky s adresami, cisly DLCI, VLAN apod. - h1 nadpis
  • Konfigurace (Configuration) - h1 nadpis
  • Test funkce (Function Test) - h1 nadpis
  • Volitelne ulohy (Optional Tasks) - h1 nadpis

CSS styl

Odkazy na CSS styly:

Ukázka nového Css stylu pro úlohy. 

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
}
/* Obal stránky */
#wrapper {
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;/* #CEFFAF */
	/*border: 1px ridge #A7CC8F;*/
	position: relative;
	margin: auto;
	width: 900px;
	color: #111111;
	text-align: justify;
}

/* Struktura uloh */
div#title {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	/*background-color: #F6FFBF;*/
	color: #336667;
	margin-left: 5px;
	padding: 18px 0px 12px 0px;
}

div#goal {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#time {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#teoback {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}
div#teoback ul li {
	list-style-type: none;
}
div#topology {
	border-bottom: 1px black dotted;
	text-align: center;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#topology img {
	/*border: 1px ridge #A7CC8F;*/
	margin: 5px 0px 0px -20px;
	padding: 12px 0px 6px 20px;
}

div#config {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#test {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#optional {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}
div#goal h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#time h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#teoback h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#topology h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#config h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#test h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#optional h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
/* Struktura uloh END */

div.caption {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
/* Code */
div.code	{
	font-family: "Courier New", Courier, monospace;
	/*color: Yellow;*/
	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 */
a:before {
	content: "Link:";
}

a {
	text-decoration: none;
	color: #336667;
}
/* Link END */
Citováno z „http://infra2.cs.vsb.cz/vl-wiki/index.php/Popis_XHTML_%C3%BAlohy“