HTML tutorial (4 newbie's)

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 15 21:52

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 :) 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:

<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

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

O si coda i body tavajame html page

<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
Paveikslėlis
Paveikslėlis
Paveikslėlis
Learning Delphi

Vartotojo avataras
Qw3rty
garbės narys
garbės narys
Pranešimai: 217
Užsiregistravo: 2006 04 24 21:07
Miestas: VIlnius
Susisiekti:

#2 Standartinė Qw3rty » 2006 05 15 21:55

Blet ne cia parasiau :oops: prasau perneskite
aha ir parametras <h4> atsako uz headers
Paveikslėlis
Paveikslėlis
Paveikslėlis
Learning Delphi

Skelbti atsakymą

Grįžti į

Dabar prisijungę

Vartotojai naršantys šį forumą: 1 ir 0 svečias(ių)