SP w Piotrowicach
Forum Szkoły Podstawowej nr 3 w Piotrowicach

HTML - Kodowanie, tło i nagłówki

Greif - 2007-11-03, 01:52
Temat postu: Kodowanie, tło i nagłówki
Omówię tu pokrótce zaznaczone zakresy html'a

6. Tworzenie stron WWW w języku HTML

  1. poprawne kodowanie "polskich" znaków diakrytycznych;
  2. wybór koloru lub/i tła strony;
  3. korzystanie z nagłówków;
  4. formatowanie koloru i rozmiaru czcionek;
  5. wstawianie i formatowanie grafiki;
  6. hiperłącza do innych stron (tekstowe i graficzne);
  7. wyliczanie i numerowanie;
  8. proste tabele;
  9. podział strony na ramki;
  10. interpretacja kodu strony i jego optymalizacja / poprawienie.


===

Ad. a
Poprawne kodowanie polskich znaków następuje przez wpisanie następującej linijki kodu w sekcji HEAD strony www.

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />

Przykład:


Ad. b
Należy zawsze określić kolor tła i czcionki, żeby u wszystkich strona jednakowo wyglądała.

Czcionka:
Kod:
<body text="black"> ... </body>

Tło:
Kod:
<body bgcolor="white"> ... </body>

Można to oczywiście napisać w jednej linii, oddzielając średnikiem atrybuty:
Kod:
<body bgcolor="white"; text="black"> ... </body>


Ad. c
Nagłówki wstawiamy znacznikiem <h1..6>, gdzie <h1> to największy a <h6> najmniejszy
np.
Kod:
<h1>To jest nagłówek h1</h1>
<h2>To jest nagłówek h2</h2>
<h3>To jest nagłówek h3</h3>
<h4>To jest nagłówek h4</h4>
<h5>To jest nagłówek h5</h5>
<h6>To jest nagłówek h6</h6>

itd. sprawdźcie sobie sami...
Efekt:


===
Zadanie nr 1

Proszę przysłać na adres postmaster@zspg-piotrowice.kei.pl plik "index.html", gdzie będzie:
1. Poprawnie zakodowana polska strona kodowa.
2. Tło ustawione na żółte, czcionka na niebieską.
3. Proszę wpisać następujący tekst:
Cytat:
Ędward Ącki
ul. Źródlana 83
00-000 Łękołody

Każda linia tego adresu jako coraz mniejszy nagłówek.
Pod spodem zwykłym tekstem ciąg znaków
Cytat:
ą ć ę ł ń ó ś ź ż Ą Ć Ę Ł Ń Ó Ś Ź Ż

4. Podpis autora strony, może być nick. :-)

Greif - 2007-11-03, 21:05
Temat postu: Linka
Plik index.html Linki


  1. Co tu robi znacznik <font> ? Ja chcę mieć kolor niebieski na całej stronie, nie tylko we fragmencie jakimś.
  2. Podpis miał być na dole, proszę starannie czytać polecenia. ;-)

Ogólna uwaga: rób linię odstępu między jakimiś blokami kodu, np. przed <body>, bo przy większej stronie zrobi się to nieprzejrzyste.

Greif - 2007-11-03, 21:38
Temat postu: Słonko
Plik index.html Słonka

Wersja 1

  1. No skoro to dajesz, to trzeba ten tytuł wpisać. :-)
  2. Brak średnika - część błędów przeglądarki "naprawiają", czyli wyświetlają poprawnie, lecz jakby nie było, jest to jak błąd ortograficzny, na dłuższą metę może wywołać trudne do przewidzenia komplikacje.
  3. No brak nagłówków.



Wersja 2


Nagłówki poprawiłaś. To miał być zwykły tekst, nie <h4>. Podpis też.
No i literówki: "-łody" nie "-doły". ;-P
"Ź" piszemy <Ctrl+Alt+X>

Uważnie czytać treść zadań, proszę. Nie śpieszyć się. Po napisaniu, sprawdzić kod, punkt po punkcie.

Greif - 2007-11-03, 21:53
Temat postu: Wojtek
Pliki Wojtka też są dobre, tylko te style weszły mu w krew i dlatego plik plan.html jest 5-krotnie większy niż powinien.

Możesz spokojnie opuszczać style, bo na stronie raczej powinno się je dołączać w zewnętrznym pliku .css.

I jeszcze pytanie: w jakim edytorze piszesz te stronki, bo są tak dziwnie zakodowane, że otwierają mi się tylko w Notatniku.

WoJtEk ;) - 2007-11-04, 00:25

Tak w Notatniku tylko to kodowanie co teraz dałem: to coś mi nie pasowało. Może to pan przejrzeć i odpowiedzieć na pytanie ?

Cytat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<title>NAZWA STRONY</title>
</head>
<body>
TREŚĆ STRONY
</body>
</html>

Tak kodowałem prace dla pana i w notatniku wybrałem kodowanie:
Cytat:
UNICODE


A woje strony robiłem na podstawie:
Cytat:

<!DECTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-scrict.dtd">
<html xmlns="http:///www.3w.org/1999/xhtml" xml : lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>NAZWA STRONY</title>
</head>
<body>
TREŚĆ STRONY
</body>
</html>

I w notatniku wybierałem kodowanie
Cytat:
UTF-8


Wydaje i sie że w tym 1 jest cois nei tak tylko nei jestem w stanie powiedzieć co! Może pan wie??

Greif - 2007-11-04, 00:56

Po prostu z Notatnikiem jest więcej problemów niż pożytku, wszystko w miarę działa na kompie, ale jak się wyśle do Internetu, to kicha. Używajcie edytorów, które poprawnie kodują znaki, temat jest na forum.
Greif - 2007-11-07, 13:00
Temat postu: Muzyk


No dość niestarannie zrobiony kod, ale na początek może być, musisz to tylko poprawić.

Przede wszystkim znaczniki się domyka tak --> </head>. W linii cztery masz źle.
Znacznik <body> OBEJMUJE cały kod html, zamykamy go na końcu </body> i zaraz za nim </html>, u Ciebie tego brakuje, no i za tymi znacznikami już NIC nie możesz wpisywać.


Powered by phpBB modified by Przemo © 2003 phpBB Group