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.