Forum Dyskusyjne spejn.kom.pl
Serdecznie zapraszam na stronę domową www.spejn.kom.pl
Napisz odpowiedź
Forum Forum Dyskusyjne spejn.kom.pl Strona Główna
»
Webmastering
» Napisz odpowiedź
Napisz odpowiedź
Użytkownik:
Temat:
Treść wiadomości:
Emotikony
Więcej Ikon
Kolor:
Domyślny
Ciemnoczerwony
Czerwony
Pomarańćzowy
Brązowy
Żółty
Zielony
Oliwkowy
Błękitny
Niebieski
Ciemnoniebieski
Purpurowy
Fioletowy
Biały
Czarny
Rozmiar:
Minimalny
Mały
Normalny
Duży
Ogromny
Zamknij Tagi
Opcje:
HTML:
TAK
BBCode
:
TAK
Uśmieszki:
TAK
Wyłącz HTML w tym poście
Wyłącz BBCode w tym poście
Wyłącz Uśmieszki w tym poście
$1
Kod potwierdzający:
$3
Przegląd tematu
Autor
Wiadomość
spejn
Wysłany: Śro 23:51, 15 Mar 2006 Temat postu: Mini kurs HTML
Dokument HTML jest zwykłym plikiem tekstowym, w którym znajdują się polecenia HTML. Wynika stąd, że dokument taki można utworzyć za pomocą najprostszego edytora tekstów, ręcznie dodając znaczniki. Metoda taka, choć skuteczna, byłaby jednak zbyt uciążliwa. Dlatego na rynku pojawiło się już wiele specjalizowanych edytorów, które wydatnie ułatwiają konstruowanie dokumentu, wspomagając wprowadzanie poleceń. Są to zazwyczaj programy klasy shareware, aczkolwiek znajdziemy też sporo programów komercyjnych i całkowicie bezpłatnych (freeware).
W chwili obecnej (2007 rok) mamy do dyspozycji wiele polskich programów, dzięki czemu nie jest już konieczne posługiwanie się anglojęzycznymi edytorami.
Osobiście polecam używanie edytorów tekstowych, a nie graficznych, gdyż mamy wtedy lepszą kontrolę nad tworzonym dokumentem.
W środowisku Windows 95/98/ME/NT/2000/XP możesz używać m.in.:
Pajączek NxG
- w tej chwili wybór numer 1 dla polskiego webmastera, program komercyjny. Oferuje wersje profesjonalną i standardową, w odmianie osobistej (do użytku niekomercyjnego) lub komercyjnej. Standardową wersję osobistą dostaniesz już za 49 zł.
Tiger98 i TigerII Millenium
- komercyjny polski edytor
edHTML
- polski, darmowy edytor
Website Pro
- polski, darmowy edytor
Zajączek PHP
- polski, darmowy edytor, z dobrą obsługą PHP
HTML-owiec
- polski, darmowy program
TigerII MiniPad
- darmowy notatnik, wygodny do szybkich poprawek
Oczywiście możesz się także posłużyć graficznymi edytorami - dla początkujących polecam szczególnie darmowy edytor dołączony do Mozilli oraz spolszczony edytor Nvu. Ponieważ jednak uczysz się języka HTML, warto się posługiwać edytorami tekstowymi.
Polecenie (znacznik, tag) HTML jest specjalnym ciągiem znaków objętym nawiasami ostrymi. Gdybyśmy na przykład chcieli zaznaczyć jakiś fragment tekstu jako tytuł, moglibyśmy objąć go poleceniem
Kod:
<H1>treść tytułu</H1>
. Wielkość liter jest obojętna - znaczniki wpisane małymi i wielkimi literami są interpretowane w ten sam sposób. Staranniej wykonane edytory HTML pozwalają nawet zdefiniować, czy polecenia HTML będą wpisywane małymi, czy wielkimi literami.
W HTML zalecane jest stosowanie małych znaczników - w XHTML, który jest kontynuacją języka HTML, małe znaczniki są już obowiązkowe, zatem lepiej jest się przyzwyczajać do właściwych technik. W tym miejscu stosujemy duże znaczniki wyłącznie dla ich lepszego wizualnego wyodrębnienia.
Wszystkie polecenia powinny się znaleźć w pewnych standardowych ramach. Zostało przyjęte, że dokument HTML zawiera szkielet, który stanowi osnowę dla wszystkich innych poleceń. Spotyka się wprawdzie w Internecie strony, które szkieletu nie zawierają (czasem tylko jego część), ale odradzamy taką praktykę, gdyż w pewnych okolicznościach może ona zaowocować niespodziewanymi efektami.
Cały dokument powinien być objęty parą znaczników
Kod:
<HTML> </HTML>
. Między nimi powinna zaś się znaleźć para znaczników
Kod:
<HEAD> </HEAD>
, która stanowi ramy dla informacji nagłówkowych. Pozostałe informacje powinny być objęte z kolei znacznikami
Kod:
<BODY> </BODY>
. Wygląda to następująco:
Kod:
<HTML>
<HEAD>informacje nagłówkowe</HEAD>
<BODY>
właściwa treść (ciało) dokumentu
</BODY>
</HTML>
Tak spreparowany szkielet jest już "bezpieczny" i nie niesie ze sobą ryzyka jakichś niespodzianek.
Gdy już wiemy, jaka jest formalna osnowa dokumentu, warto jeszcze dodać kilka użytecznych informacji.
Między znacznikami
Kod:
<HEAD> i </HEAD>
powinno się znaleźć polecenie
Kod:
<TITLE> </TITLE>
.
Kod:
<HEAD>
<TITLE>Tytuł strony</TITLE>
</HEAD>
TITLE nie oznacza wcale tytułu na stronie. Zawarta między tymi znacznikami treść ukaże się w pasku tytułowym przeglądarki, a nie w dokumencie. Na przykład:
Kod:
<HEAD>
<TITLE>Forum Pc</TITLE>
</HEAD>
Proszę zwrócić teraz uwagę na pasek tytułowy przeglądarki, gdzie widnieje treść "Forum Pc".
Drugim bardzo ważnym elementem jest informacja stronie kodowej dokumentu.
Zalecamy usilnie stosowanie strony kodowej ISO-8859-2 (czyli ISO Latin 2). Jest to międzynarodowy standard, a "przy okazji" także Polska Norma. Powinieneś sporządzać dokument w tym standardzie i zarazem opatrywać go informacją typu META. Jest ona umieszczana w ramach znaczników HEAD i wygląda następująco:
Kod:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
Ostatecznie więc, stosuj na początku standardową osnowę:
Kod:
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<TITLE>Tytuł strony</TITLE>
</HEAD>
<BODY>
właściwa treść (ciało) dokumentu
</BODY>
</HTML>
[Nowe skuteczniejsze ISO:
Kod:
<META http-equiv=content-type content="text/html; charset=windows-1250">
Forum Forum Dyskusyjne spejn.kom.pl Strona Główna
»
Webmastering
» Napisz odpowiedź
Skocz do:
Wybierz forum
Menu Główne
----------------
Pytania do Adminów
Pytania do Moderatorów
Dodaj/Usuń
Skargi
Informator
Fora-Informator
Programy
----------------
Benchmarki
Antyvirusy
Kodeki
Graficzne
Czat
----------------
Czat FQA
Web-Galeria
----------------
Galeria FQA
Forum Dyskusyjne
----------------
Net Service
Pc Pomoc
Zrobię / Potrzebuję / Pomogę
Webmastering
Reklama
----------------
Zareklamuj się
fora.pl
- załóż własne forum dyskusyjne za darmo
Powered by
phpBB
© 2001, 2002 phpBB Group ::
FI Theme
Wszystkie czasy w strefie EET (Europa)
Regulamin