Zadanie (WebQuest) do ee.09:
I. Wprowadzenie.
Zadaniem przeglądarki internetowej jest w jak największym stopniu odwzorować wersję strony w internecie z tą wersją, którą stworzył programista. Aby tego dokonać musimy trzymać się określonych zasad, takich jak otwieranie i zamykanie znaczników, stosowanie znaczników w obecnym standardzie jakim jest HTML5.
II. Zadanie.
Temat: Formatowanie tekstu.
Opis:
Na podstawie poprzedniego ćwiczenia utwórz folder 8-html oraz dodaj opis budowy znacznika.
Wyniki zapisz w pliku 8-html-Klasa-Nr.pdf
Strona ma zawierać elementy w maksymalnie zbliżonej konfiguracji działające pod adresem:
http://localhost/html/html-8/ w pliku index.html
Według wzoru:
III. Proces.
Krok 1. Utwórz kopię katalogu 7-html lokalizacji serwera xampp w katalogu htdocs/html i nadaj mu nazwę 8-html.
Krok 2. W kodzie źródłowym strony dodaj wpis „Temat …” jak na powyższym zrzucie.
Krok 3. W kodzie źródłowym po temacie między podpisem wstaw informacje jakich operatorów możemy użyć do formatowania tekstu jak na powyższym zrzucie.
Pamiętaj, że użycie składni <w nawiasach ostrych > skutkuje wykorzystaniem tego znacznika w budowaniu strony, rozwiązaniem tego problemu jest zastosowanie nawiasów ostrych w zapisie encji < oraz >
Krok 4. Wykonaj ćwiczenie z poniższym tekstem (wstaw wpis „Ćwiczenie” i linię poziomą).
Wiedźmin -pierwsze opowiadanie o wiedźminie Geralcie autorstwa Andrzeja Sapkowskiego i debiut literacki pisarza. Opublikowane zostało w grudniowym numerze miesięcznika „Fantastyka” z 1986 roku, będąc jedną z prac nadesłanych na konkurs ogłoszony przez to czasopismo.
Krok 5. Wyświetl źródło strony (w przypadku oddawania pracy w pliku poniżej zrzutu wklej zwartość strony w formie tekstu)
IV. Źródła.
V. Ewaluacja.
Ocena pliku 8-html-Klasa-Nr.pdf.
Pięć poprawnie wykonanych kroków opartych na podpisanych zrzutach wraz z punktami autoryzacji dają 100 %
Punkty ujemne:
– brak autoryzacji na zrzutach ekranu
– brak tematu zadania
– brak opisu formatowania tekstu
– brak ćwiczenia
– błędy w opisie składni
VI. Konkluzja
Sprawdź swoją wiedzę rozwiązując poniższy test:
