Snake ........:::::::C++ i Inne:::::::::........... http://www.snake.pun.pl Snake ........:::::::C++ i Inne:::::::::........... pl http://backend.userland.com/rss Forum ostatecznie otwarte! http://www.snake.pun.pl/viewtopic.php?pid=12#p12 12@http://www.snake.pun.pl SPAM ?? Nie rób tak więcej... tzn. przeczytaj regulamin]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Skrypty na strone http://www.snake.pun.pl/viewtopic.php?pid=11#p11 11@http://www.snake.pun.pl I nie pisze się skryptuw tylko skryptów]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik http://www.snake.pun.pl/viewtopic.php?pid=10#p10 10@http://www.snake.pun.pl Wiec upewnij sie zakladajac nowy temat,czy podobny nie istnieje!(uzyj opcji szukaj)
No i tyle z tego ;]]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Poradnik HTML! http://www.snake.pun.pl/viewtopic.php?pid=9#p9 9@http://www.snake.pun.pl Dobrze, że odrazu napisałeś, że nie twój :P
Nie czytałem całego ale daje 9/10

.....
Teraz dopiero zauważyłem.
Źle, tzn. nie podoba mi się.
Są takie momenty, że pisze np. tak : "Całość jest napisana tutaj: (i nic nie ma)"  (to taki przykład)
Widać że wogóle nie czytałeś tego.
Popraw to...
Jeszcze jedno.
Jest tam takie coś:
"Tekst napisany kursywą
Tekst podkreślony[...]"
Zrób to podkreślenie czy pogrubienie.

Narazie moja ocena to 2/10]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Forum ostatecznie otwarte! http://www.snake.pun.pl/viewtopic.php?pid=8#p8 8@http://www.snake.pun.pl Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Poradnik HTML! http://www.snake.pun.pl/viewtopic.php?pid=7#p7 7@http://www.snake.pun.pl Witam! :)
Uwaga,poradnik nie jest mojego autorstwa ;p
HTML dla bardzo poczatkujacych
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Uwaga: Jeśli Czytelnik tego kursu jest człowiekiem bardzo zapracowanym i mającym mało czasu, zapewne ucieszy go fakt, że w zasadzie może zakończyć lekturę, przynajmniej chwilowo, po
przestudiowaniu tego rozdziału. Polecam jednak sięgnięcie za jakiś czas do kursu i przyjrzenie się dodatkowym możliwościom. Na razie prezentuję w skróconej formie najważniejsze polecenia, które wystarczą do sporządzenia prostej strony. Jeśli poświęcisz jeden weekend na gruntowne przestudiowanie tego rozdziału, będziesz już webmasterem!


--------------------------------------------------------------------------------

Edytor
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).

Osobiście polecam używanie edytorów tekstowych, a nie graficznych, gdyż mamy wtedy lepszą kontrolę nad tworzonym dokumentem.

W środowisku Windows 3.1 polecam w szczególności:

Pajączek 2 - jest to darmowy polski edytor
W środowisku Windows 95/98/ME/2000/NT możesz używać m.in.:

HomeSite, w wersjach od 2.x do 4.x - najlepszy amerykański edytor w tym środowisku
Pajączek 2000 - w tej chwili wybór numer 1 dla polskiego webmastera, program komercyjny
Tiger98 - także polski, bardzo silny edytor, komercyjny
Tiger II Millenium Mini - młodszy brat Tigera
HotDog - silny amerykański edytor, komercyjny
WebPager Xpress - polski edytor, darmowy
ezHTML - polski edytor, także darmowy
Kicia - kolejny darmowy edytor polskiego programisty
HTML-owiec - polski, komercyjny program
Hedit - polski program, w wersjach darmowej i shareware'owej
Website Pro - polski, darmowy edytor
HTML-Kit - bardzo silny amerykański edytor, darmowy
1'st Page 2000 - jeden z najpotężniejszych programów webmasterskich, darmowy
Oczywiście możesz się także posłużyć graficznymi edytorami, a dla początkujących polecam szczególnie darmowe edytory dołączone do przeglądarek Internet Explorer 4 i Netscape Communicator (lub Sylaba Komunikator). Ponieważ jednak uczysz się języka HTML, warto się posługiwać edytorami tekstowymi.


--------------------------------------------------------------------------------

Osnowa dokumentu
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 <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.

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 <HTML> </HTML>. Między nimi powinna zaś się znaleźć para znaczników <HEAD> </HEAD>, która stanowi ramy dla informacji nagłówkowych. Pozostałe informacje powinny być objęte z kolei znacznikami <BODY> </BODY>. Wygląda to następująco:


--------------------------------------------------------------------------------

<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 <HEAD> i </HEAD> powinno się znaleźć polecenie <TITLE> </TITLE>.

<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:

<HEAD>

<TITLE>Kurs języka HTML - poradnik webmastera: HTML dla bardzo początkujących</TITLE>

</HEAD>

Proszę zwrócić teraz uwagę na pasek tytułowy przeglądarki, gdzie widnieje treść "Kurs języka HTML - poradnik webmastera: HTML dla bardzo początkujących".

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:

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

Ostatecznie więc, stosuj na początku standardową osnowę:


--------------------------------------------------------------------------------

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


--------------------------------------------------------------------------------

Jak uzyskać polskie znaki w edytorach?

UWAGA: czołowe polskie edytory HTML nie wymagają już stosowania odrębnych klawiatur i czcionek ekranowych, gdyż same automatycznie konwertują polskie znaki do wybranej przez nas strony kodowej.
Poniższe uwagi dotyczą głównie edytorów produkcji zachodniej.

Aby wygodnie redagować dokumenty w standardzie kodowania ISO-8859-2, należy się zaopatrzyć w czcionki w tym standardzie. Są one dostępne (czcionki TrueType) na polskiej stronie "ogonkowej", pod adresem http://www.agh.edu.pl/ogonki/pl.html. Użytkownikom edytorów dla Windows polecam darmowe czcionki ekranowe PolskieStrony i PolskieStrony2, dostępne w serwisie Polska Strona Windowsowa. Użytkownikom edytora HomeSite 2.5 (lub nowszego) należy zalecać używanie czcionki PolskieStrony2. Należy również używać nakładki klawiaturowej, która pozwala zdefiniować klawiaturę ISO, np. w pakietach Mako lub Zecer. Pakiet Zecer 2.1 zawiera nakładkę klawiaturową Polkeyb, autorstwa Andrzeja Górbiela. Nakładka pozwala zdefiniować klawiatury w trybie graficznym, choć możliwe jest to za pomocą ręcznego wpisu do pliku WIN.INI. A stąd możesz pobrać za darmo Polkeyb 2.4

Dla ułatwienia podaję treść wpisu. Wystarczy go skopiować do schowka, wstawić do sekcji [PolKeyb] w WIN.NI, zapisać plik na dysku i ponownie uruchomić Windows. Fragment WIN.INI powinien wyglądać następująco:

[PolKeyb]
settings=0 2 10 0 1 10 0

name0=ISO-8859-2
keys0=ACELNOSXZ
lower0=177,230,234,179,241,243,182,188,191
upper0=161,198,202,163,209,211,166,172,175


Darmową klawiaturę ISO można pobrać także w serwisie Polska Strona Windowsowa, czyli tam, gdzie jest czcionka ekranowa PolskieStrony.

Problem konwersji już istniejących dokumentów można załatwić "hurtowo" za pomocą specjalnych programów konwertujących. Polecamy przede wszystkim program Ogonki 97 (228 KB), Michała Jaskólskiego - Michał oferuje ją wszystkim za darmo i warto podkreślić, że jego program stał się jednym z najważniejszych narzędzi w "dziecięcym" okresie polskiego Internetu. Niezliczone tysiące osób konwertowały już nim swoje strony, dostosowując je do zalecanego standardu.

Gdy z jakichś powodów zechcesz używać w swojej witrynie internetowej strony kodowej Windows-1250 (co odradzamy), wpisz koniecznie odpowiednią informację META:

<meta http-equiv="content-type" content="text/html; charset=windows-1250">

Podsumowanie:

Jeśli zechcesz stosować stronę kodową ISO-8859-2 (zalecamy), wykonaj następujące działania:

Zaopatrz się w dowolną czcionkę ekranową w standardzie ISO-8859-2, za pomocą której będziesz wyświetlać tekst dokumentu w edytorze HTML
Używaj polskiej klawiatury w standardzie ISO-8859-2
Wstaw deklarację strony kodowej ISO-8859-2 w nagłówku dokumentu
Jeśli zamierzasz stosować stronę kodową Windows-1250 (nie zalecamy)

Użyj dowolnej czcionki ekranowej w tym standardzie (jest ich sporo w Windows)
Używaj standardowej klawiatury Windows
Wstaw deklarację strony kodowej Windows-1250 w nagłówku dokumentu
Użytkownicy systemu operacyjnego Linux w ogóle nie mają problemu ze stroną kodową, gdyż system ten posługuje się międzynarodowymi standardami.



--------------------------------------------------------------------------------

Gdy w dokumencie znajduje się para znaczników <BODY> i </BODY>, możemy zdefiniować kolor tła dokumentu. Gdybyśmy tego nie uczynili, tło będzie miało taki kolor, jaki został domyślnie przyjęty w przeglądarce WWW (zazwyczaj szary). Możemy wstawić polecenie:

<BODY BGCOLOR="kolor">

przy czym "kolor" może być podany imiennie (np. red, green, black, white) lub za pomocą wartości heksadecymalnych (szesnastkowych), tak jak w przypadku koloru czcionki - #FF0000, #008000, #000000, #FFFFFF. Sugerujemy używanie wartości heksadecymalnych, jako bardziej uniwersalnych - zapoznaj się przy okazji z tabelą kolorów w naszym kursie, gdzie są w praktyczny sposób pokazane kolory i sposób ich kodowania (tabelę sporządził Paweł Stokowski).


--------------------------------------------------------------------------------

Tytuły
W dokumentach często wprowadzamy tytuły. Służy do tego polecenie <Hn> </Hn>. Znak H oznacza header, natomiast cyfra n to stopień tytułu (mamy ich sześć). Polecenie wprowadzające tytuł stopnia pierwszego składa się ze znacznika otwierającego <H1> i zamykającego </H1>. Ten drugi zawiera dodatkowo ukośnik (ang. slash). Większość poleceń zawiera znacznik otwierający i zamykający, aczkolwiek stosuje się też polecenia zawierające jedynie znacznik otwierający. Niektóre polecenia można używać w obu postaciach, choć coraz powszechniejsze używanie stylów wymusza ostatnio bardziej rygorystyczne stosowanie znaczników zamykających (np. akapit).

Podkreślmy od razu, że znaczniki w przeglądarce WWW nie są wyświetlane. Są one jedynie interpretowane, tzn. pozwalają "w locie" formatować tekst.

Uwaga: Powszechnie używany termin "nagłówek" jest nieco mylący. Aby nie było kłopotu z rozróżnianiem tytułu i nagłówka dokumentu, przyjmujemy właśnie pojęcie "tytuł". Jest ono zresztą bardziej intuicyjne, gdyż kojarzy się z tytułami rozdziałów i podrozdziałów w obszernych dokumentach, a taka jest jego istota.

Jak wspomnieliśmy wyżej, dysponujemy sześcioma stopniami tytułów, różniącymi się w przeglądarce wielkością znaków. Wprowadzamy je za pomocą poleceń H1, H2 itd.


--------------------------------------------------------------------------------

Akapit i wiersz
Jak wprowadzać do dokumentu "zwykły" tekst? W zasadzie każdy tekst, który nie jest objęty specjalnym znacznikiem, jest interpretowany jako "masa tekstowa". Gdybyśmy jednak wpisali dłuższy fragment tekstu, rozdzielając w edytorze akapity za pomocą klawisza Enter, przeglądarka zignoruje znaki końca wierszy i akapitów i wyświetli jednolity blok tekstu. Aby naprawdę rozdzielić akapity, należy się posłużyć poleceniem <P> (P = paragraph), które wstawi interlinie między poszczególne fragmenty tekstu. Zalecamy także konsekwentne stosowanie znacznika zamykającego </P>.


Niekiedy zdarza się, że chcemy przełamać tekst, nie wprowadzając przy tym znaku końca akapitu. Możemy wówczas zastosować pojedyncze polecenie <BR>, które przenosi tekst o jeden wiersz w dół, choć nie wprowadza dodatkowej interlinii.


Ponadto polecenie <BR> ma jeszcze jedną zaletę. Napisanie kilku kolejnych <BR> pozwala poszerzyć pionowy odstęp między elementami.


--------------------------------------------------------------------------------

Pozioma linia
Następnym, często spotykanym elementem jest pozioma linia, którą wstawiamy za pomocą polecenia <HR> (ang. horizontal rule). Pozwala ono wyświetlić w dokumencie poziomą linię, na szerokość całej strony, rozdzielając nią logiczne fragmenty tekstu, dzięki czemu strona jest bardziej przejrzysta. Zauważ, że w tym dokumencie bloki informacji są rozdzielane właśnie poziomymi liniami.


--------------------------------------------------------------------------------

Wykazy
Na stronach WWW powszechnie stosuje się wykazy. Są to po prostu systematyczne wyliczenia jakichś punktów, które w przeciwieństwie do tekstu o charakterze opisowym w skondensowany sposób prezentują jakąś myśl czy zespół zagadnień. Użytkownicy edytorów tekstów spotykają się z tym elementem - np. w polskiej wersji edytora Word są one znane pod nazwą list numerowanych i list wypunktowanych.

Aby utworzyć szkielet wykazu wypunktowanego, należy użyć polecenia <UL> </UL> (ang. unordered list). W ramach szkieletu znajdą się poszczególne punkty wykazu, które wprowadzamy za pomocą polecenia <LI>

<P>Dlaczego zajmuję się UFO?</P>

<UL>
<LI>Uważam, że UFO istnieje</LI>
<LI>Uważam, że pozaziemskie cywilizacje mogą nam pomóc</LI>
<LI>Uważam, że należy się przygotować na spotkanie</LI>
</UL>

W efekcie uzyskamy:

Dlaczego zajmuję się UFO?

Uważam, że UFO istnieje
Uważam, że pozaziemskie cywilizacje mogą nam pomóc
Uważam, że należy się przygotować na spotkanie
Jest w zasadzie obojętne, czy użyjemy pojedynczego znacznika <LI>, czy też zastosujemy dodatkowo znacznik zamykający </LI>. Autorzy edytorów HTML stosują różne konwencje, a wynik w przeglądarce WWW w obu przypadkach jest identyczny. Generalnie jednak zaleca się zamykanie znaczników.

Gdy chcemy utworzyć wykaz numerowany, wówczas zamiast <UL> i </UL> możemy zastosować <OL> i </OL> (ang. ordered list). Uzyskamy wówczas listę numerowaną za pomocą liczebników arabskich (w dalszej części podręcznika pokażemy inne sposoby numerowania).

Uważam, że UFO istnieje
Uważam, że pozaziemskie cywilizacje mogą nam pomóc
Uważam, że należy się przygotować na spotkanie

--------------------------------------------------------------------------------

Atrybuty czcionki
Aby tekst w przeglądarce nie wyglądał wszędzie tak samo, stosuje się dodatkowe atrybuty czcionki - pogrubienie (bold), pochylenie (italic) i podkreślenie (underlined). Atrybuty pozwalają uwypuklić jakieś fragmenty tekstu, np. nazwy za pomocą kursywy, a ważniejsze pojęcia za pomocą pogrubienia:

To jest tekst normalny

<B>To jest tekst pogrubiony (bold)</B>

<I>To jest tekst pochylony (italic, kursywa)</I>

<U>To jest tekst podkreślony (underlined)</U>

Efekt działania tych poleceń:

To jest tekst normalny

To jest tekst pogrubiony

To jest tekst pochylony

To jest tekst podkreślony

Choć wszystkie przeglądarki akceptują atrybuty czcionki, warto zauważyć, że np. Netscape Navigator 2 i 3 ignoruje podkreślenie, natomiast Netscape Communicator 4 już je widzi.


--------------------------------------------------------------------------------

Odsyłacze
Charakterystyczną cechą Internetu jest obecność na stronach hipertekstowych odsyłaczy do innych stron, które znajdują się w światowej sieci. W gruncie rzeczy czytelnik dokumentu nie musi wcale wiedzieć, gdzie znajdują się te strony - ważne jest, aby miał do nich łatwy dostęp. Na tym polega istota hipertekstu - jakiś temat może być opisany za pomocą stron tworzonych przez różnych autorów, mieszkających w różnych krajach, nawet często nie znających się wzajemnie. Gdy na zbudowanych przez nich stronach znajdą się odsyłacze, ich wspólne zainteresowania zostaną zjednoczone za pomocą hipertekstu, który uczyni te strony jedną całością. Czytelnik jakiegoś dokumentu będzie po prostu za pomocą kliknięć myszką na odsyłaczach przenosić się do różnych miejsc w Internecie, skacząc np. z Polski do Japonii, z Japonii do USA, a stamtąd do Francji. Z jego punktu widzenia jest zupełnie obojętne, gdzie strony się znajdują. Dla niego ważny jest łatwy dostęp do informacji.

W tym miejscu przedstawimy dwa szczególnie ważne odsyłacze: odsyłacze do innych stron WWW i odsyłacz uruchamiający pocztę elektroniczną. Są one bowiem najpowszechniej stosowane.

Odsyłacz do innej strony jest tworzony za pomocą polecenia:

<A HREF="adres.strony.internetowej">Jakaś nazwa tej strony</A>

Przykładowy adres mógłby wyglądać następująco:

<A HREF="http://www-mag.com.pl">Magazyn WWW</A>
czyli,

Magazyn WWW
to tam, gdzie zarabiam na swoją miskę ryżu :-)

Ukośnik (slash) na końcu adresu wymusza wczytanie strony domyślnej, zazwyczaj o nazwie index.html (lub index.htm - zależy to od typu serwera WWW).

Uwaga: zalecamy nadawanie stronie głównej serwisu nazwy index.htm lub index.html. Jest to powszechnie przyjęta praktyka w Internecie. W ostatnich latach stosuje się także default.htm lub default.html

Na ekranie przeglądarki jest wyświetlany tekst, który znajduje się między znacznikami <A HREF="... "> i </A>. Jest on domyślnie wyświetlany na niebiesko z podkreśleniem (możemy to jednak zmienić). Gdy przesuniemy kursor myszki nad odsyłacz, w pasku stanu przeglądarki zobaczymy kryjący się pod tekstem adres internetowy. Kliknięcie na nim spowoduje skok do strony.

Zwróćmy uwagę na to, że adres internetowy jest podawany w cudzysłowie. Dla działania odsyłacza nie jest to wprawdzie absolutnie konieczne, ale wymaga tego formalna poprawność składni. Edytory HTML na ogół respektują ten wymóg (choć nie wszystkie).

Drugim ważnym odsyłaczem jest adres poczty elektronicznej. Bardzo często autorzy stron, którzy dysponują przecież zazwyczaj swoim własnym adresem, wstawiają go na stronie, prosząc o uwagi czytelnika (ale rzadko to czynią autorzy stron z informacjami dla hackerów!). Jest to dobry obyczaj, który daje czytelnikowi łatwy kontakt z autorem.

Stosujemy tutaj na przykład następujące polecenie:

<A HREF="mailto:autor@jego.adres">Imię i nazwisko</A>

Na przykład:

<A HREF="mailto:pwimmer@www-mag.com.pl.">Redaktor</A>

Napis mailto daje sygnał przeglądarce WWW, że ma uruchomić pocztę elektroniczną. Navigator wywoła swój własny moduł pocztowy Mail, Internet Explorer zaś skorzysta z Outlook Express (albo np. z Outlook 98, jeśli jest on domyślnym programem pocztowym). Także i tutaj stosujmy konsekwentnie w adresie cudzysłów. Fragment w postaci:

Jeśli masz jakieś uwagi, napisz do <A HREF="mailto:pwimmer@www-mag.com.pl.pl">autora strony</A>

zostanie przedstawiony w przeglądarce następująco:

Jeśli masz jakieś uwagi, napisz do autora strony

Przesunięcie kursora myszki nad tekst "autora strony" wyświetli w pasku stanu adres poczty elektronicznej, kliknięcie myszką natomiast spowoduje uruchomienie modułu pocztowego, w którym czytelnik strony będzie mógł zredagować list do autora.


--------------------------------------------------------------------------------

Wielkość i kolor czcionki
Gdyby autorowi strony znudził się tekst, w którym czcionka ma ten sam kolor i wielkość, zawsze może się posłużyć dodatkowymi poleceniami, zmieniającymi obie cechy. W dokumentach HTML stosuje się nieco inną definicję wielkości czcionki niż przyjęta w edytorach tekstów. Podstawowa czcionka ma wielkość 3 jednostek (nie mylić z wielkością w punktach typograficznych) i jest zazwyczaj wyświetlana w przeglądarkach WWW jako czcionka 10-12-punktowa. Przeglądarki pozwalają na ogół zdefiniować, jaka wartość punktowa odpowiada czcionce o wielkości 3. W dokumencie możemy stosować czcionkę o wielkości od 1 do 7. Im większa wartość, tym większa czcionka w przeglądarce.

Uwaga: Wielkości czcionki w przeglądarce WWW nie należy utożsamiać z wielkością czcionki, za pomocą której redagujemy tekst w edytorze HTML! Czcionka w edytorze nie ma żadnego znaczenia dla postaci strony WWW. Możemy na przykład posługiwać się czcionką System, a i tak w przeglądarce pojawią się czcionki, które definiuje sam dokument lub przeglądarka.

Oto przykłady odmiennych wielkości czcionki w przeglądarce World Wide Web.




Polecenie, które określa wielkość czcionki, ma następującą postać:

<FONT SIZE="x">Tekst objęty definicją</FONT>

x = 1...7

Gdy w taki właśnie sposób definiujemy wielkość czcionki, nadajemy jej wartość absolutną. Możemy jednak także nadać wartość relatywną, czyli względną, podając wielkość zmiany. Skoro czcionka standardowa ma wielkość 3, możemy dodać do niej co najwyżej 4 jednostki lub odjąć co najwyżej 2. Gdyby czcionka podstawowa miała wielkość 1, moglibyśmy dodać 6, ale już niczego nie moglibyśmy odejmować.

<FONT SIZE="+x">Tekst objęty definicją </FONT>

<FONT SIZE="-x">Tekst objęty definicją </FONT>

x = 1...6

Gdy jakiś fragment tekstu obejmiemy definicją <FONT SIZE=+2> </FONT>, będzie on miał wielkość 5, gdyż dodajemy 2 jednostki do wielkości podstawowej. Gdy użyjemy polecenia <FONT SIZE=-1> </FONT>, tekst będzie miał wielkość 2.

W ten sposób możemy manipulować wysokością czcionki w tekście, uwypuklając jakieś fragmenty. Jest to wygodne, gdyż możemy zmienić wielkość czcionki wewnątrz akapitu, do czego nie nadaje się definicja tytułu.

W analogiczny sposób możemy zmieniać kolor czcionki. Posługujemy się tutaj poleceniem:

<FONT COLOR="kolor">Tekst objęty poleceniem</FONT>

Kolory możemy definiować w postaci tradycyjnej, a więc za pomocą wartości szesnastkowych (np. kolor biały ma wartość #FFFFFF, a czarny #000000), albo za pomocą ich nazw. Wszystkie popularne przeglądarki akceptują wartości heksadecymalne (w formacie RRGGBB, gdzie RR - składowa czerwona, GG - składowa zielona, BB - składowa niebieska), aczkolwiek ich wprowadzanie wymaga wspomagania w edytorze HTML. Niektóre z edytorów pozwalają wybrać barwę za pomocą suwaków i wstawiają odpowiedni kod do edytora. Można się również posłużyć specjalnym programem do wyznaczania tych wartości - w Internecie można znaleźć kilka robiących to aplikacji.

Internet Explorer i Netscape Navigator interpretują również nazwy kolorów. Początkowo można było się posłużyć jedną z 16 barw, zaś ostatnio paleta rozszerzyła się do 256 kolorów. Najczęściej jednak przy definiowaniu koloru tekstu wystarczy 16 barw i można przyjąć, że posługiwanie się nazwami kolorów jest najwygodniejszą metodą ich definiowania, ponieważ przeglądarki Netscape i Microsoftu zdominowały rynek, więc znaczna część czytelników strony będzie widziała właściwe kolory.

Oto lista szesnastu podstawowych barw:

black silver gray white (koloru white nie widać na białym tle)


maroon red purple fuchsia

green lime olive yellow

navy blue teal aqua


--------------------------------------------------------------------------------

Grafika na stronie
Strony WWW zawierają zwykle grafikę, która bardzo urozmaica ich czytanie - pod warunkiem oczywiście, że korzystamy z graficznego systemu operacyjnego. Niektórzy autorzy stron tak się zatracają w ozdabianiu stron, że zapominają o przepustowości łączy internetowych. Gdy czytelnik strony nie wyłączy w swojej przeglądarce funkcji wczytywania grafiki, może stracić dużo czasu i nerwów, oczekując na wczytanie tak spreparowanej strony. Na szczęście za następnym razem przeglądarka sięga do katalogu cache, gdzie gromadzą się grafiki z Internetu, co znacznie przyspieszy transmisję zawartości strony. Niemniej jednak warto z umiarem stosować graficzne ozdobniki, zwłaszcza gdy nie niosą żadnych istotnych treści.

Na stronach WWW są stosowane dwa podstawowe formaty bitowych plików graficznych - GIF i JPG (JPEG) - które są z założenia skompresowane (często nawet dziesięciokrotnie w stosunku do innych popularnych formatów), a więc zajmują znacznie mniej miejsca grafiki w innych formatach. Dzięki temu transmisja strony trwa znacznie krócej.

Grafikę możemy wprowadzić za pomocą polecenia:

<IMG SRC="nazwa_pliku">


W najprostszym przypadku, gdy obrazek znajduje się w tym samym katalogu co dokument, wystarczy podać jego nazwę. Gdy grafiki gromadzimy na serwerze w odrębnym katalogu, konieczne jest podanie ścieżki dostępu. Na przykład:

<IMG SRC="../gambler/gambler.gif">


--------------------------------------------------------------------------------

Co dalej?
Nie po to uczymy się języka HTML, aby bawić się nim w domu. W końcu każdy zechce wystawić swoją stronę w Internecie, aby podzielić się z innymi swoimi wiekopomnymi dokonaniami czy przemyśleniami. Dlatego trzeba sobie zapewnić miejsce na jakimś serwerze.

Możesz wykupić kilka megabajtów miejsca u dowolnego dostawcy usług internetowych, ale to oczywiście kosztuje nieco grosza. Możesz także skorzystać z jakiejś darmowej oferty - wiele polskich serwisów, w tym i portale, udostępnia miejsce na swoich serwerach.]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Skrypty na strone http://www.snake.pun.pl/viewtopic.php?pid=6#p6 6@http://www.snake.pun.pl Ok daje wiecej skryptuw.
Fajny bajer ;] lecz dziala tylko w Internet explorerze,Dzialanie-Pokazuje czas w oknie statusu.
W znaczniku HEAD.

Kod:

<!-- Scripts-->
<script Language="JavaScript">
<!-- hide// Navigation - Stop
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
//document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock () {
// Make sure the clock is stopped
stopclock();
showtime();
}
// un hide --->
</script>
A tu w znaczniku BODY

Kod:

<BODY ONLOAD="startclock()">
A jak ktos chce wiecej,pisac :good:]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Skrypty na strone http://www.snake.pun.pl/viewtopic.php?pid=5#p5 5@http://www.snake.pun.pl Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik Skrypty na strone http://www.snake.pun.pl/viewtopic.php?pid=4#p4 4@http://www.snake.pun.pl Witam!! :) A tu gotowce.
Zamieszczam tu skrypty na strone HTML.
Zegarek(BODY)

Kod:

<script language="javascript">
<!--W3e JAVAscript Preset
var timerID = null;
var timerRunning = false;
function stopclock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false;
}

function startclock()
{
    stopclock();
    showtime();
}

function showtime()
{
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();
    var timeValue = "" + ((hours > 12) ? hours - 12 : hours);
    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes;
    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds;
    timeValue  += (hours >= 12) ? " P.M." : " A.M.";
    document.clock.face.value = timeValue;
    timerID = setTimeout("showtime()",1000);
    timerRunning = true;
}
//-->
</script>

<form name="clock" onSubmit="0">
  <input type="text" name="face" size="24">
</form>

<script>startclock();</script>
Data i czas-W znaczniku HEAD

Kod:

<!-- Scripts-->
<script Language="JavaScript">
<!-- Helpers for JSI page...
// Navigation - Start
function goback(){
alert("Good Bye!");
history.go(-1);
}
function gettheDate() {
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / " +
Todays.getYear()
document.clock.date.value = TheDate;
}
var timerID = null;
var timerRunning = false;
function stopclock (){
 if(timerRunning)
  clearTimeout(timerID);
 timerRunning = false;
}
function startclock () {
 // Make sure the clock is stopped
 stopclock();
	gettheDate()
	showtime();
}
function showtime () {
	var now = new Date();
	var hours = now.getHours();
	var minutes = now.getMinutes();
	var seconds = now.getSeconds()
	var timeValue = "" + ((hours >12) ? hours -12 :hours)
	timeValue += ((minutes < 10) ? ":0" : ":") + minutes
 timeValue += ((seconds < 10) ? ":0" : ":") + seconds
 timeValue += (hours >= 12) ? " P.M." : " A.M."
	document.clock.face.value = timeValue;
	timerID = setTimeout("showtime()",1000);
	timerRunning = true;
}
// end Helpers -->
</script>
Data i czas-W znaczniku BODY

Kod:

<BODY ONLOAD="startclock()" bgcolor="#FFFFFF">

<table>
<tr>
<td>
<form name="clock" onSubmit="0">
<div align=right>
<input type="text" name="date" size=12 value="">
<input type="text" name="face" size=12 value="">
</div></form>
</td>
</tr>
</table>
Odliczanie jak dlugo jestes na stronie.(BODY)

Kod:

<body onLoad="window.setTimeout('getSecs()',1)">

<script>

//       This script is written by Patrick Meirmans
//       If you want to use it, send me an e-mail at mijter@dds.nl
//       and be sure to include your URL, I'ld like to see how you used it
//       If you have mailed me you are free to change this script
//       anyway you like
//       by the way, my homepage is at:
//       http://www.geocities.com/Nashville/2956/
//       You might want to take a look at it.

startday = new Date();
clockStart = startday.getTime();
function initStopwatch()
{
 var myTime = new Date();
        var timeNow = myTime.getTime();
        var timeDiff = timeNow - clockStart;
        this.diffSecs = timeDiff/1000;
        return(this.diffSecs);
}
function getSecs()
{
        var mySecs = initStopwatch();
        var mySecs1 = ""+mySecs;
        mySecs1= mySecs1.substring(0,mySecs1.indexOf("."));
        document.tijd.hiero.value=mySecs1
        window.setTimeout('getSecs()',1000);
        if (mySecs1==60) {alert("jesteś tutaj już 60 sekund ...") }
        if (mySecs1==333) {alert("jesteś tutaj już 333 sekundy...") }
        if (mySecs1==666) {alert("jesteś tutaj już 666 sekund ...") }
        if (mySecs1==999) {alert("Ciągle jesteś zainteresowany tą stroną; to już 999 sekund...") }
}
//       To get rid of the alerts, you can just delete the three lines above
//       or just one or two of them
//       Change the 333, 666 and 999 to whatever you like
//       For the messages, just change the text between the " "
//       to whatever you like,
//       Have fun!!

</script>
</P>
<P><form name="tijd"><P>
<center>Jesteś tutaj już przez:
<br>
<input size=4 name=hiero>
<br>sekund.
</form>
</center>
Chcecie wiecej?? Piszcie!]]> Œroda 10 PaŸdziernik Œroda 10 PaŸdziernik REGULAMIN !!! http://www.snake.pun.pl/viewtopic.php?pid=3#p3 3@http://www.snake.pun.pl
1. Przed założeniem tematu:
  • Szukaj (użyj opcji szukania), może ktoś przed Tobą miał ten sam problem i temat już istnieje. Nie ma sensu, żeby pytać się ponownie o to samo.

  • Pomyśl, jaki ma być cel nowego tematu; czy nie będzie to uznane jako spam?

  • Założ temat we właściwym miejscu (dziale, podforum)

  • Użyj odpowiedniego tytułu. Tematy typu: "???" bądź "Help me plx" będą usuwane.
2. Tematy, jakie nigdy nie powinny się pojawić:


  • Linki do stron hackerskich oraz stron z nielegalnym oprogramowaniem.

  • Reklamy jakichkolwiek produktów - jeśli chcesz coś zareklamować, zgłoś się do Snake.
3. Jakich treści w postach zawierać nie wolno:
  • Wulgarnego języka, przekleństw, wyzwisk i obrażania innych userów.

  • Nie wolno pisać postów, które w jakikolwiek sposób łamią polskie prawo

  • Nie wolno zamieszczać materiałów pornograficznych, rasistowskich czy faszystowskich

  • Jeśli wszystko, co masz do powiedzenia, to "gratz", "masz rację", "zgadzam się z przedmówcą", lepiej zachowaj to po prostu dla siebie. Takie posty mogą być uznane za spam i odpowiednio karane.

  • Unikaj pisania dwóch lub więcej postów pod rząd. Zawsze możesz zedytować swojego posta, dodając ewentualne informacje. Są możliwe wyjątki np. w przypadku np. "bumpowania" tematu.

  • Pisz na temat.

  • Sprawdź pisownię zanim wyślesz posta. Wielu użytkowników ma z tym problem. W czasie przeglądania forum, wklej treść posta do Twojego ulubionego edytora tekstowego, by uniknąć żenujących czasem błędów w pisowni. Wyjątkowo niepolskie posty będą odpowiednio traktowane.

  • Nie udawaj kogoś, kim nie jesteś. Podszywanie się pod Moderatora, Admina będzie karane.

  • Nie pisz na przemian DuŻyMi I mAłYmI literami. Pisownia taka utrudnia czytanie. To samo tyczy się Zaczynania Każdego Wyrazu Wielką Literą, bĄdŹ pisania polskich ogonkÓw dużymi literami oraz pisma w T4k1|\/| stylu.

  • Nie pisz WSZYSTKIEGO WIELKIMI LITERAMI. JEST TO STRASZNIE DENERWUJĄCE i utrudnia czytanie.

  • Nie cytuj zdjęć. Możesz napisać post, nawiązując do rysunku, ale jeśli cytujesz kogoś, zmodyfikuj post w taki sposób, aby nie cytować zdjęć. Takie działania prowadzą do wolniejszego ładowania się strony oraz obciążenia serwerów.

  • Posty z nadmierną ilością emotikonek będą usuwane, a w skrajnych przypadkach ich autor upominany.

  • Nie używaj formatu zdjęć *.BMP. Mają one duży rozmiar i powodują niepotrzebne obciążenia serwera, jak i wolniejsze ładowanie się tematu.

  • Nie spamuj postami typu: "jestem pierwszy", "ściągam, zaraz dam komenta", "bana mu", "zamknąć temat". Posty tego typu będą usuwane, a ich autorzy upominani.
4. Panel Użytkownika
  • Obrazek w sygnaturze (podpisie) nie może wizualnie zbyt duży (ok 120-120 px w pionie). W przypadku większej ilości obrazków zasada dotyczy ich sumarycznej wielkości/rozmiaru.

  • Sygnatura to jedyne miejsce, gdzie możesz umieszczać linki referencyjne. Pamiętaj tylko, aby nie były one napisane największą czcionką, pogrubioną i w czerwonym kolorze. Największym rozmiarem dopuszczalnym w sygnaturze jest 4, aczkolwiek nie nadużywaj tego.

  • Nigdzie w profilu nie wolno Ci pisać, żę jesteś Moderatorem.

  • W sygnaturze obowiązują niektóre zasady, jak przy pisaniu postów, np. przekleństwa, obrażanie innych, treści pornograficzne, rasistowskie itd.

  • Jeśli Moderator stwierdzi, że Twój profil łamie którąś z zasad, może on poprosić Cię o zmianę pewnych elementów bądź zrobić to samemu. W skrajnych przypadkach może dać upomnienie.

    • Niedopuszczalną rzeczą jest, byś tworzył nazwę użytkownika:
  • obraźliwą (np. C++ to gówno)

  • podobną do istniejących już nazw (np. Adam zamiast Addam)

  • kombinacji znaków, które nie mają sensu (np. gsa8736aga)

  • zawierającą nadmierne ilości znaków specjalnych (np. ~~//\\..::Kal::..//\\~~)

  • staraj się nie tworzyć zbyt długiej nazwy użytkownika (np. _johnny_marchewka_1990@supermodel.pl)

  • nicki zawierające takie wyrazy jak "ziom" (i pochodne) "666" oraz "LOL" są bardzo niemile widziane

  • Łamanie tych zasad jest karane najczęściej banem na stałe. W wyjątkowych przypadkach Administrator może się zgodzić, by nazwa została zmieniona.
5. Podawanie linków do plików na zewnętrznych serwerach

  • Do uploadowania plików zabronione jest używanie wszelakich serwerów ukrywających rozszerzenie pliku. Cała nazwa pliku - wraz z rozszerzeniem - musi być widoczna w URLu. Banowane będą osoby podające linki typu http://www.***/123123/ . Moderatorzy i Admini nie mają obowiązku sprawdzenia, jaki plik naprawdę znajduje się na serwerze. Poszukaj serwisu, który nie maskuje rozszerzenia pliku - jest ich w sieci mnóstwo.


  • Jeśli chcesz podać link do jakiejś gry, czy programu, znajdź oficjalną stronę twórcy lub producenta i podaj link do tej strony. Możesz także podać link do programu, który znajduje się w znanym i zaufanym serwisie, np. http://dobreprogramy.pl/  Przykładowo: pobierasz plik exe z oficjalnej strony producenta i wrzucasz na jakiś tam serwer, w ramach mirrora. Na forum podajesz link do tego mirrora - dostajesz bana. Pamiętaj, nikt nie ma obowiązku sprawdzać, czy rzeczywiście jest to ten sam plik, czy po drodze nie zostało coś do niego dodane...
Dziękujemy, Grono Adminów i Moderatorów]]> Wtorek 9 PaŸdziernik Wtorek 9 PaŸdziernik Forum ostatecznie otwarte! http://www.snake.pun.pl/viewtopic.php?pid=2#p2 2@http://www.snake.pun.pl Prosimy o rejestrację i pisanie postów :P Jednak należy stosować się z regulaminem.]]> Wtorek 9 PaŸdziernik Wtorek 9 PaŸdziernik