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

» 2008 Rgs 27, 13:54

Aš jums čia vis dėsiu HTML ir PHP pamokas. Taip pat padėsiu susikurt svetainę

1 pamoka - Failai

Atsidarom užrašynę (Notepad).
Pradėti > Visos programos > Reikmenys > Užrašynė
Start > All programs > Accessories > Notepad

Tarp užrašinės rašysim visus kodus.

Galima kurti svetaines su HTML (.html), PHP (.php), Abi kalbas (.php).
Kaip matote jei jūs norite kurti vien su HTML tai reikia išsaugoti su vardu "vardas.html", jei kursi tik su PHP arba maišysi abi kalbas (patarčiau šį) "vardas.php".

Taigi, kai užrašynėje parašom kodą spaudžiam
File > Save as... > Įrašom "index.html" > Save
Failas > Išsaugoti kaip... > Įrašom "index.html" > Išsaugoti
ar
File > Save as... > Įrašom "index.php" > Save
Failas > Išsaugoti kaip... > Įrašom "index.php" > Išsaugoti

Jau išmokom išsaugoti failus, jei kils klausimų rašykit žemiau.

Norit publikuoti savo svetainę internete tau reikės Hostingo.

Linsmas.net forume yra labai daug pateiktu hostingų. (http://linksmas.net/hostingai-f29.html)
Mokamų ir nemokamų.
Nemokami nėra labai blogi, bet jei kursi itin didelį projektą ir tau reikės gaug vietos, el.pašto dėžučių, MySQL duobazių, ir kt. dalyku tai patarčiau mokamų.

Aš neaiškinsiu kaip registruotis ir kaip į ten įkelt failus

Jei nemokate parašykite čia, padėsiu...

Kitą pamoka parašysiu, kai kas nors parašys pranešimą. (Kad aš galėčiau įdėti naują pranešimą

)

» 2008 Rgs 27, 16:02

Pravers. Ačiū.

» 2008 Rgs 27, 16:52

2 pamoka - HTML pradmenys

Nurodome, kad tai html dokumentas.

Kodas: Pasirinkti visus: <html> </html>

Kodo įterpimas

Kodas: Pasirinkti visus: <html> <body> Kodas </body> </html>

3 pamoka - Svetainės IMFO

Šiuos kodus reikia įterpti tarp <head> ir </head> gairių.

Kodas: Pasirinkti visus: <html> <head> Čia reikės įterpti tuos kodus </head> <body> </body> </html>

Pavadinimo, raktinių žodžių, aprašymo įterpimas.
Paveikslėlis

Pavadinimas
Pavadinimas bus matomas (Paveiklėlyje pažimėtu skaičiuku 3, 9)

Kodas: Pasirinkti visus: <title>Pavadinimas</title>

Paieškos pavadinimas
Pavadinimas bus matomas (Paveiklėlyje pažimėtu skaičiuku 4, 6)

Kodas: Pasirinkti visus: <meta name="title" content="Pavadinimas">

Aprašymas
Aprašymas bus matomas (Paveiklėlyje pažimėtu skaičiuku 2, 7)

Kodas: Pasirinkti visus: <meta name="description" content="Aprašymas :)">

Raktiniai žodžiai
Raktiniai žodžiai bus matomi (Paveiklėlyje pažimėtu skaičiuku 1, 2, 8)

Kodas: Pasirinkti visus: <meta name="keywords" content="Pirmas, antras, trečias">

Nu manau, supratot, kam reikalingas aprašymas ir raktiniai žodžiai.

Parašykit žemiau kokį nors pranešimą ir tuomet įdėsiu 4 pamoką.

» 2008 Rgs 28, 14:21

Pradmenys, visai įdomu :clap:

» 2008 Rgs 28, 17:00

4 pamoka - Pirmasis puslapis

Parašom

Kodas: Pasirinkti visus: <html> <head> <title>Mano pirmasis puslapis</title> <meta name="title" content="Mano pirmasis puslapis"> <meta name="description" content="Čia yra mano pirmasis puslapis."> <meta name="keywords" content="Pirmas, pirmasis, mano, puslapis, mano pirmasis puslapis, mano puslapis, pirmasis puslapis"> </head> <body> Mano pirmieji žodžiai </body> </html>

Ir išsaugom

Rezultatas:

Mano pirmieji žodžiai
Nauja eilutė

Kodas: Pasirinkti visus: <html> <head> <title>Mano pirmasis puslapis</title> <meta name="title" content="Mano pirmasis puslapis"> <meta name="description" content="Čia yra mano pirmasis puslapis."> <meta name="keywords" content="Pirmas, pirmasis, mano, puslapis, mano pirmasis puslapis, mano puslapis, pirmasis puslapis"> </head> <body> Mano pirmieji žodžiai <br> Labas </body> </html>

Rezultatas:

Nauja pastraipa

Kodas: Pasirinkti visus: <html> <head> <title>Mano pirmasis puslapis</title> <meta name="title" content="Mano pirmasis puslapis"> <meta name="description" content="Čia yra mano pirmasis puslapis."> <meta name="keywords" content="Pirmas, pirmasis, mano, puslapis, mano pirmasis puslapis, mano puslapis, pirmasis puslapis"> </head> <body> Mano pirmieji žodžiai <br> Labas <p> Ką veiki? </body> </html>

Rezultatas:

Tarpas

Kodas: Pasirinkti visus: <html> <head> <title>Mano pirmasis puslapis</title> <meta name="title" content="Mano pirmasis puslapis"> <meta name="description" content="Čia yra mano pirmasis puslapis."> <meta name="keywords" content="Pirmas, pirmasis, mano, puslapis, mano pirmasis puslapis, mano puslapis, pirmasis puslapis"> </head> <body> Mano pirmieji žodžiai <br> Labas <p> Ką veiki? Tikrai? </body> </html>

Rezultatas:

Na tikriausiai supratote, kad aš čia parašiau, kaip reikia įdėti tarpą, pastraipą, naują elutą. Kam viso šito reikia?
Duodu pavyzdį:

Kodas: Pasirinkti visus: <html> <head> <title>Mano pirmasis puslapis</title> <meta name="title" content="Mano pirmasis puslapis"> <meta name="description" content="Čia yra mano pirmasis puslapis."> <meta name="keywords" content="Pirmas, pirmasis, mano, puslapis, mano pirmasis puslapis, mano puslapis, pirmasis puslapis"> </head> <body> Mano pirmieji žodžiai Labas Ką veiki? Tikrai? </body> </html>

Kaip matote po "Mano pirmieji žodžiai" nauja eilutė.
Po "Labas" pastraipa.
O po "Ką veiki?" tris tarpai.

Rezultatas:

Mano pirmieji žodžiaiLabasKą veiki? Tikrai?Dingo eilutė, pastraipa, o vietoje trijų tarpų - vienas.

Klausimus rašykit žemiau.

Kitą pamoką parašysiu vėl, kai parašysit žinutę.
Kitoje pamokoje sužinosite kaip keisti raidžių dydį ir kaip įterpti į kodą sakinius kurie nesimato atvaizduojamame puslapyje.
[/code]

» 2008 Spa 19, 17:37

gal gali naju pamokų idėti :shock:

» 2008 Spa 23, 17:17

5 pamoka
Labai didelis tekstas:

Kodas: Pasirinkti visus: <h1>Tekstas1</h1>

Didelis tekstas:

Kodas: Pasirinkti visus: <h2>Tekstas1</h2>

Normalus tekstas:

Kodas: Pasirinkti visus: <h3>Tekstas1</h3>

Mažas tekstas

Kodas: Pasirinkti visus: <h4>Tekstas1</h4>

Labai mažas tekstas

Kodas: Pasirinkti visus: <h5>Tekstas1</h5>

Super mažas

Kodas: Pasirinkti visus: <h6>Tekstas1</h6>

Vargu ar įskaitysi

Kodas: Pasirinkti visus: <h7>Tekstas1</h7>

Kodas: Pasirinkti visus: <!-- Komentaras HTML kode --!>

Kas įrašyta Tarp <!-- --!> Nebus rodoma naršyklėje. Šitie komentarai padės lengviau atsiminti kurioje vietoje, koks kodas parašytas.

Kitoje pamokoje sužinosite, kaip pakeisti šriftą, spalvą.

Parašykit komentara, parašysiu naują pamoką.

» 2008 Spa 26, 16:18

Pradedu mokintis

» 2008 Spa 29, 21:56

Dėkui tikrai man pravers Ačiū labai.

» 2008 Spa 30, 21:06

Na man čia ne kokia pamoka pasirodė... :roll:

Geriau vistiek mokina knyga "Interneto svetainių ir tinklalapių kūrimas

» 2008 Lap 10, 22:17

neblogai paradentantiesiems koki 10 kartu paskaicius 3
kartus paciam parasius viska imanoma gerai isikalti

» 2008 Gru 05, 19:19

6 pamoka

Kodas: Pasirinkti visus: <font color="[i]Spalva[/i]" face="[i]Šriftas[/i]">[i]Tekstas[/i]</font>

Tekstas kuris parašytas kur yra parašyta 'Tekstas' bus tokios spalvos ir šrifto kuriuos nurodėte kur parašyta 'Spalva' ir 'Šriftas'.
Spalvos gali būti tiesiog angliška pavadinimas arba splavos kodas.
Angliški pavadinimai:
Red
orange
yellow
green
blue
indigo
violet
Spalvų kodai:
Apsilankykite čia.

Šriftų pavadinimų galite sužinoti tiesiog atsidarę Mircrosoft Word'ą.
Tarkim: Times New Roman, Arial, Arial black...

Štai pavyzdys:

Kodas: Pasirinkti visus: <font color="blue" face="Arial black">Labas :)</font>

<b>Teksto pastorinimas</b>
<i>Teksto pasvirinimas</i>
<u>Teksto pabraukimas</u>

Kadangi įvedus šį kodą:

Kodas: Pasirinkti visus: Labas .

Kompiuteris jį atvaizduos kiap:

Kodas: Pasirinkti visus: Labas .

O kad tarpai ir naujos eilustės nedingtu reikia rašyti tarp

Kodas: Pasirinkti visus: <pre> </pre>

gairių.

Kodas: Pasirinkti visus: <pre>Labas .</pre>

ir bus atvaizduota kaip

Kodas: Pasirinkti visus: Labas .

Kitoje pamokoje Paveiklėlių įterpimas ir pritaikimas.

Kaip visada parašykit komentarą , kad galėčiau rašyti dar vieną žinutę.

» 2008 Gru 06, 12:21

Šaunu

Geros pamokos laukiam dar

» 2008 Gru 06, 19:33

7 pamoka

Paveiklėlių įterpimas

Kad įtertumėte paveiklėlį reikia rašyti šį kodą:

Kodas: Pasirinkti visus: <img src="adresas">

Kur adresas reikia yrašyti adresą iki paveiklėlio.
Pvz.: image.gif arba http://gogole.lt/image.gif
Dar galime nurodyti paveikliuko aukštį ir plotį.

Kodas: Pasirinkti visus: <img src="adresas" width="plotis" hight="aukstis">

Dėmesio: Ilgius reikia nurodyti pikseliais (px).

Pamoka buvo trumpa.

Visiems kas mokosi siulau pabandyti padaryt ko mokiau.
Jei kila klausimų (o jų turėtu kilti

) rašykit čia.

Be to kitoje pamokoje nuorodų sukurimas ir etikečių pridėjimas.
Tik parašykit žinutę, kad galėčiau naują pamoką rašyt.
Dar noriu pasakyti jau neužilgo pradėsiu PHP pamokas rašyt.
Viska išmokę jus galėsite kurti svetaines su prisijungimu, forumais...
Galėsite kurti žaidimus (tokius kaip popmundo.com, travian.lt, mirk.lt ...).
Galėite sukurti taškų sistema (panašiai kaip ir linksmas.net forume), internetinę parduotuvę, galėsi taip pat sukurti tokias svetaines kaip bux.to, r1.lt...

» 2009 Sau 08, 20:05

Neblogai

Pasukus galvą galima kai ką įdomaus pakurti vien pataisant pačius pradmenis

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

Dabar prisijungę