Instrukcja do laboratorium z przedmiotu
Podstawy Techniki Komputerowej
Laboratorium nr 11
Temat:
HTML
Opracował: dr inż. Edward Śliwa
Warszawa, kwiecień 1999
1. Przygotowanie do zajęć
- Przypomnieć sobie wiadomości z wykładu i/lub literatury dotyczące podstaw
języka HTML.
- Zapoznać się z umieszczonymi na wydziałowym serwerze WWW zasadami
tworzenia prywatnych stron WWW użytkowników.
- Przygotować wstępne wersje dokumentów HTML o których mowa w dalszej części
instrukcji.
- Przygotować zestaw rysunków (w formacie jpg i/lub gif) do umieszczenia w
dokumentach tworzonych w ramach ćwiczenia. Rysunki te można wykonać
samodzielnie za pomocą edytora graficznego lub skorzystać z gotowych zestawów
rysunków dostępnych publicznie.
2. Struktura dokumentu HTML
- Utworzyć wstępną wersję swojej prywatnej strony WWW. Należy
rozpocząć od wersji w postaci wstępnie sformatowanego pliku ASCII
(umieszczonego w ciele dokumentu HTML między tagami <pre>).
- Zapewnić poprawną interpretację polskich znaków diakrytycznych w
utworzonej stronie.
- Sprawdzić, czy jest poprawnie wyświetlany tytuł strony w ramce okna
przeglądarki.
- Zmodyfikować utworzoną stronę tak, by pozwolić przeglądarce sformatować
dokument:
- usunąć tagi <pre> i podzielić tekst na akapity,
- wyróżnić nagłówki poszczególnych sekcji dokumentu,
- spowodować wyświetlenie wybranych akapitów w postaci wypośrodkowanej i z
wyrównaniem do prawej krawędzi.
- Umieścić w utworzonym dokumencie jeden lub więcej rysunków służących jako
ozdobniki. Dobrać kolor tła wyświetlanej strony.
3. Style logiczne i fizyczne
- Sprawdzić eksperymentalnie (tworząc przykładowe dokumenty HTML) jak
przeglądarka interpretuje następujące sposoby określania funkcji fragmentów
tekstu (style logiczne):
- wyróżnienie (<em>) i silne wyróżnienie
(<strong>)
- definicja (<dfn>) i nazwa zmiennej (<var>)
- cytat (<cite>)
- kod programu (<code>) i tekst wpisywany z klawiatury
(<kbd>)
Utworzyć krótki dokument HTML, w którym każdy
z wymienionych styli logicznych będzie użyty zgodnie z jego przeznaczeniem.
- Sprawdzić eksperymentalnie (tworząc przykładowe dokumenty HTML) jak
przeglądarka interpretuje następujące sposoby określania wyglądu fragmentów
tekstu (style fizyczne):
- pogrubienie
- kursywa
- czcionka maszynowa
- czcionka powiększona i zmniejszona (<big> i
<small>)
- indeksy: górny i dolny
- Sprawdzić efekt łączenia dwóch (lub więcej) styli fizycznych w jednym
fragmencie tekstu.
4. Listy
- Zapisać wykaz planowanych w najbliższym czasie zakupów w postaci listy
wypunktowanej. Zamienić ją na listę numerowaną.
- Posługując się listą definicji opisać funkcję kilku przykładowych tagów
HTML.
5. Tabele
- Na podstawie poniższego szkicu utworzyć tabelę.
|--------------------------------------------------|
| Wahania temperatury |
|--------------------------------------------------|
| | Warszawa | Gdańsk | Kraków |
| Dzień |-------------+-------------+-------------|
| | min | max | min | max | min | max |
|--------|------+------+------+------+------+------|
| 1 I 98 | -5 | -3 | -3 | -1 | -3 | +1 |
|--------|------+------+------+------+------+------|
| 1 II 98| -8 | -4 | -4 | -1 | -8 | -3 |
|--------|------+------+------+------+------+------|
|1 III 98| -2 | 0 | 0 | +2 | +3 | +4 |
|--------|------+------+------+------+------+------|
| 1 IV 98| +5 | +7 | +3 | +6 | +6 | +10 |
|--------|------+------+------+------+------+------|
6. Łączniki
- Zmodyfikować swoją stronę WWW w taki sposób, żeby poszczególne
rodzaje informacji były umieszczone w osobnych dokumentach HTML, a strona
główna zawierała do nich łączniki.
- Dodać łączniki:
- pozwalający wysłać list do autora strony
- pozwalający ściągnąć plik z anonimowego serwera ftp
- W jednym z wcześniej utworzonych dokumentów utworzyć łącznik pozwalający
na szybki dostęp do ustalonego miejsca w obrębie tego samego dokumentu.
- Utworzyć łącznik związany z rysunkiem. W przypadku użycia przeglądarki nie
obsługującej grafiki łącznik ten powinien być zastępowany odpowiadającym mu
tekstem.
7. Edytor HTML
- Uporządkować i zmodyfikować swoje strony WWW posługując sie
programem edytora HTML (np. edytorem wbudowanym w Netscape
Communicator). Obejrzeć utworzony plik HTML.
Uwagi.
Punkty 2-6 należy wykonać posługując się wyłącznie edytorem ASCII i
kontrolując uzyskane efekty przeglądarką.