Popis XHTML úlohy
Z VirtlabWiki
(Rozdíly mezi verzemi)
| Verze z 10:09, 4. 8. 2008 Zap113 (Diskuse | příspěvky) (→CSS styl) ← Předchozí porovnání |
Verze z 10:11, 4. 8. 2008 Zap113 (Diskuse | příspěvky) (→HTML stránka ulohy) Následující porovnání → |
||
| Řádka 7: | Řádka 7: | ||
| == HTML stránka ulohy == | == HTML stránka ulohy == | ||
| - | hlavicka | + | * hlavicka |
| - | body | + | * body |
| - | wrapper | + | * wrapper |
| - | jednotlive cile | + | |
| + | ** Název (Title) | ||
| + | * Cíl (Goal) | ||
| + | * Cas reseni (Required Time) | ||
| + | * Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE | ||
| + | * Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu | ||
| + | * Volitelne tabulky s adresami, cisly DLCI, VLAN apod. | ||
| + | * Konfigurace (Configuration) | ||
| + | * Test funkce (Function Test) | ||
| + | * Volitelne ulohy (Optional Tasks) | ||
| == CSS styl == | == CSS styl == | ||
Verze z 10:11, 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
- wrapper
- Název (Title)
- Cíl (Goal)
- Cas reseni (Required Time)
- Teoretický základ (Theoretical Background) - text nebo link, VOLITELNE
- Topologie (Topology) - obrazek, primo v hlavnim HTML dokumentu
- Volitelne tabulky s adresami, cisly DLCI, VLAN apod.
- Konfigurace (Configuration)
- Test funkce (Function Test)
- Volitelne ulohy (Optional Tasks)
CSS styl
Odkazy na CSS styly:
- URL CSS pro úlohy: https://virtlab.cs.vsb.cz/css/task-design.css - Původní
- URL CSS pro úlohy: http://homel.vsb.cz/~zap113/virtlab/css/task-design.css - Nový
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 */
