HTML, PHP, CSS, JavaScript (svetainių kūrimas)

Jėėė, kažkas gaunas.
Dar tokių.

8 pamoka - Nuorodų ir etikečių sukurimas
Norėdami įterpti nuorodą į kitą puslapį, svetainę rašykite tokį kodą:

Kodas: Pasirinkti visus

<a href="[i]nuorodos adresas[/i]">Teksats kuris bus matomas naršyklėje</a>

PVZ:

Kodas: Pasirinkti visus

<a href="http://google.lt">Google ;)</a>

Rezultatas:

Google

Norėdami įterpti etiketę į paveikliuko arba nuorodos kodą įterpkite title=""
PVZ:

<a href="http://google.lt" title="Google">Google </a>
<img="http://images.google.lt/intl/lt_ALL/images/images_hp.gif" title="Google>

Kaip atrodo tos etiketės galite nueiti į google.lt ir palaikyti pelės žymeklį ant paveikliuko (logo) "Google" Turėtu atsirasti tok užrašas "Google".

P.S. Jei nuorodoje nurodysite adresą iki tokio failo kurio negali nuskaityti naršyklės (.zip, .exe ir t.t.) tai paspaudęs žmogus ant jos galės parsisiųsti tą failą.

Bus dar dvi pamokos, vėliau pradėsime mokytis php kalbos
9 pamoka bus tokia: Lentelių, sąrašų ir rėmelių sukurimas
10 pamoka: Formos
Parašykit pranešimą, kad galėčiau aš pats rašyti naują pranešimą.

Saunu

9 pamoka: Lentelių, sąrašų ir rėmelių sukurimas

Gal kai kurie pagalvos kas ta lentelė?
Lentelė maždaug atrodo taip:


Gali pats nustatyti kiek bus stulpelių ir eilučių.

Norint sukurti lentelę reikia rašyti:

Kodas: Pasirinkti visus

<table border="1">
    <tr>
        <td>
            Labas1
        </td>
        <td>
            Labas2
        </td>
    </tr>
    <tr>
        <td>
            Labas3
        </td>
        <td>
            Labas4
        </td>
    </tr>
    <tr>
        <td>
            Labas5
        </td>
        <td>
            Labas6
        </td>
    </tr>
</table>

Dabar bus sukurta lentelė Panaši į tokia
-------------------
|Labas1|Labas2|
-------------------
|Labas3|Labas4|
-------------------
|Labas5|Labas6|
-------------------
Kadangi per šį forumaą negaliu įdėti lentelių, tai pavaizdavau simboliais kaip panašiai turi atrodyti.
Kaip matote lentelė turi du stulpeliu ir tris eilutes.
Tarp <table> ir </table> gairių įrašę <tr> ir </tr> sukuriame eilutę.
Kaip matote <tr> ir </tr> yra tris kartus įrašytos į kodą.
Tarp jų yra įrašytos <td> ir </td> gairės, kurios sukuria stulpelį.
Kaip matote tarp tų trijų <tr> ir </tr> gairių yra įrašytos po dvi <tr> ir </tr> gairės.
Kas yra tarp gairių <td> ir </td> gairių išvedama į ekraną. Kode buvo tar šiu gairių įarašoma Labas1, Labas2, Labas3...
Ir pavyzdyje matote tuos pačius "Labas" su skaičiais.
Tarp <table> gairės esantis border nurodo koks lentelės linijos bus plotis.
1 yra tokio storio kaip ir paveiklėlyje.
2 bus jau storesnė linija ir t.t. Įvedę 0 lentelės linijos nebus matomos.

Jei ka sneaišku rašykit čia.


Sarašo sukurimas

Kodas: Pasirinkti visus

<ol>
<li>
Labas
</li>
<li>
Labas
</li>
<li>
Labas
</li>
</ol>

Naršyklėje matysime kažką panašaus į tai:
1. Labas
2. Labas
3. Labas


Galima padaryti kad prasidėtu ne nuo 1 ben nuo kokių 12. Tra <ol> reikia įrašyti start.

Kodas: Pasirinkti visus

<ol start="12">
<li>Labas</li>
<li>Labas</li>
</ol>

Ir naršyklėje bus atvaizduota kažkas panašaus į tai:
12. Labas
13. Labas



Rėmeliai
Tikriausiai jus pagalvojote jog tai kažkas panašaus bus į lentelę, kad bus koks nors rėmelis trap kurio bus galima pavaizduoti tekstą.
Rėmeliai tai kito puslapio atvaizdavimas šiame. Jus vistiek nesupratote?
Tai tada apsilankykite: http://www.mch.mii.lt/vpumedziaga/html/frame.html
Ten viskas paaiškinta, kokius kodus reik rašyt...
Jei kas nors neaišku rašykit čia.


Liko tik viena pamoka, po jos pradėsime mokytis PHP kalbos.
Lauksiu komentaro, kad galėčiau naują pranešimą rašyt.

Puiku, laukiam paskutinės pamokos

O kaip pagrindinį puslapį pakeist?

Norejau paklausti, o sukuriant PHP foruma, tai tipo interneta ryja?

laukem php pamoku

Area51 rašė:Norejau paklausti, o sukuriant PHP foruma, tai tipo interneta ryja?

ryja bandwitch'a, t.y. duomenu srauta.

10 pamoka Formos

Formos elementai rašomi tarp <form> ir </form> gairių.
Gairėje <form> reikia nurodyti kokiu budu ir kur nusiųsti formos duomenys.

Kodas: Pasirinkti visus

<form action="[i]Kur siųsti duomenys[/i]" method="[i]Siuntimo budas[/i]"></form>

Dažniausiai duomenys siunčiami į php skriptą (apie tai pakalbėsim daugiau php pamokose).
Siuntimo budai yra du POST ir GET.
GET - Kai duomenys yra siunčiami šiuo budu duomenys yra matomi adreso laukelyje, o su POST nematomi.
Tarkim duomenys siusime į duom.php
Elementai yra tokie:
Tekstinis laukelis (kai vartotojas gali pats įvesti reikšmę), jo vardas bus "vardas".
Išskleidžiamas meniu (kai vartotojas gali pasirinkti iš keliu reikšmių vieną), jo vardas bus "lytis".
Tarkim vartotojas įvedė vardą "Algis" ir pasirinko lytį "vyras".
Tai paspaudus siuntimo mygtuką bus kreiptasi į skriptą tokiu adrese:
http://domenas.lt/duom.php?vardas=Algiz&lytis=vyras (Jei buvo pasirinktas GET budas), jei buvo pasirinktas POST budas, tai tik pasleps duomenys (http://domenas.lt/duom.php).
Kaip sakiau daugiau paaiškinsiu php pamokose.

Formos elementai:
Paprastas tekstinis laukelis
<input type="text" name="vardas">

Iskleidziamas meniu
<select name="vardas">
<option value="reiksme">Matomas pasirinkimas</option>
<option value="reiksme2">Matomas pasirinkimas2</option>
</select>

Pasirinkimo langelis
<input type="checkbox" name="vardas" value="reiksme kuri bus perduota jei bus pazymetas langelis">

Pasirinkimo akute
<input type="radio" name="vardas" value="reiksme kuri bus perduota jei bus pazymeta akute">
(Jei bus keletas akuciu su tokiu paciu vardu, tada galima bus pasirinkti tik viena is ju)

Slaptazodzio laukelis
<input type="password" name="vardas">

Nematomas laukelis
<input type="hidden" name="vardas" value="reiksme">

Siuntimo mygtukas
<input type="submit" value="Vardas kuris bus matomas ant mygtuko">

Istrinimo mygtukas
<input type="reset" name="Vardas kuris bus matomas ant mygtuko">

Failo laukelis
<input type="file" name="vardas">



Tai buvo paskutine html pamoka (žinoma kitose pamokos dar bus užsiminta apie dalykus kurių nesimokėm čia).


Kitoje pamokoje išmoksite apie PHP kintamuosiuos ir duomenų išvedimą.

Tik parašykit komentarą čia, kad galėčiau rašyti aš naują pranešimą.

puikei tu ce viska sudestei kiek laiko tau uztruko ismokt?

kyraviecas rašė:puikei tu ce viska sudestei kiek laiko tau uztruko ismokt?


Pagrindinius dalykus išmokau greit

PHP
11 pamoka - kintamieji ir duomenų išvedimas
PHP kodas rašomas tarp <?php ir ?> arba <? ir ?> gairių.
PHP kodas gali būti maišomas su HTML kodu:

Kodas: Pasirinkti visus

<?
kodas
?>
<html>
<body>
</body>
</html>

Kodas: Pasirinkti visus

<html>
<body>
<?
kodas
?>
</body>
</html>

Kodas: Pasirinkti visus

<html>
<body>
</body>
</html>
<?
kodas
?>

PHP dokumentas turi turėti ".php" galūnę.


Kintamieji (ang. variables)
Kintamųjų paskirtis - saugoti duomenys.
Kintamųjų pradžioje rašome $, po to kintamojo vardą, lygybės ženklą ir reikšmę.
[list]<?
$kint = "Labas, pasauli!";
?>[/list:u]
Kintamajam "kint" priskiriama reikšmė "Labas, pasauli!"

Duomenų tipai:
Sveikieji skaičiai (interger arba int)
Realieji skaičiai (double arba real)
Eilutės (string)
Masyvai (array)
Objektai (objects)

Eilutė
$kint = "1";
1 yra simbolis

Skaičius
$kint = 1;
1 yra skaičius


Taip pat galime atlikti veiksmus:
[list]<?
$a = 1;
$b = 5;
$c = $a + $b * 10;
?>[/list:u]
($c bus lygu 60)

Jei yra veiksmas su eilute, tai paimamas eilutėje pirmas skaičius:
[list]<?
$a = "10 litu";
$b = $a / 2;
?>[/list:u]
$b lygu 5

Jei eilutė neprasideda skaičiumi, tai reikšmė lygi 0


Tipo keitimas
[list]<?
$a = 1.1;
$a = (int) $a;
?>[/list:u]
$a yra 1 (skaičius)
[list]<?
$a = 1;
$a = (double) $a;
?>[/list:u]
$a yra 1.0 (skaičius)
[list]<?
$a = 1.1;
$a = (string) $a;
?>[/list:u]
$a yra 1.1 (eilutė)



Kintami kintamieji
<?
$id = "des";
$$id = "lolo";
?>
$id yra "des"
$$id yra "lolo"
$des yra "lolo"


Galima ir taip:
<?
$a = "b";
$$a = "c";
$$$a = 100;
?>

$b lygu "c"
$c lygu 100


Duomenų išvedimas
Duomenys išvesti galime panaudoje echo
<?
echo"Labas";
?>
Išveda "Labas"

<?
$a = 100;
echo$a;
?>
Išveda "100"

<?
$a = 100;
echo$a+100;
?>
Išveda "200"


Jei ko nesupratote, klauskite drąsiai!
Kitoje pamokoje: Komentarai, Ir dar daugiau apie kintamuosiuos
Lauksiu komentaro, kad galėčiau naują pranešimą rašyt.

na, gerai kad atsiranda tokių zmonių kurie negalvoja:
ai, geriau patinginiausiu o ne cia kazkokias pamokas rasysiu.
saunuolis, kad esi Ne tinginys taip ir toliau !
SĖKMĖS KURIANT PAMOKAS

12 pamoka - kometarai ir dar daugiau apie kintamuosiuos

Kas yra komentaras jau mokėmės HTML pamokose.
Vienos eilutės komentaras:

Kodas: Pasirinkti visus

<?
// komentaras
?>

arba

Kodas: Pasirinkti visus

<?
# komentaras
?>

Kelių eilučių komentaras:

Kodas: Pasirinkti visus

<?
/* komentaras...
lia lia lia
bla bla bla */
?>

Yra du (ar daugiau) kintamieji ir kaip juos sujungti?

Kodas: Pasirinkti visus

<?
$a = "Kaina: "; // Kintamajam $a priskiriama eilutė "Kaina: "
$b = 10.50; // Kintamajam $b priskiriamas skaičius "10.50"
$kaina = $a[b].[/b]$b[b].[/b]" Lt."; // Sujungiame kintamuosiuos $a ir $b ir pridedame " Lt."
echo$kaina; // Kaina: 10.50 Lt.
?>

Masyvai (Arrays)

Skaitmeninis masyvas (Numeric Array):

Kodas: Pasirinkti visus

<?
$vardai = array("Julius","Petras","Lukas");
?>

Dabar $vardai[0] lygu Julius, $vardai[1] lygu Petras, $vardai[2] lygu Lukas.

Arba galime rašyti taip:

Kodas: Pasirinkti visus

<?
$vardai[0] = "Julius";
$vardai[1] = "Petras";
$vardai[2] = "Lukas";
?>

Asociacinis masyvas (Associative Array):

Kodas: Pasirinkti visus

<?
$sk = array("a"=>10, "b"=>305, "c"=>3546);
?>

Kodas: Pasirinkti visus

Dabar $sk[a] lygu 10, $sk[b] lygu 305, $sk[c] lygu 3546.

Arba galime rašyti taip:

Kodas: Pasirinkti visus

<?
$sk[a] = "10";
$sk[b] = "305";
$sk[c] = "3546";
?>

Daugiamatis masyvas (Multidimensional Array):

Kodas: Pasirinkti visus

<?
$rd = array
(
  "a"=>array
  (
  "aa",
  "ab",
  "ac"
  ),
  "b"=>array
  (
  "ba"
  ),
  "c"=>array
  (
  "ca",
  "cb",
  "cc"
  )
);
?>

Dabar:

Kodas: Pasirinkti visus

$rd['a'][0] = "aa";
$rd['a'][1] = "ab";
$rd['a'][2] = "ac";
$rd['b'][0] = "ba";
$rd['c'][0] = "ca";
$rd['c'][1] = "cb";
$rd['c'][2] = "cc";

Kitoje pamokoje: Kintamieji iš HTML formos
Lauksiu komentaro, kad galėčiau naują pranešimą rašyt.

Saunios pamokos Taip ir toliau