Kompiuteriai Svetainės kūrimas

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

        

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgp 28, 13:59

30 pamoka - CSS - Margin & Padding

Margin naudojamas norint atitraukti "dėžutę" ir jos turinį, o Padding norint atitraukti tik turinį nuo dėžutės kraštų.

Pvz.:
Kodas: Pasirinkti visus
a {
padding: 0 5px;
}

Šis kodas a gairėje iš vidaus šonuose atitrauks po 5 pikselius.


Kitoje pamokoje: CSS - Sąrašas ir lentelė (List & Table)
Paskutinį kartą redagavo mode118 2009 Rgp 28, 20:04. Iš viso redaguota 1 kartą.

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


Vartotojo avataras

THa KeinuX

Forumo gyventojas
 
Pranešimai: 1200
Sun-City

 0.00 Lt

Standartinė » 2009 Rgp 28, 14:06

"Itin didelė pamoka, kuri visiems bus naudinga"

Šiaip jei buvai nustojęs dėti tai nebedėk, nes su tokia pamoka po tokios pertraukos prajuokinai :D :lol:

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgp 28, 15:07

Dabar vėl normaliai dėsiu pamokas, nebedarysiu* tokių petraukėlių ;)

EDIT: *sumelavau :D
Paskutinį kartą redagavo mode118 2010 Sau 21, 22:04. Iš viso redaguota 3 kartus.

Vartotojo avataras

THa KeinuX

Forumo gyventojas
 
Pranešimai: 1200
Sun-City

 0.00 Lt

Standartinė » 2009 Rgp 28, 15:20

Tada aišku :)

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgp 30, 16:33

31 pamoka - CSS - Sąrašas ir lentelė (List & Table)

Sąrašas
Sąrašas - tai eilutės, kurių pradžioje galima būti koks nors simbolis ar mažas paveiksliukas. Dažniausiai ji yra labiau atitraukta nuo krašto.

PVZ.:
Vardai:
    1. Tomas
    2. Lukas
    3. Agnė
    4. Artūras


Sąrašas taip pat gali būti naudojamas meniu nuorodoms valdyti ir pnš.

    Sąrašo ypatybės
      Aprašymas
        Galimos reišmės
    list-style
      Galima nustatyti visas sąrašo ypatybes iš karto.
        list-style-type
        list-style-position
        list-style-image

        inherit
    list-style-image
      Nustato piktogramą, kuri bus rodomas eilutės pradžioje.
        URL
        none
        inherit
    list-style-position
      Nustato kur bus simbolis ar piktograma.
        inside
        outside
        inherit
    list-style-type
      Nustato simbolio tipą.
        none
        disc
        circle
        square
        decimal
        decimal-leading-zero
        armenian
        georgian
        lower-alpha
        upper-alpha
        lower-greek
        lower-latin
        upper-latin
        lower-roman
        upper-roman
        inherit

Simbolio tipų paaiškinimai anglų kalba:
Paveikslėlis
Unordered - skritulys, kvadratas ir pnš.
Ordered - skaičiai, raidės.
! Internet Explorer nepalaiko tvarkingų (ordered) sąrašų.

Lentelė

Šios stilių ypatybės leidžia valdyti html table gairę.
    [url=about:blank]Sąrašo ypatybės[/url]
      Aprašymas
        Galimos reišmės
    border-collapse
      Nustato ar kraštinės turėtų būti "collapsed".
        collapse
        separate
        inherit
    border-spacing
      Nustato kokio pločio turėtų būti "griovelis" kraštinėje.
        length
        inherit
    caption-side
      Nustato antraštę lentelei.
        top
        bottom
        inherit
    empty-cells
      Nustato ar rodyti kraštines tuštiems langeliams.
        show
        hide
        inherit
    table-layout
      Nustato turinio išdėstymą.
        auto
        fixed
        inherit


Paspaudę ant nuorodų pamatysite pavyzdį!

Pakopinių stilių pagrindus jau surašiau.
Visus šiuos pagrindus ir daugiau rasite čia ->> w3schools.com.

Kitoje pamokoje: JavaScript

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgs 03, 18:54

32 pamoka - JavaScript

Su JS galima pagyvinti puslapius. Svarbu jų nepadaryti per daug gyvų, nes tai atbaido lankytojus :(

Yra du būdai įterpti JS kodą. Kaip ir CSS įterpti pačiame puslapio kode ar atskirame faile.
JS kodą galima įterpti į head ir į body gaires. Kodas parašytas head gairėje bus nuskaitytas anksčiau.

JS įterpimas į HTML kodą:
Kodas: Pasirinkti visus
<script type="text/javascript">
<!--
Kodas
-->
</script>

<script type="text/javascript"> - nurodo, kad prasideda JS kodas.
<!-- - padaro, kad senesnės naršyklės neišvestų JS kodo kaip paprastą tekstą ir tą tekstą laikytų kaip HTML komentarą.
Kodas - Šioje vietoje reikia rašyti JS kodą.
--> - uždaro komentarą.
</script> - nurodo, kad yra JS kodo pabaigą.

JS failo įterpimas į HTML:
Kodas: Pasirinkti visus
<script type="text/javascript" src="failo_vardas.js"></script>

SRC laukelyje reikia įrašyti failo vardą ir galūnę, kuriame yra JS kodas.

Kitoje pamokoje - JavaScript II
Paskutinį kartą redagavo mode118 2009 Rgs 10, 17:25. Iš viso redaguota 1 kartą.

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgs 10, 17:13

33 pamoka - JavaScriptII

JS kalboje, kitaip nei HTML svarbu raidžių dydis.
JavaScript kalba yra panaši į PHP kalbą.
JavaScript kodą vykdo naršyklė, todėl bet kas gali peržiūrėti jį.

JS komentarus galima įterpti dviem būdais:
Su // komentaras įtrpti vienos eilutės komentarą, su /* komentaras */

PVZ.:
Kodas: Pasirinkti visus
<script type="text/javascript">
<!--
// Vienos eilutes komentaras
-->
</script>
Kodas: Pasirinkti visus
<script type="text/javascript">
<!--
/* Keliu eiluciu
Komentaras*/
-->
</script>


Kitoje pamokoje: Kintamieji ir Operatoriai

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Rgs 20, 20:27

34 pamoka - Kintamieji ir Operatoriai

Kintamieji laiko informacija.
Norint sukurti kintamąjį JavaScript kalboje reikia parašyti tokią eilutę:
Kodas: Pasirinkti visus
var kintamojo_vardas=kintamojo_reikšmė;

O kreiptis į jį tiesiog jo vardu.
PVZ.:
Kodas: Pasirinkti visus
var skaicius=100;
var atsakymas=skaicius+10;

Kintamojo "atsakymas" reikšmė bus "110".

JavaScript operatorių rūšys:
    Aritmetiniai (Arithmetic)
    Užduočių (Assignment)

Aritmetiniai:
y=5
Operatorius - Pavyzdys - Rezultatas x=
+ - x=y+2 - 7
- - x=y-2 - 3
* - x=y*2 - 10
/ - x=y/2 - 2.5
% - x=y%2 - 1
++ - x=++y - 6
-- - x=--y - 4

Užduočių:
x=10; y=5
Paveikslėlis

Operatorius + taip pat sudeda eilutes:
Kodas: Pasirinkti visus
var start="La";
var end="bas";
var word=start+end;
var words=start+" "+end;

word = Labas
words = La bas

Kitoje pamokoje: Duomenų tikrinimas su if ir palyginimo operatoriai

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Spa 08, 20:31

35 pamoka - Duomenų tikrinimas su if ir palyginimo operatoriai

If tikrinimas yra lygiai toks pat kaip ir PHP kalboje:
Kodas: Pasirinkti visus
if (sąlygos){
    //kodas
  }else{
    //kodas
  }


Operatoriai:
== Reikšmės yra lygios
=== Reikšmės ir kintamųjų tipai yra vienodi
!= Yra nelygu
> Yra daugiau
< Yra mažiau
>= Yra daugiau arba lygu
<= Yra mažiau arba lygu

&& Ir
|| Ar
! Ne

Pavyzdžiai:
Kodas: Pasirinkti visus
var a=2; //Tipas: Skaičius
var b=5; //Tipas: Skaičius
var c="5"; //Tipas: eilutė

if(a==b){
  //Šito nevykdys
}else{
  //Šį kodą vykdys, nes a nelygu b
}

if(b==c){
  //Šį kodą vykdys, nes b lygu c
}else{
  //Šito nevykdys
}

if(b===c){
  //Šito nevykdys
}else{
  //Šį kodą vykdys, nes b ir c tipai skiriasi
}

if((b>c)||(b>=a)&&(a!=c)){
  //Šitą vykdys, nes vienas iš teiginių a>c ir b>=a yra teisingas (antrasis) ir a nelygu c
}else{
  //Šio kodo nevykdys
}


Kitoje pamokoje: Iššokančios lentelės (Popup)

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Spa 17, 17:48

36 pamoka - Iššokančios lentelės (Popup)

Kodas: Pasirinkti visus
alert("Jūsų tekstas");

Paveikslėlis


Kodas: Pasirinkti visus
confirm("Ar tikrai?");

Paveikslėlis
Ši lentelė gražins TRUE arba FALSE reikšmę


Kodas: Pasirinkti visus
prompt("Slaptažodis","Čia įrašykite slaptažodį");

Paveikslėlis
Nepamirškite, kad JavaScript kodus gali pažiūrėti bet kas!


Panaudojimas:
Kodas: Pasirinkti visus
<html><head><script type="text/javascript">
var slap=prompt("Slaptažodis","Čia įrašykite slaptažodį");
if(slap=="admin"){
   var patvirt=confirm("Ar tikrai jūs esate administratoriu?\nJei taip paspauskite \"Gerai\",\nJei ne paspauskite \"Atšaukti\"");
   if(patvirt==true){
      alert("Jūs sėkmingai prisijungėte");
      var tekstas="<h1>Administratoriaus meniu</h1>";
   }else{
      alert("Jūs patvirtinote, kad nesate administartorius");
      var tekstas="<h1>Svečio meniu</h1>";
   }
}else{
   alert("Slaptažodis neteisingas");
   var tekstas="<h1>Svečio meniu</h1>";
}
</script></head><body>
<script type="text/javascript">
document.write(tekstas);
</script>
</body></html>

Kodo lentelių seka:
Paveikslėlis


Kitoje pamokoje: Funkcijos ir įvykiai
Paskutinį kartą redagavo mode118 2010 Sau 31, 17:22. Iš viso redaguota 2 kartus.

Vartotojo avataras

-_-

Lankytojas
 
Pranešimai: 2
Vilnius

 77.02 Lt

Standartinė » 2009 Lap 03, 07:44

Sveiki,

susidūriau su problema:

Registracija kaip ir veikia, bet mysql duomenu bazėje neatsirandai įrašai.
Visus username/passwordus parašiau teisingai, mysql duomenų bazėj lentelės visos sukurtos.

<?php
If(empty($_POST['vardas1']) || empty($_POST['vardas2']) || empty($_POST['vardas3']) || empty($_POST['vardas4']) || empty($_POST['vardas5']) || empty($_POST['vardas6'])) {
?>
<SCRIPT LANGUAGE="javascript">
alert('Uzpildykite visus laukelius!')
history.go(-1)
</SCRIPT>
<?
exit;
}
else {
$vardas1 = $_POST['vardas1'];
$vardas2 = $_POST['vardas2'];
$vardas3 = $_POST['vardas3'];
$vardas4 = $_POST['vardas4'];
$vardas5 = $_POST['vardas5'];
$vardas6 = $_POST['vardas6'];
}
?>
<?
$db=mysql_connect('localhost', '*******', '********')or die('Prisijungti nepavyko.');
mysql_select_db("mano_tekstai");
mysql_query("INSERT INTO mano_tekstai ('', '$vardas1', '$vardas2', '$vardas3', '$vardas4', '$vardas5', '$vardas6')");
mysql_close($db);
echo "Registracija baigta!";
?>


Laukiu atsakymo :)

mode118

Patyręs forumietis
 
Pranešimai: 848

 717.84 Lt

Standartinė » 2009 Lap 08, 19:39

<?php
If(empty($_POST['vardas1']) || empty($_POST['vardas2']) || empty($_POST['vardas3']) || empty($_POST['vardas4']) || empty($_POST['vardas5']) || empty($_POST['vardas6'])) {
?>
<SCRIPT LANGUAGE="javascript">
alert('Uzpildykite visus laukelius!')
history.go(-1)
</SCRIPT>
<?
exit;
}
else {
$vardas1 = $_POST['vardas1'];
$vardas2 = $_POST['vardas2'];
$vardas3 = $_POST['vardas3'];
$vardas4 = $_POST['vardas4'];
$vardas5 = $_POST['vardas5'];
$vardas6 = $_POST['vardas6'];
}
?>
<?
$db=mysql_connect('localhost', '*******', '********')or die('Prisijungti nepavyko.');
mysql_select_db("mano_tekstai");
mysql_query("INSERT INTO mano_tekstai VALUES ('', '$vardas1', '$vardas2', '$vardas3', '$vardas4', '$vardas5', '$vardas6')");
mysql_close($db);
echo "Registracija baigta!";
?>


Trūksta VALUES. Be to toje vietoj kur pabraukiau turi būti lentelės pavadinimas, o ne duombazės (Galbūt taip ir yra, tik tai pastebėjau kad pavadinimai vienodi).

Vartotojo avataras

BerDziu

Apšilinėjantis
 
Pranešimai: 25

 1,849.02 Lt

Standartinė » 2009 Gru 18, 01:09

Sveiki gal galit padeti?
tai vat matau jau kelinta karta anketose daznai ivairiuose Javascript issokanti langeli/zinute kai ieini i Hp iskart ir issoksta ir ten to zmogaus kazkoks uzrasa ir panašiai, gal zinot kaip galeciau tai padaryti?

Vartotojo avataras

THa KeinuX

Forumo gyventojas
 
Pranešimai: 1200
Sun-City

 0.00 Lt

Standartinė » 2009 Gru 18, 13:36

Sveikas, labiau reiktų pasiskaitinėti google, javascript popup :) Arba tiesiog sukoduoti su css ;)

Vartotojo avataras

Sasha

Patyręs forumietis
 
Pranešimai: 723
Šakių raj.

 4,903.31 Lt

Standartinė » 2010 Sau 20, 14:59

Zdrv :D viska perskaiciau, viska suprantu, bet jau tas MySQL tai ka zinau. . . :whata: gal galit 1 MySQL pamoka labiau paaiskint kaip ten susikelt, kad eitu prisijungt. . . Nes man tai ten juodas miskas :cry:



Kompiuteriai Svetainės kūrimas





 
Linksmas.net on Facebook  Tapk gerbėju

Šiandien:


Imagination.lt





Dabar prisijungę

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

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