SP w Piotrowicach Strona Główna SP w Piotrowicach
Forum Szkoły Podstawowej nr 3 w Piotrowicach

FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy
RejestracjaRejestracja  ZalogujZaloguj  AlbumAlbum

Poprzedni temat «» Następny temat
Kodowanie, tło i nagłówki
Autor Wiadomość
Greif 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 2007-11-03, 01:52   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. :-)
_________________
Pozdrawiam
----------------------------------
 
 
Greif 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 2007-11-03, 21:05   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.
_________________
Pozdrawiam
----------------------------------
 
 
Greif 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 2007-11-03, 21:38   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.
_________________
Pozdrawiam
----------------------------------
 
 
Greif 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 2007-11-03, 21:53   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.
_________________
Pozdrawiam
----------------------------------
 
 
WoJtEk ;) 
Pan i Władca



Wiek: 26
Dołączył: 10 Paź 2007
Posty: 93
Skąd: Przeciszów
Wysłany: 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 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 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.
_________________
Pozdrawiam
----------------------------------
 
 
Greif 



Pomógł: 2 razy
Wiek: 44
Dołączył: 02 Paź 2007
Posty: 1577
Skąd: Piotrowice
Wysłany: 2007-11-07, 13:00   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ć.
_________________
Pozdrawiam
----------------------------------
 
 
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group