Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[TUT]Porządny prodnik HTML

MatematykPL

Przez MatematykPL
w Kosz

Rekomendowane odpowiedzi

MatematykPL Rekrut

MatematykPL

Opublikowano
Rekrut

MatematykPL

Opublikowano

<p style="text-align: center"><strong><span style="color: #008000">Kurs HTML</span></strong></p>

<br />

<p><strong><span style="color: #00ff00">1.1 Budowa poleceń składu</span></strong><br />

<br />

<strong>  Dokument HTML jest zwykłym dokumentem tekstowym stworzonym za pomocą prostego edytora tekstu (np. Notatnik ja polecam Notepad++)</strong><br />

<strong>przy użyciu określonego kodu.Na kody składają się: elementy,tagi i znaczniki.</strong><br />

<strong>  Element zawiera trzy częsci  </strong></p>

<ul class="bbc">

<li><strong>znacznika początkowego w formie <span style="color: #0000ff"><znacznik></span></strong></li>

<li><strong>zawartosci elementu: tekst i/ lub inne elementy</strong></li>

<li><strong>znacznika końcowego w formie <span style="color: #0000ff"></znacznik></span></strong></li>

</ul>

<p><strong>Poszczególnym elementom można przypisywać dodatkowe atrybuty (określenia), które uściślają ich znaczenie. Atrybuty wraz z ich wartościami wpisuje się wewnątrz znacznika początkowego  <span style="color: #0000ff">< znacznik atrybut="wartość"></span>, na przykład zapis <span style="color: #0000ff"><font size="3"></span> oznacza, że wielkość litery wynosić będzie 3 punkty.</strong><br />

<strong>  Niektóre elementy nie muszą, a niektóre wręcz nie mogą, posiadać znacznika końcowego (np. element <span style="color: #0000ff">br </span>służacy do rozpączęcia nowego wiersza tekstu.)</strong><br />

<strong>  Schemat konstrukcji każdego dokumentu powinien zawierać </strong><br />

<strong>następujace</strong> <strong>polecenia i elementy:</strong><br />

 

<br />
<html><br />
<head><br />
<title>Tytuł Dokumentu</title><br />
< meta http-eguiv="Content-Type" control="text/html; charset=ISO-8859-2"><br />
<meta http-eguiv="Content-Language" content="pl"><br />
</head><br />
<body><br />
Treść dokumentu<br />
</body><br />
</html><br />

<br />

<strong>  W 4 i 5 linijce następuje określenie języka, czyli określenie możliwosci wyświetlania znaków diakrytycznych. </strong><br />

<br />

<strong><span style="color: #00ff00">1.2 Nagłówek dokumentu</span></strong><br />

<br />

<strong>  Tworzony dokument HTML powinien na początku zawierać polecenie </strong><span style="color: #0000ff"><strong><html></strong></span><strong>. Dokument składa się z dwóch podstawowych bloków: częsci nagłówkowej oraz </strong><strong>głównej częsci dokumentu. </strong><br />

  <strong>Część nagłówkoka, pomiedzy znacznikami <span style="color: #0000ff"><head></span></strong> a <span style="color: #0000ff"><strong></head> </strong></span><strong>zawiera podstawowe informację takie jak tytuł dokumentu, słowny opis dokumentu, dane autora, słowa kluczowe itd. Znajdują się tam takżę polecenia o charakterze sterujacym, czyli pozwalające na własciwe odczytywanie dokumentu. Dzięki części nagłówkowej możliwe jest na przykłąd odnalezienie strony w internecie. Tekst umieszczony w tej częsci nie jest wyświetlany w oknie przęglodarki (z wyjątkiem tytułu ukazującego się w górnej częsci okna).</strong><br />

<br />

<span style="color: #00ff00"><strong>1.3 Główna część dokumentu</strong></span><br />

<br />

<strong>  Tekst i inne elementy zawarte pomiedzy znacznikami <span style="color: #0000ff"><body></span> a <span style="color: #0000ff"></body></span></strong> <strong>stanowią podstawową, główną część dokumentu, prezentowaną odbiorcy przez przeglądarke. To należy wstawić i zapisywać również polecenia sterujace wyglądem tekstu, wielkoscią obrazu, położeniem elementów na strone, ustalać marginesy wpisywać komendy budujące tabele, wstawające rysunki, definujace pola formularza itp.</strong><br />

<strong>  Dokument HTML można zapisać za pomocą dowolnego edytora tekstowego.My zaś do tworzenia  stron WWW wykorzystamy Notepad++. Dzięki temu będziemy mogli kształtować przyszły wygląd  swej strony internetowej . Takiemu plikowi wystarczy tylko rozszerzenie z TXT na HTML.</strong></p>

<p> </p>

<p><span style="color:#00ff00;"><strong>1.4 Zmiana kolorów tła strony</strong></span></p>

<p> </p>

<p>  <strong>Polecenia pozwalające określić kolor tła na stronie internetowej ( domyślny jest kolor biały). Pamiętaj, że jako kolorów tła nie powinło się używać barw bardzo jaskrawych.Sprawiają one, że oczy szybko sie męczą i dodatkowo zacinają treśc strony. Ponadto należy pamietać, aby ustalonym kolorze tła tekst był dobrze widoczny.</strong></p>

<p> </p>

<p><span style="color:#ffd700;"><strong>Sposób 1</strong></span></p>

<p> </p>

<p><strong>  Parametr - </strong><span style="color:#0000ff;"><strong><body bgcolor="kolor"></strong></span></p>

<p> <strong> Zdefiniowanie koloru tła strony następuje przez podanie angielskiej nazwy koloru, naprzykład</strong>:</p>

<p> <strong><span style="color:#000000;">black - czarny</span></strong></p>

<p> <span style="color:#ff0000;"><strong>red - czerwony</strong></span></p>

<p><span style="color:#40e0d0;"> <strong>blue - niebieski</strong></span></p>

<p><span style="color:#40e0d0;"><strong> </strong></span><span style="color:#00ff00;"><strong>zielony - green</strong></span></p>

<p> <strong><span style="color:#ffff00;">żółty - yellow </span></strong></p>

<p> </p>

<p><span style="color:#ffd700;"><strong>Sposób 2</strong></span></p>

<p> </p>

<p><strong>  Parametr - <span style="color:#0000ff;"><body bgcolor="#rrggbb"></span></strong></p>

<p><strong>  Zdefiniowanie koloru tła następuje przez podanie składowych RGB. Składowe <span style="color:#0000ff;">rr,</span> <span style="color:#0000ff;">gg</span> i <span style="color:#0000ff;">bb</span></strong></p>

<p><strong>określają nasycenie składowych kolorów czerwonego, zielonego oraz niebieskiego w sklai od 0 do 255. Wartosć <span style="color:#0000ff;">rr</span>, <span style="color:#0000ff;">gg</span> oraz <span style="color:#0000ff;">bb</span> mogą być również definiowane wielkimi literami alfabetu - dwa znaki na jedną liczbe.</strong></p>

<p><strong>Tabela kolorów:</strong> <span style="color:#daa520;"><strong>http://pl.wikipedia.org/wiki/Kolory_w_Internecie</strong></span></p>

<p> </p>

<p><span style="color:#ffd700;"><strong>Sposób 3</strong></span></p>

<p> </p>

<p><strong>  Jeżeli znudziły Ci się strony o jednolitym kolorze, możesz umieścić w tle obrazek. Dzięki temu strona może wyglądać nieco ciekawiej. Ponadto drugie z podanych niżej poleceń pozwala zdeniniować tło obrazkowe, które jest nieruchome, co znczy że podczas przewijania zawartosci okna tło obrazkowe nie przesuwa się wraz z tekstem</strong>.</p>

<p><strong>  Parametr</strong></p>

<p><span style="color:#0000ff;"><strong><body blackground="scieżka dostępu do obrazka"></strong></span></p>

<p><strong>lub</strong></p>

<p><span style="color:#0000ff;"><strong><body blackground="scieżka dostępu do obrazka" bgproperties="fixed" ></strong></span></p>

<p>  <strong>Jako scięzkę dostepu do obrazka należy podać lokalizację na dysku, czyli czyli gdzie znajduje się obrazek, którego chcesz użyć jako tła.</strong></p>

<p>  <strong>Należy uniknąć jako tła naprzykład z powtarzalnych elementów o niewielich rozmiarach oraz być nieco rozmyte - nieostre (można to uzyskać w dowolnym, bardziej rozbudowanym programie graficznym). Tło </strong><strong>powinło miwć kolory pastelowe, blade</strong> <strong>albo całkiem ciemne . Dobrym pomysłem na atrkacyjne tło sa powierzchnie imitująće strukturę skóry, kamienia czy marmuru.</strong></p>

<p> </p>

<p><span style="color:#ff0000;"><strong>Pamiętaj !</strong></span></p>

<p> </p>

<p><span style="color:#ff0000;"><strong>Tła</strong></span> <strong><span style="color:#ff0000;">w formie obrazków o dużych rozmiarach powodują wydłużenie wczytywanych stron. Używaj więc plików w formie *. jpg (dla zdjęć wielokolorowych) lub *.gif (dla rysunków)</span></strong><strong><span style="color:#ff0000;">. Te pliki zajmują dużo mniej niż zwykłe mapy bitowe *.bmp</span></strong></p>

<p> </p>

<p><strong><span style="color:#00ff00;">1.5 Szerkość marginesów</span></strong></p>

<p> </p>

<p><strong>Szerokość marginesów ustala się za pomocą parametru</strong><span style="color:#0000ff;"><strong> <body leftmargin="x1" rightmargin="x2" topmargin="y1" bottommargin="y2"></strong></span></p>

<p><strong>gdzie x1 oznacza szerokośc lewego marginesu, x2 - szerokość prawego marginesu, y1 - wysokość górnego marginesu y2 - wysokośc dolnego marginesu (wszystkie wymiary w pikselach)</strong></p>

<p> </p>

<p><span style="color:#00ff00;"><strong>1.5. Kolory odsyłaczy</strong></span></p>

<p> </p>

<p><strong>Koloru w odsyłaczach do innych stron, czyli linków, używamy w celu łatwiejeszej nawigacji na stronie. Obecnie standardowo koloruję się odszyłacze, które zostały użyte (kliknięte)</strong> <strong>aby użytkownik danej strony wiedział, dzie zajrzył. Można też określić  kolorem odsyłacze będące wwłasnie w użyciu lub te, które jeszcze nie zostały uaktywnione. Robi się to za pomocą parametru:</strong></p>

<p><span style="color:#0000ff;"><strong><body link="kolor1" vlink="kolor2" alink="kolor3"></strong></span></p>

<p><strong>Wartosci <span style="color:#0000ff;">kolor1</span>, <span style="color:#0000ff;">kolor2</span> oraz <span style="color:#0000ff;">kolor3</span> oznaczają definicję kolorów, przy czym:</strong></p>

<ul>

<li><strong><span style="color:#0000ff;">kolor1</span> - oznacza kolr odsyłaczy, które niezostałe jeszcze użyte (link)</strong></li>

<li><strong><span style="color:#0000ff;">kolor2 </span>- oznacza kolor odsyłaczy, króre zostały już użyte (vlink) </strong></li>

<li><strong><span style="color:#0000ff;">kolor3</span></strong> <strong>- oznacza kolor aktywnego odsyłacza , czyli takiego, który własnie został użyty (alink)</strong></li>

</ul>

<p><strong>Stararaj się użyć barw, które będą wrażnie wyróżniały kolor odsyłacza od koloru strony i pozostałego tekstu.</strong><br />

 </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

 

Gość Pan Szymek

Gość Pan Szymek

Opublikowano

Gość Pan Szymek

Opublikowano

Nie używa się już <font>, a HTML to już bardziej dokument XML niż tekstowy.

Paradisia Znawca

Paradisia

Opublikowano
Znawca

Paradisia

Opublikowano

Ty sobie chyba jaja z takim poradnikiem robisz. To poradnik z tych ,,Dla beki"? Zamykam...

1368908122-U621182.png

Moderator Tworzenia stron WWW , ex.Moderator Dark Orbit,ex. Moderator Diablo, Helper Pogaduszek, Metin2, Dobre programy, Fan Art, MPC Media Team Recenzent.

Konfitura Mentor

Konfitura

Opublikowano
Mentor

Konfitura

Opublikowano

@paradisia, daj mu się wykazać. otwieram.

 

Nie używa się już <font> poza tym to nie jest porządny 'prodnik' o html. Albo robisz porządnie co trzeba albo kosz. Napisz mi na pw.

Nieregulaminowa sygnatura

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...