sobota, 1 września 2012

HTML - Słowniczek webmastera

Kilka przydatnych słówek

Naukę czas zacząć. Pierwsze kroki rozpoczniemy od ustalenia pewnej rzeczy. Postaw sobie jakiś cel, jeden konkretny, jaki chciałbyś osiągnąć po ukończeniu tego kursu. Zapisz go sobie gdzieś i realizuj podczas gdy ja będę starał się przekazać Ci jak najdokładniej swoją wiedzę. Zaczynajmy!

Ten rozdział wprowadzi nam kilka podstawowych zagadnień:
  • HTML – Hypertext Markup Language – Nie jest językiem programowania. Jest językiem opisowym, dzięki któremu przeglądarki internetowe wiedzą jakie elementy znajdują się na stronie i jak je interpretować.
  • IDE – Środowisko programistyczne – Najprościej, jest to program, w którym będziemy "pisali" naszą stronę. Ja w swoim kursie będę korzystał z Netbeans 7.1 na platformie (systemie) windows 7 x64.
  • ZNACZNIKI – Są to cegiełki z których będziemy tworzyli naszą pseudo aplikacje sieciową – stronę. Znaczniki są bardzo istotną częścią, gdyż to za ich pomocą informujemy przeglądarkę, że chcemy aby wyświetliła tabelke, obrazek, tło, cokolwiek. A oto ich funkcje:

    • Określają początek i koniec danego obszaru (SEKCJI) w dokumencie HTML. Do takich znaczników zaliczamy <HTML><BODY><HEAD><STYLE><SCRIPT>
    •  Pomagają w formatowaniu tekstu. Między innymi : <FONT><CENTER><B><U><I><P><MARQUEE>
    •  Zagnieżdżają linki : <A>
    •  Reprezentują różne układy oraz tabele <TABLE><TR><TD><IMG>Większość znaczników ma swój odpowiednik, który jest poprzedzony w nazwie slashem "/" tj. <TABLE></TABLE>. Są to znaczniki zamykające. Przestrzeń pomiędzy nimi to rzeczona w tym wypadku tabela. Wyjątków jest niewiele : <IMG /> <BR /> <BUTTON />. Taka mieszanka kilku z powyższych znaczników w odpowiedniej kolejności jest przepisem na CO PRAWDA niezgodną z obecnymi standardami stronę HTML, aczkolwiek doszedłem do wniosku, że łatwiej będzie pojąć Ci drogi czytelniku te podstawy. Po ukończeniu części I kursu będziesz już wiedział jak zbudować stronę internetową i jakie są reguły. Wtedy zaznajomisz się ze znaczeniem skrótu CSS oraz ze znacznikami takimi jak DIV itp…

  • ZAGNIEŻDŻANIE – Jest to zjawisko gdy znacznik <X>, który coś powoduje musi być umieszczony w przestrzeni znacznika <Z>. Wtedy wygląda to tak: <Z><X>abecadło</X></Z>. Zakładając, że znacznik Z powoduje pogrubienie tekstu, a X pochylenie to tekst “abecadło” byłby pochyły oraz pogrubiony. Niepoprawne jednak jest takie zachowanie : <Z><X></Z></X>. Jeśli zakładasz skarpetkę, a na nią buta, to aby ściągnąć skarpetkę musisz najpierw ściągnąć but: <skarpeta><but></but></skarpeta>.
  • ATRYBUT – Atrybutem znacznika jest jego specjalna właściwość. Ta właściwość może określić np. szerokość tabeli, grubość ramki, wysokość obrazka. Jest jedna prawidłowość: <ZNACZNIK ATRYBUT="WARTOŚĆ">. Np: <img src="C:/moje_grafiki/kotek.jpg" width="300px" height="100px" /> wstawi graficzkę spod adresu C:/moje_grafiki/kotek.jpg i nada jej rozmiar 300px szerokości na 100px wysokości.
  • Kod źródłowy – źródło strony – Kod HTML odpowiadający za wyświetlanie strony czyli zestaw odpowiednio skomponowanych, dobranych znaczników – strona internetowa (prawy przycisk myszy w przeglądarce, źródło strony).
Jeśli chodzi o podstawy słownika to chyba na tyle, złącze, link itp – tego nie muszę raczej tłumaczyć.

Sprawdź ile zapamiętałeś odpowiadając na następujące pytania:

  1. Czym jest HTML
  2. Co to jest IDE
  3. Jakie są funkcje znaczników? Wymień 2 podstawowe typy znaczników
  4. Jak działa zagnieżdżanie znaczników
  5. Czy Twoim zdaniem, na podstawie tego wpisu, atrybuty są potrzebne? Dlaczego?


Brak komentarzy:

Prześlij komentarz