html-11 | WebQuest – Wyrównywanie tekstu w html.

Zadanie (WebQuest) do ee.09:

I. Wprowadzenie.
Wyrównywanie tekstu jest z pozoru rzeczą mało efektywną ponieważ stronę opiera się na blokach (div) gdzie z kolei grupuje się tekst z innymi elementami i jest to już wartością stałą. Czasem jednak zachodzi potrzeba zmiany, wyróżnienia  jakiegoś wpisu.
Uwaga: atrybut „algin” jest interpretowany nadal przez przeglądarki lecz odradza się jego stosowanie.  Użyj atrybutu tylko w tym ćwiczeniu. 
 

II. Zadanie.
Temat:  Wyrównywanie tekstu w html.

Opis:
Na podstawie poprzedniego ćwiczenia utwórz folder 11-html oraz dodaj opis budowy znacznika.
Wyniki zapisz w pliku 11-html-Klasa-Nr.pdf

Strona ma zawierać elementy w maksymalnie zbliżonej konfiguracji działające pod adresem:
http://localhost/html/html-11/ w pliku index.html
Według wzoru: 

III. Proces.

Krok 1. Utwórz kopię katalogu 10-html  lokalizacji serwera xampp w katalogu htdocs/html  i nadaj mu nazwę 11-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ć by wyrównać tekst do pożądanych wartości tak jak  na  powyższych zrzutach.
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 &lt; oraz &gt; 
Krok 4. Wykonaj ćwiczenie z poniższym tekstem (wstaw wpis „Ćwiczenie” i linię poziomą). Opis  ćwiczenia nie jest konieczny

Poniższy fragment książki (lub inny) sformatuj wedle uznania grupując kolorami bohaterów i wyrównując ich dialogi(prawo lewo center). Jeśli weźmiesz przykład z zadania wartości w nawisach służą jako  informacja i należy je usunąć. Patrz  II. Zadanie.

Fragment opowiadania Mniejsze zło

VI

Civril, przysłaniając oczy dłonią, popatrzył na słońce wychodzące zza
 drzew. Na rynku zaczynało się ożywiać, turkotały wozy i wózki, pierwsi 
przekupnie już zapełniali stragany towarem. Stukał młotek, piał kogut, 
głośno wrzeszczały mewy.

- Piękny dzień się zapowiada – rzekł Piętnastka w zadumie. Civril popatrzył na niego koso, ale nic nie powiedział.

- Konie jak, Tavik? – spytał Nohorn naciągając rękawice.

- Gotowe, osiodłane. Civril, wciąż ich mało na tym rynku.

- Będzie więcej.

- Wypadałoby coś zjeść.

- Później.

- Akurat. Będziesz miał później czas. I ochotę.

- Patrzcie – rzekł nagle Piętnastka.

Wiedźmin nadchodził od strony głównej uliczki, wchodził między stragany, zmierzał prosto na nich.

https://gexe.pl/

 

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 11-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 wyrównania tekstu w html
– brak ćwiczenia 

– błędy w opisie składni

VI. Konkluzja

Sprawdź swoją wiedzę rozwiązując poniższy test:

Zapis <p style="text-align:justify;" > tekst </p>

Atrybut znacznika "text-align:center" i align="center"

Domyślne wyrównywanie na stronie www (brak jakiegokolwiek zapisu align) jest do

Sformatowany tekst (wyrównania kolory) po skopiowaniu do edytora np. libreoffice writer

Atrybut znacznika align="center" w specyfikacji HTML5 jest zdeprecjonowany co oznacza

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *