Forum Forum Dyskusyjne spejn.kom.pl Strona Główna FAQ Użytkownicy Szukaj Grupy Profil Zaloguj się, by sprawdzić wiadomości Zaloguj Rejestracja
Forum Dyskusyjne spejn.kom.pl
Serdecznie zapraszam na stronę domową www.spejn.kom.pl
 Mini kurs HTML Zobacz następny temat
Zobacz poprzedni temat
Napisz nowy temat Odpowiedz do tematu
Autor Wiadomość
spejn
Administrator
Administrator



Dołączył: 30 Sty 2006
Posty: 67 Przeczytał: 0 tematów

Ostrzeżeń: 0/5
Skąd: Koszalin
PostWysłany: Śro 23:51, 15 Mar 2006 Powrót do góry

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">
Cool Cool


Post został pochwalony 0 razy
Zobacz profil autora
Wyświetl posty z ostatnich:      
Napisz nowy temat Odpowiedz do tematu


 Skocz do:   



Zobacz następny temat
Zobacz poprzedni temat
Możesz pisać nowe tematy
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


fora.pl - załóż własne forum dyskusyjne za darmo
Powered by phpBB © 2001, 2002 phpBB Group :: FI Theme
Wszystkie czasy w strefie EET (Europa)