HTML tutorial (4 newbie's)

Diskusijos apie WWW svetainių kūrimą.
Skelbti atsakymą
Žinutė
Autorius
Vartotojo avataras
Qw3rty
garbės narys
garbės narys
Pranešimai:217
Užsiregistravo:2006 04 24 21:07
Miestas:VIlnius
Susisiekti:
HTML tutorial (4 newbie's)

#1 Standartinė Qw3rty » 2006 05 16 19:44

Parasisiu kaip naudotis html ir java scriptu
(elementarus dalykai kuriant web puslapi)
1.Mums reikes designo, atsisiunciam designa is kaskokio web designu puslapiu pvz: http://www.freelayouts.com/
arba susikuriam savo, mano manimu geriausia web designo kurimo programa yra Web page maker
ijungiam ja ir truputi pazaidziam.
Pastaba: designa negalima paprastai uzseivinti html pavidalu tai turime nueiti i file>export to html
2.Redaguojam HMTL, mano manimu geriausia html redagavimo programa yra Macromedia Dreamweaver MX
kad butu aiskiau paimsiu kaskoki designa

1.<html>
2.<head>
3.<title>Untitled Document</title>
4.<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5.
6.</head>
7.<body class="sub">
8.<form name="form1" method="post" action="">
9. <table width="90%" border="0" cellspacing="4" cellpadding="2" style="text-align: center">
10.
11. <tr style="vertical-align: top">
12. <td width="300" style="text-align: center"> <p><img src="" alt=" image" name="image" width="250" height="300"></p>
13. <td width="100%" class="StoryContentColor"> <h4>Menu</h4>
14. <p><a href="kaskur veda.html">Link1</a></p>
15. <p><a href="tas pats kas link 1">Link 2</a>
16. </tr>
17.
18. </table>
19.</form>
20.<table width="90%" border="0" cellspacing="0" cellpadding="4" style="text-align: center">
21. <tr class="NavigationColor">
22. <td width="15%" style="white-space: nowrap"><a href="#"><< First</a> | <a href="#">< Previous</a></td>
23. <td width="70%" style="text-align: center; white-space: nowrap"><a href="#">1</a> | 2 | <a href="#">3</a>
24. | <a href="#">4</a> | <a href="#">5</a></td>
25. <td style="text-align: right; white-space: nowrap" width="15%"><a href="#">Next ></a> | <a href="#">Last
26. >></a></td>
27. </tr>
29.</table>
30.</body>
31.</html>

O cia jau musu megstamas html kodas...
Suzimejau kiekvina eiliute kad butu aiskiau

3eilute - <title>Cia bus uzrasitas title tavo page</title> <title></title> sis parametras atsako uz page title
9eilute - <table width="90%" border="0" cellspacing="4" cellpadding="2" style="text-align: center"> musu page bus
viena lentele
12eilute - <td width="300" style="text-align: center"> <p><img src="" alt=" image" name="image" width="250" height="300"></p>
<p><img src="" alt=cia irasom image url" image" name="image" width="250" height="300"></p> - sis yra kodas imagui
13eilute - <h4>Menu</h4> hmm... cia irasom ka norim Smile parametras <h4>atsako uz teksta<h4>
14eilute - <a href="link1.html">Link1</a></p> ant page matome uzrasa link 1 kuris mus nuveda i link1.html
15eilute - tas pats
20eilute - yra table kuriame yra 3 kolumnos (eng cols)
toliau suprasite...

3.Turime web designa, bet be java scripto jis bus be bajeru
va gana didokas java scriptu "bankas" http://www.java-scripts.net/
Ikelam java scripta
kopijam sita i head direktoria:

Kodas: Pasirinkti visus

<script language="Javascript">
function Go() {
/* original by Tim Van Goethem, tim@uophetnet.com */
nu = new Date();
hr = nu.getHours();
min = nu.getMinutes();
sec = nu.getSeconds();
ext = ".gif";
if(hr<="9"){hr = "0" + hr;} else {hr = "" + hr;}
if(min<="9"){min = "0" + min;} else {min = "" + min;}
if(sec<="9"){sec = "0" + sec;} else {sec = "" + sec;}
hrc = hr.substring(0,1);
hrd = hr.substring(1,2);
document.images.hra.src = "" + hrc + ext;
document.images.hrb.src = "" + hrd + ext;
minc = min.substring(0,1);
mind = min.substring(1,2);
document.images.mina.src = "" + minc + ext;
document.images.minb.src = "" + mind + ext;
secc = sec.substring(0,1);
secd = sec.substring(1,2);
document.images.seca.src = "" + secc + ext;
document.images.secb.src = "" + secd + ext;
setTimeout("Go()", 20);
}
</script>
___________

Si scripta kopiojam i body taga

Kodas: Pasirinkti visus

<body onLoad="Go();">
___________

O si coda i body tavajame html page

Kodas: Pasirinkti visus

<img src="" name=hra><img src="" name=hrb><img src="y.gif"><img
src="" name=mina><img src="" name=minb><img src="y.gif"><img
src="" name=seca><img src="" name=secb>
___________

Na va jau turime kaskoki page su java script clocku

4.Dabar mes ji hostinisime
Nueikite y puslapiai.lt - Hostingas uz viena lita visam menesiui (...)
registruojames
sumokejome puslapiai.lt viena lt ir nuejnam i ftp.puslapiai.lt
uploadiname savo page ir ir ir VISKAS
Sis tutas skirtas naujokams ir ne tik

Niekada nebijok pafantazuoti, Mokikis is klaidu IR viskas bus 0k



Gramatiniu klaidu gal bus, dabar mokaus
2006.05

Tas pats yra ir programavimo skiltije, neticia ten parasiau...
Bet tai turi buti cia...
Paveikslėlis
Paveikslėlis
Paveikslėlis
Learning Delphi

Vartotojo avataras
Laurynas
administratorius
administratorius
Pranešimai:2011
Užsiregistravo:2001 12 06 09:51
Miestas:Vilnius

#2 Standartinė Laurynas » 2006 05 16 21:22

Tu cia eiluciu nekaiciuok, naudok code kad koda higlaitintu. Ir tarpus skirybos zenklu dek.

Skelbti atsakymą

Grįžti į

Dabar prisijungę

Vartotojai naršantys šį forumą: 0 ir 0 svečių