Przygotowanie środowiska lokalnego do realizacji stron WWW oraz zapoznanie z serwerem WWW na Wydziale.
Tematyka zajęć:
Skrypt test.html - ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Skrypt 1</title>
</head>
<body>
<p>To jest pierwszy skrypt.</p>
</body>
</html>
| Standard | Ą | Ć | Ę | Ł | Ń | Ó | Ś | Ż | Ź |
| Windows-1250 | 165 | 198 | 202 | 163 | 209 | 211 | 140 | 143 | 175 |
| ISO-8859-2 | 161 | 198 | 202 | 163 | 209 | 211 | 166 | 172 | 175 |
| Standard | ą | ć | ę | ł | ń | ó | ś | ż | ź |
| Windows-1250 | 185 | 230 | 234 | 179 | 241 | 243 | 156 | 159 | 191 |
| ISO-8859-2 | 177 | 230 | 234 | 179 | 241 | 243 | 182 | 188 | 191 |
<IfModule mod_mime.c> AddDefaultCharset UTF-8 </IfModule>
Skrypt lab1_1.html - ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Skrypt 1</title>
</head>
<body>
<p>To jest pierwszy skrypt.</p>
<p>ąęśćźżńłó ĄĆĆŹŻĘŁŃÓ</p>
</body>
</html>
<h1> Tytył przedmiotu </h1> <h2> Tytył zajęć </h2> <p> Opis zajęć </p> <!-- lista numerowana --> <ol> <li> Pozycja pierwsza </li> <li> Pozycja druga </li> </ol> <!-- lista nienumerowana --> <ul> <li> Pozycja pierwsza </li> <li> Pozycja druga </li> </ul> <!-- lista definiowana --> <dl> <dt> Pozycja pierwsza </dt> <dd> Opis </dd> <dt> Pozycja druga </dt> <dd> Opis </dd> </dl>
Skrypt lab1_2.html ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!DOCTYPE HTML >
<html>
<head>
<meta charset="UTF-8">
<title>Skrypt 2</title>
</head>
<body>
<h1>Podyplomowy kurs dla nauczycieli</h1>
<h2>Techniki Internetowe </h2>
<p> W ramach zajęć przedstawione zostaną języki umożliwiające prezentację treści w przeglądarce oraz technologie wspierające statyczne, dynamiczne i aktywne serwisy.</p>
<p>Serwisem statycznym nazywamy implementację technologii WWW w której wykorzystujemy tylko pliki zawierające tekst przygotowany w języku HTML czy XML.
<br/>
Serwisem dynamicznym nazywamy implementację technologii WWW w której wykorzystujemy na serwerze WWW skrypty tworzące treść na żądanie klienta.
<br />
Serwisem aktywnym nazywamy implementację serwisu WWW w której użytkownik otrzymuje możliwość modyfikacji zawartość strony po stronie klienta (w przeglądarce).</p>
<h2>Dynamiczny serwis WWW</h2>
<p>W ramach serwisu dynamicznego wykorzystujemy języki skryptowe lub bardziej rozbudowane technologie takie jak JavaEE lub technologia ASP.NET.</p>
<p>Języki skryptowe wykorzystywane w dynamicznych serwisach.</p>
<ul>
<li>Język perl.</li>
<li>Język python.</li>
<li>Język php.</li>
</ul>
<p>Obecnie używamy następujące wersje języka HTML do prezentacji treści w serwisach WWW.</p>
<ol>
<li>HTML 4.01 - rekomendacja W3C</li>
<li>XHTML 1.1 - rekomendacja W3C</li>
<li>HTML 5 - kandydat do rekomendacji</li>
</ol>
<dl>
<p>Zajecia z języka HTML5.</p>
<dt>Język html</dt>
<dd><ul>
<li>Opis dokumentu html5 i xhtml 1.1 - dyrektywa doctype</li>
<li>Sprawdzanie poprawności stron www - walidacja dokumentu</li>
<li>Elementy blokowe, liniowe i listy</li>
<li>Odsyłacze</li>
</ul></dd>
<dt>Arkusze styli CSS</dt>
<dd><ul>
<li>Arkusze styli CSS - wstępne informacje</li>
<li>Sprawdzanie poprawności styli CSS - walidacja dokumentu</li>
<li>Formatowanie elementów blokowych, liniowych i listy</li>
<li>Wykorzystanie znaczników <table> i <div> do tworzenia szablonów stron www</li>
</ul></dd>
</dl>
</body>
</html>
<table> <thead> <tr><th> Lp </th><th> Imie </th><th> Nazwisko </th></tr> </thead> <tbody> <tr><td> 1. </td><td> Adam </td><td> Abacki </td></tr> <tr><td> 2. </td><td> Bogdan </td><td> Cabacki </td></tr> </tbody> <tfoot> <tr><td colspan="3" > 2 osoby </td></tr> </tfoot> </table>
Skrypt lab1_3a.html ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!DOCTYPE HTML >
<html>
<head>
<meta charset="UTF-8">
<title>Skrypt 3a</title>
</head>
<body>
<p>Lista osób dopuszczonych do egzaminu.</p>
<table border="1">
<tr><th>Lp.</th><th>Nazwisko</th><th>Imię</th></tr>
<tr><td>1</td><td>Abacki</td><td>Adam</td></tr>
<tr><td>2</td><td>Babacki</td><td>Marek</td></tr>
<tr><td>3</td><td>Cabacka</td><td>Ewa</td></tr>
<tr><td>4</td><td>Dadacki</td><td>Grzegorz</td></tr>
</table>
</body>
</html>
Skrypt lab1_3b.html ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!DOCTYPE HTML > <html> <head> <meta charset="UTF-8"> <title>Skrypt 3b</title> </head> <body> <p>Liczba osób i projektów realizowanych w oddziałach firmy.</p> <table> <thead> <tr><th>Oddział</th><th>Liczba osób</th><th>Liczba projektów</th></tr> </thead> <tbody> <tr><td>Kraków</td><td>15</td><td>3</td></tr> <tr><td>Warszawa</td><td>35</td><td>7</td></tr> <tr><td>Gdańsk</td><td>20</td><td>5</td></tr> <tr><td>Rzeszów</td><td>10</td><td>2</td></tr> </tbody> <tfoot> <tr><td>Suma</td><td>80</td><td>17</td></tr> </tfoot> </table> </body> </html>
Skrypt lab1_4.html ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!DOCTYPE HTML > <html> <head> <meta charset="UTF-8"> <title>Skrypt 4</title> </head> <body> <p> Poniżej przedstawiono postać wielomianu w drugiej potędze. </p> <fieldset> <legend>Równanie 1</legend> <p>y = a * x<sup>2</sup> + b * x + c </p> </fieldset> <p>W ramach dokumentu powyższe równanie należy zakodować w języku <span>HTML</span> zgodnie z poniższym wzorem.<p> <pre> <fieldset> <legend>Równanie 1</legend> <p>y = a * x<sup>2</sup> + b * x + c </p> </fieldset> </pre> <p>Kod programu wyświetlającego ustawienia konfiguracyjne modułu php na serwerze php.</p> <pre> <?php phpinfo(); ?> </pre> </body> </html>
Skrypt index.html ( [listing dokumentu] [link do dokumentu] [widok dokumentu])
<!doctype html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>SPN TI - Lab 01</title>
</head>
<body>
<article>
<header><h2>Podsumowanie zadań realizowanych w ramach laboratorium 1</h2></header>
<ul>
<li><a href="lab1_1.html">Polskie znaki w dokumencie HTML</a></li>
<li><a href="lab1_2.html">Realizacja list w dokumentach</a></li>
<li><a href="lab1_3a.html">Tworzenie tabel - element <table></a></li>
<li><a href="lab1_3b.html">Tworzenie tabel - elementy <thead>, <tbody> i <tfoot></a></li>
<li><a href="lab1_4.html">Dodatkowe elementy formatujące tekst</a></li>
<li><a href="cwicz01.html">Ćwiczenie 1</a></li>
<li><a href="cwicz02.html">Ćwiczenie 2</a></li>
<li><a href="cwicz03.html">Ćwiczenie 3</a></li>
</ul>
</article>
</body>
</html>