Kompiuteriai Svetainės kūrimas

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

        

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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 8)
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ą :? )
Paskutinį kartą redagavo mode118 2010 Sau 30, 21:36. Iš viso redaguota 6 kartus.

--------------------------------------


Vartotojo avataras

SpeedeR

Aktyvus dalyvis
 
Pranešimai: 367

 112.90 Lt

Standartinė » 2008 Rgs 27, 16:02

Pravers. Ačiū.

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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
Paveikslėlis
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ą.

Vartotojo avataras

worlon

Įsijaučiantis
 
Pranešimai: 52

 764.43 Lt

Standartinė » 2008 Rgs 28, 14:21

Pradmenys, visai įdomu :clap:

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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:
    Mano pirmieji žodžiai
    Labas


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:
    Mano pirmieji žodžiai
    Labas

    Ką veiki?

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?&nbsp;Tikrai?
</body>
</html>


Rezultatas:
    Mano pirmieji žodžiai
    Labas

    Ką veiki? Tikrai?

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]

Vartotojo avataras

Lumina

Patyręs forumietis
 
Pranešimai: 945
kretinga

 434.00 Lt

Standartinė » 2008 Spa 19, 17:37

gal gali naju pamokų idėti :shock:

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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 :D
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ą.

Vartotojo avataras

Lumina

Patyręs forumietis
 
Pranešimai: 945
kretinga

 434.00 Lt

Standartinė » 2008 Spa 26, 16:18

Pradedu mokintis :D

Vartotojo avataras

iCore.

Forumo gyventojas
 
Pranešimai: 1289
Panevėžys

 338.17 Lt

Standartinė » 2008 Spa 29, 21:56

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

Vartotojo avataras

Blofeld.

®espect
 
Pranešimai: 3248
Šiauliai

 2,154.71 Lt

Standartinė » 2008 Spa 30, 21:06

Na man čia ne kokia pamoka pasirodė... :roll: Geriau vistiek mokina knyga "Interneto svetainių ir tinklalapių kūrimas

RulesBreaker

Lankytojas
 
Pranešimai: 1

 83.25 Lt

Standartinė » 2008 Lap 10, 22:17

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

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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ę.

Vartotojo avataras

Camilė.

Forumo gyventojas
 
Pranešimai: 1786
Panevėžys

 890.00 Lt

Standartinė » 2008 Gru 06, 12:21

Šaunu :clap: Geros pamokos laukiam dar ;D

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 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 :D) 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...

Vartotojo avataras

*Vita.

Aktyvus dalyvis
 
Pranešimai: 359
Vaižgantai

 0.00 Lt

Standartinė » 2009 Sau 08, 20:05

Neblogai :) Pasukus galvą galima kai ką įdomaus pakurti vien pataisant pačius pradmenis :D



Kompiuteriai Svetainės kūrimas





 
Dabar prisijungę

Šiuo metu prisijungęs 1 narys :: 0 registruotų, 0 slaptų ir 1 svečias
Daugiausia vartotojų (555) buvo 2010 Bir 02, 09:13

Vartotojai naršantys šį forumą: Registruotų vartotojų nėra ir 1 svečias