Rozwiązanie - Egzamin Praktyczny E.14
Arkusz E.14-01-14.08 - Sierpień 2014 - Wersja #01
Skrypt: JavaScript
Baza Danych:
Powiązana zawartość
Przykładowe rozwiązanie
Wymagane zdjęcia
baner.jpg
zdjecie.jpg
Plik index.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Strona główna</title>
<link rel="stylesheet" href="glowny.css">
<script src="aktualizacja.js"></script>
</head>
<body>
<header>
<img src="baner.jpg" alt="baner strony">
</header>
<div id="informacja">
<MARQUEE>strona internetowa koła fizycznego</MARQUEE>
</div>
<nav>
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<main>
<img src="zdjecie.jpg" alt="zdjęcie" height="500"/>
</main>
<footer>
ostatnia aktualizacja: <script>czas()</script>
</footer>
</body>
</html> Plik terminy.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terminy</title>
<link rel="stylesheet" href="glowny.css">
<link rel="stylesheet" href="tabela.css">
<script src="aktualizacja.js"></script>
</head>
<body>
<header>
<img src="baner.jpg" alt="baner" height="130">
</header>
<div id="informacja">
<MARQUEE>strona internetowa koła fizycznego</MARQUEE>
</div>
<nav>
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<main>
<table border="1">
<tr>
<th>Rok szkolny</th>
<th>Miesiąc</th>
<th>Dzień</th>
<th>Godzina</th>
<th>Sala</th>
</tr>
<tr>
<td rowspan="2">2013 - 2014</td>
<td>wrzesień - styczeń</td>
<td>poniedziałek</td>
<td>8:00</td>
<td rowspan="2">212</td>
</tr>
<tr>
<td>luty - czerwiec</td>
<td>środa</td>
<td>14:20</td>
</tr>
</table>
<a href="uczestnicy.html">Aktualni uczestnicy</a>
</main>
<footer>
ostatnia aktualizacja: <script>czas()</script>
</footer>
</body>
</html> Plik kontakt.html
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kontakt</title>
<link rel="stylesheet" href="glowny.css">
<script src="aktualizacja.js"></script>
</head>
<body>
<header>
<img src="baner.jpg" alt="baner" height="130">
</header>
<div id="informacja">
<MARQUEE>strona internetowa koła fizycznego</MARQUEE>
</div>
<nav>
<ul>
<li><a href="index.html">Strona główna</a></li>
<li><a href="terminy.html">Terminy spotkań</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
<main>
<a href="mailto:[email protected]">[email protected]</a>
</main>
<footer>
ostatnia aktualizacja: <script>czas()</script>
</footer>
</body>
</html> Plik uczestnicy.html
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8">
<title>Uczniowie klasami</TITLE>
</HEAD>
<body>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=33 >
<td WIDTH=3 ALIGN=LEFT > <br></TD>
<td WIDTH=741 ALIGN=LEFT BGCOLOR=#FFFFFF ><b><font style=FONT-SIZE:20pt FACE="Cambria" COLOR=#1f0000>Uczniowie klasami</FONT></B></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=23 ALIGN=LEFT > <br></TD>
<td WIDTH=36 ALIGN=LEFT BGCOLOR=#270000 ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#1f0000>Klasa</FONT></B></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#270000 ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#1f0000>Nazwisko</FONT></B></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#270000 ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#1f0000>Imie</FONT></B></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=23 ALIGN=LEFT > <br></TD>
<td WIDTH=722 ALIGN=LEFT BGCOLOR=#FFFFFF ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#5c83b4>III A</FONT></B></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Dębowska</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Anna</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Lorentz</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Jakub</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Oparczyk</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Rafał</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Priewe</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Robert</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Tomczak</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Róża</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=23 ALIGN=LEFT > <br></TD>
<td WIDTH=722 ALIGN=LEFT BGCOLOR=#FFFFFF ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#5c83b4>III B</FONT></B></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Borowicz</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Artur</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Jędrych</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Wlademar</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Muszyńska</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Monika</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Oller</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Aleksandra</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Sikorska</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Magdalena</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=23 ALIGN=LEFT > <br></TD>
<td WIDTH=722 ALIGN=LEFT BGCOLOR=#FFFFFF ><b><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#5c83b4>III C</FONT></B></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Andrzejczak </FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Adam</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Cybul</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Marek</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Kowalik </FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Wioletta</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Nowak</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Jarosław</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=16 >
<td WIDTH=59 ALIGN=LEFT > <br></TD>
<td WIDTH=296 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Spitza</FONT></TD>
<td WIDTH=390 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:9pt FACE="Calibri" COLOR=#000000>Adam</FONT></TD>
</TR>
</TABLE>
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 >
<tr HEIGHT=14 >
<td WIDTH=3 ALIGN=LEFT > <br></TD>
<td WIDTH=402 ALIGN=LEFT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:8pt FACE="Calibri" COLOR=#000000>21 marca 2023</FONT></TD>
<td WIDTH=336 ALIGN=RIGHT BGCOLOR=#FFFFFF ><font style=FONT-SIZE:8pt FACE="Calibri" COLOR=#000000>Strona 1 z 1</FONT></TD>
</TR>
</TABLE>
</BODY>
</HTML> Plik aktualizacja.js
function czas() {
document.write(document.lastModified)
} Plik glowny.css
body {
margin: auto;
width: 1000px;
color: red;
background: gray;
font: 20px Arial;
}
header {
background: black;
}
main {
background: linear-gradient(90deg,black, white,black);
}
nav , main {
float: left;
min-height:300px;
padding: 25px;
}
nav {
width: 200px;
}
main {
width: 700px;
text-align: center;
}
#informacja, footer {
text-align: right;
}
footer {
clear: left;
}
a {
color: red;
} Plik tabela.css
table {
margin: auto;
border: 1px solid white;
}
th, td {
padding: 5px 10px;
text-align: center;
font: 16px Arial;
color: white;
}Powiązana zawartość
Autorem arkusza jest CKE.GOV.PL