JavaScript #2 – Przygotowania

Sty 20
2010

Aby rozpocząć zabawę z JavaScript potrzebujemy jedynie przeglądarki Internetowej oraz pliku HTML, na którym będziemy pracować. Aby przejść od razu do sedna kursu poniżej przedstawiam przykładowy szablon HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>Nauka Java Script</title>
</head>
<body>
</body>
</html>

JavaScript #1 – Wstęp

Sty 20
2010

JavaScript jest językiem skryptowym i w odróżnieniu od Javy(która jest kompilowana) jest interpretowany. Oznacza to, że kod napisany przy pomocy tego języka jest zrozumiały dla ludzi jak i komputera(przeglądarki). Sama interpretacja dokonuje się właśnie po stronie klienta(przeglądarki).

 

 

Czytaj dalszą część wpisu »

HTML #9 – Przykładowy szablon

Sty 19
2010

Poniżej prosty, dwukolumnowy szablon zbudowany na podstawie tabeli.

 

 

 

 

Czytaj dalszą część wpisu »

HTML #8 – Tabele

Sty 19
2010

Struktura tabeli kształtuje się następująco

 

 

Czytaj dalszą część wpisu »

HTML #7 – Odsyłacze

Sty 19
2010

Odróżniamy kilka rodzajów odsyłaczy. Niewątpliwie najczęściej stosowanym jest odsyłacz do podstrony. Ma on następującą postać:

<a href="index.html">Strona główna</a>

Atrybut href jak widać przyjmuje w wartości nazwę pliku, który chcemy wczytać po kliknięcie na napis Strona główna. Drugim rodzajem odsyłacza jest odsyłacz obrazkowy

<img src="obraz.jpg" alt="Tekst alternatywny" />

Jak widać znacznik <img> nie posiada tagu zamykającego. Wobec tego na końcu wstawiamy />zamiast >. Atrybut src działa na tej samej zasadzie do href w <a>. Natomiast alt=”Tekst alternatywny” to tekst, który wyświetli się, jeśli obrazek nie zostanie załadowany.

HTML #6 – Zaawansowane formatowanie

Sty 19
2010

Umiemy już pogrubiać, podkreślać, pochylać tekst oraz wyświetlać go w linii oraz bloku. Pozostaje nam nauczyć się zmiany jego wielkości, kroju oraz koloru.

 

Czytaj dalszą część wpisu »

HTML #5 – Znaczniki blokowe

Sty 19
2010

Znaczniki blokowe i efekty ich wywołania.

<p>To jest paragraf</p><p>A to drugi paragraf, zostanie on wyświetlony pod pierwszym paragrafem(akapitem)</p>
To jest paragraf
A to drugi paragraf, zostanie on wyświetlony pod pierwszym paragrafem(akapitem)

Do elementów blokowych zaliczamy także <div>

HTML #4 – Znaczniki liniowe

Sty 19
2010

Znaczniki liniowe i efekty ich wywołania.

<b>Ten tekst zostanie pogrubiony</b>

Ten tekst zostanie pogrubiony

<i>Ten tekst zostanie pochylony</i>

Ten tekst zostanie pochylony

<u>Ten tekst zostanie podkreślony</u>

Ten tekst zostanie podkreślony

<u>Ten tekst jest podkreślony<b>, a ten ponadto pogrubiony</b> i znów podkreślony</u>

Ten tekst jest podkreślony, a ten ponadto pogrubiony i znów podkreślony