POLITECHNIKA LUBELSKA WYDZIAŁ ELEKTROTECHNIKI I INFORMATYKI INSTYTUT PODSTAW ELEKTROTECHNIKI I ELEKTROTECHNOLOGII |
|||
Laboratorium technik informacyjnych |
|||
Imię i nazwisko: |
Grupa dziekańska: EIST 1.7 |
Poniedziałek 1815-2000 |
Ocena/Podpis |
Piotr Zalewski |
Data wykonania ćwiczenia: 08.10.2012r |
Rok akademicki: 2011/2012 |
|
Ćwiczenie nr 1 |
Temat ćwiczenia: Struktura dokumentów multimedialnych spotykanych na witrynach internetowych |
||
Tekst o kolorze czarnym stanowi moją pracę na laboratoriach z informatyki, a tekst oznaczony kolorem niebieskim to komentarz do poszczególnych zadań.
Strona główna:
<html> Otwierający znacznik dokumentu HTML
<head> Otwierający znacznik z podstawowymi inf. o dok.
<title>Piotr Zalewski</title> Tytuł strony
Znaczniki META
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> Strona kodowa dokumentu
<meta name ="description" content="Strona z informacjami o Piotrze Zalewskim"> Opis strony
<meta name="keywords" content="html, meta, piotr, zalewski, informatyka, ćwiczenia"> Wyrazy kluczowe
<meta http-equiv="content-language" content="pl"> Język dokumentu
<meta name="author" content=" Piotr Zalewski "> Autor strony
<meta name="generator" content="Notatnik"> Nazwa edytora
<meta http-equiv="expires" content="2010-10-01"> Data ważności dokumentu
<meta http-equiv="pragma" content="no-cache"> Cache'owanie strony
<meta http-equiv="refresh" content="2400"> Odświeżanie strony
<meta http-equiv="creation-date" content="2009-10-15"> Data utworzenia
<meta name="robots" content="index, nofollow"> Indeksowanie strony
<base href=" C:/Users/dom/Desktop/prace/”> Znacznik wskazujący na folder zawierający dokument
</head> Zamykający znacznik z podstawowymi inf. o dok.
<body> Znacznik otwierający z konkretną treścią dokumentu
<body style="background-image: url(http://mrostkow.oeiizk.waw.pl/efs/g4/MA/grafika/uklad_sloneczny.jpg); ">Tło strony (obrazek)
<body text="yellow"> Kolor tekstu (żółty)
Tekst właściwy (informacje osobiste):
<h1> Piotr Zalewski </h1> Imię i nazwisko
<h3>Adres<br> Adres
ul. Ostrowska 15A 07/410 Ostrołęka</h3>
<h3>Szkoła:<br> Szkoła
Politechnika Lubelska<br>
ul. Nadbystrzycka 38</h3><br>
<a href=" C:\Users\dom\Desktop\prace\Zainteresowania.html">Zainteresowania</a> Link do strony z zainteresowaniami (hiperłącze)
</body> Znacznik zamykający z konkretną treścią dokumentu
</html> Zamykający znacznik dokumentu HTML
Strona z Zainteresowaniami:
<html> Otwierający znacznik dokumentu HTML
<head> Otwierający znacznik z podstawowymi inf. o dok.
<title>Zainteresowania</title> Tytuł strony
Znaczniki META
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> Strona kodowa dokumentu
<meta name ="description" content="Strona z zainteresowaniami Piotra Zalewskiego "> Opis strony
<meta name="keywords" content=" html, meta, piotr, zalewski, informatyka, ćwiczenia, zainteresowania, astronomia, akwarystyka, piłka nożna, elektronika,matematyka"> Wyrazy kluczowe
<meta http-equiv="content-language" content="pl"> Język dokumentu
<meta name="author" content=" Piotr Zalewski "> Autor strony
<meta name="generator" content="Notatnik"> Nazwa edytora
<meta http-equiv="expires" content="2010-10-01"> Data ważności dokumentu
<meta http-equiv="pragma" content="no-cache"> Cache'owanie strony
<meta http-equiv="refresh" content="2400"> Odświeżanie strony
<meta http-equiv="creation-date" content="2009-10-15"> Data utworzenia
<meta name="robots" content=" index, nofollow "> Indeksowanie strony
<base href=" C:/Users/dom/Desktop/prace/”> Znacznik wskazujący na folder zawierający dokument
</head> Zamykający znacznik z podstawowymi inf. o dok.
<body> Znacznik otwierający z konkretną treścią dokumentu
<body style="background-image: url(http://mrostkow.oeiizk.waw.pl/efs/g4/MA/grafika/uklad_sloneczny.jpg); ">Tło strony (obrazek)
<body text="yellow"> Kolor tekstu (żółty)
Tekst właściwy (lista zainteresowań):
<h1>Zainteresowania</h1><br> Nagłówek
<br><h3>Akwarystyka<br> Zainteresowania
Astronomia<br>
Elektronika<br>
Matematyka<br>
Piłka nożna<br>
</h3><br>
<a href=" C:\Users\dom\Desktop\prace\ja.html">Strona głowna</a> Link do strony głównej (hiperłącze)
</body> Znacznik zamykający z konkretną treścią dokumentu
</html> Zamykający znacznik dokumentu HTML
Dokument zawierający listę wydziałow Politechniki Lubelskiej:
<html> Otwierający znacznik dokumentu HTML
<head> Otwierający znacznik z podstawowymi inf. o dok.
<h1><center>Wydziały Politechniki Lubelskiej</center></h1> Tytuł strony
Znaczniki META
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> Strona kodowa dokumentu
<meta name ="description" content="Wydziały Politechniki Lubelskiej kontakt"> Opis strony
<meta name="keywords" content="Politechnika Lubelska, kontakt, adres, wydziały"> Wyrazy kluczowe
<meta http-equiv="content-language" content="pl"> Język dokumentu
<meta name="author" content=" Piotr Zalewski "> Autor strony
<meta name="generator" content="notatnik"> Nazwa edytora
<meta http-equiv="expires" content="2010-10-01"> Data ważności dokumentu
<meta http-equiv="pragma" content="no-cache"> Cache'owanie strony
<meta http-equiv="refresh" content="2400"> Odświeżanie strony
<meta http-equiv="creation-date" content="2009-10-15"> Data utworzenia
<meta name="robots" content="index, follow"> Indeksowanie strony
<base href=" C:\Users\dom\Desktop\prace\"> Znacznik wskazujący na folder zawierający dokument
<hr> Linia
</head> Zamykający znacznik dok.
<body> Znacznik otwierający z konkretną treścią dokumentu
Wyśrodkowane nagłówki drugiego stopnia z hiperłączami:
<h2><center><a href="http://weii.pollub.pl/">Wydział Elektrotechniki i Informatyki</a></center></h2>
<h2><center><a href="http://wibis.pollub.pl/">Wydział Budownictwa i Architektury</a></center></h2>
<h2><center><a href="http://wis.pollub.pl/">Wydział Inżynierii Środowiska</a></center></h2>
<h2><center><a href="http://wm.pollub.pl/">Wydział Mechaniczny</a></center></h2>
<h2><center><a href="http://wz.pollub.pl/">Wydział Zarządzania</a></center></h2>
<h2><center><a href="http://wpt.pollub.pl/">Wydział Podstaw Techniki</a></center></h2>
<center><table border> Wyśrodkowana tabelka z informacjami o wydziałach
<tr> <td>Wydział Elektrotechniki i Informatyki:<br>
20-618 Lublin, ul. Nadbystrzycka 38A</td> <td>tel. / fax (+081) 525 46 01, <br> (+081) 538 42 87
</td><td><img src="wydz_el.jpg" alt="WEiI"></td></tr>
<tr> <td>Wydział Budownictwa i Architektury:<br> ul. Nadbystrzycka 40
20-618 Lublin</td> <td>tel. (+081) 538 43 73,<br>fax. (+081) 538 46 48</td><td><img src="wydz_bud.jpg" alt="WBiA"></td></tr>
<tr> <td>Wydział Inżynierii Środowiska:<br>
ul. Nadbystrzycka 40B
20-618 Lublin</td><td>tel./fax: (+081) 538 4997,<br>
tel: (+081) 538 4402</td><td><img src="wydz_ios.jpg" alt="WIS"></td></tr>
<tr> <td>Wydział Mechaniczny:<br>
Ul. Nadbystrzycka 36, 20-618 Lublin</td><td>tel. (+081) 538 42 84,<br>
fax. (+081) 525 08 08</td><td><img src="wydz_mech.jpg" alt="WM"></td></tr>
<tr> <td>Wydział Zarządzania:<br>
ul. Nadbystrzycka 38d, 20-618 Lublin</td><td>tel.: (+081) 53 84 463,<br>
tel./fax: (+081) 52 59 385</td><td><img src="wydz_z.jpg" alt="WZ"></td></tr>
<tr> <td> Wydział Podstaw Techniki:<br> ul. Nadbystrzycka 38, 20-618 Lublin</td><td>telefon: (+081) 53 84 673.<br> (+081) 53 84 541</td><td><img src="wydz_pt.jpg" width="80" height="60 alt="WPT"></td></tr>
</table></center> Formularz z polem tekstowym, wyborem wydziałów oraz dwoma przyciskami
<center><table><tr><td><center><form><p>Nazwisko: <input type="text" name="nazwisko" value="" size="30" maxlength="40"></p></center>
<input type="radio" name="Wydział" value="weii" checked="checked"> Wydział Elektrotechniki i Informatyki<br>
<input type="radio" name="Wydział" value="weii"> Wydział Inżynierii Budowlanej i Sanitarnej<br>
<input type="radio" name="Wydział" value="weii"> Wydział Inżynierii Środowiska<br>
<input type="radio" name="Wydział" value="weii"> Wydział Mechaniczny<br>
<input type="radio" name="Wydział" value="weii"> Wydział Zarządzania i Podstaw Techniki<br>
<p><table><tr><td><button>Szukaj</button></td><td><input type="reset" value="Czyść"></form></td></tr></table></p>
</td></tr></center>
</body> Znacznik zamykający z konkretną treścią dokumentu
</html> Zamykający znacznik dokumentu HTML