zadanie 4.

Transkrypt

zadanie 4.
Ćwiczenia z HTML – Zadania i zasady oceniania
Wiadomości do ćwiczeń do przeczytania i szukania pomocy gdy nie można zrobić ćwiczenia:
1. Katalog WWW na dysku poziomB.
2. Podręcznik „Lekcje z komputerem” strona 140-165.
3. Kursy internetowe HTML:
a. http://www.kurshtml.edu.pl/html/zielony.html
b. http://pl.html.net/tutorials/html/ i inne.
Ćwiczenia z HTML
Materiały do ćwiczeń znajdują się na dysku poziomb(z:) w katalogu WWW i z:\Płyta\materiały
dodatkowe\zdjecia. Pliki zapisujemy bez polskich znaków w swoim folderze w katalogu WWW.
Zadanie 1.(10p) Korzystając z edytora html przygotuj stronę o nazwie aktual.html. Uruchom KED-a.
plik -> nowy z szablonu ->HTML 4.01, uzupełnij znaczniki head i tytuł strony „aktualności”. Wstaw
tabelę o jednej kolumnie i trzech wierszach
Pięć zdań o sobie – zwykłą czcionką każde zdanie w nowym wierszu
znak podziału linii
Pięć zdań – o ostatnio przeczytanej książce czcionką pogrubioną
Pięć zdań – o zainteresowaniach czcionką pochyloną
zapisz w katalogu WWW jako aktual.html
Zadanie 2. (10p za przygotowanie zdjęć plus 10 p za galerię) Korzystając z edytora html przygotuj
stronę o nazwie galeria.html. Uruchom KED-a.
plik -> nowy z szablonu ->HTML 4.01, uzupełnij znaczniki head i tytuł strony „Galeria”. Wstaw tabelę
o trzech kolumnach i czterech wierszach. Przygotuj za pomocą gimpa 6 zdjęć miniaturka o wymiarach
120x90, duże o wymiarach 400x300 i zapisz (wyeksportuj) u siebie w folderze grafika jako mini1.jpg ,
duze1.jpg.
i przygotuj stronę wg. wzoru
orginał
Miniaturka4
Miniaturka2
Miniaturka3
Miniaturka5
Miniaturka5
zapisz stronę z katalugu WWW jako galeria.html
Zadanie3. (10p)Ustalenie koloru tła strony, koloru całego tekstu, bloku tekstu,
wyrównanie tekstu.
<BODY>...</BODY> [powrót do góry]
Znacznik ten zawiera zawartość dokumentu
atrybuty:
background="..." - określa tło graficzne dla całego dokumentu;
bgcolor="..." - ustawia kolor tła całego dokumentu;
text="..." - ustawia kolor czcionki dla całego dokumentu;
<BASEFONT>
Znacznik ten ustala parametry czcionki bazowej (dla całego dokumentu).
Jako jeden z niewielu nie ma odpowiednika zamykającego.
atrybuty:
size="..." - rozmiar czcionki (1 - 7).
color="..." - kolor czcionki.
face="..." - krój czcionki.
<P>...</P>
Znacznik ten definiuje akapit.
atrybuty:
align="..." - stosowany w przypadku, kiedy chcemy przerwać otaczanie ilustracji tekstem.
wartości:
left
right
center
justify
Jeśli chcesz zmienić kolor fragmentu tekstu, to masz do dyspozycji znacznik <FONT> i jego
atrybut COLOR z mnóstwem możliwych do zastosowania wartości.
(...) Normalny tekst. <FONT
COLOR="blue">Ten tekst będzie wyświetlany
w kolorze niebieskim.</FONT> Normalny tekst. (...)
Rysunek jako tło.
Osadzanie grafiki: <IMG SRC="8.jpg">
Jako znacznik wstawiający grafikę
Grafika w tle: BACKGROUND="8.jpg"
Jako atrybut znacznika <BODY>
Polecenie: Na stronie aktual.html ustal tło strony. Rozmiar czcionki na 4. Krój
czcionki inny dla każdego bloku tekstu. Pierwszy wyrównaj do lewej, drugi do
środka, trzeci do prawej.
Dopasuj tło strony galeria.html.
Połącz strony w całość i utwórz stronę wg. własnego pomysłu.