Weblap készités

Weblap készités, abszulút kezdőknek

Kép


Témák


Vendégkönyv




CIM:A web alapja a HTML, leiró nyelv, melyet szinte valamennyi weboldal tartalmaz.
Dátum: 2006 Oct 04, 10:35:20


A web alapja a HTML, leiró nyelv, melyet szinte valamennyi weboldal tartalmaz.
Első oldalunk, mely tartalma a hello világ volt mindössze, nem sok kódot tartalmaz, de az alapokhoz elég lesz.

Kattintsunk az asztalunkra elmentett index.html fájlra jobb egér gombbal, majd a társításra, és a jegyzettömbre.

Megnyílik előttünk az oldal forráskódja.


Valami ilyet kell látnunk:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>

<HEAD>

<TITLE id=ridTitle></TITLE>

<BASE href="file://C:\Program Files\Common Files\Microsoft Shared\Stationery\">
<META http-equiv=Content-Type content="text/html; charset=windows-1250">


<STYLE>

<!-- body { font-family: Arial, Helvetica; font-size: 10pt; color: #0033cc; margin-top: 25px; margin-left: 10px; } --></STYLE> <META content="MSHTML 6.00.2900.2180" name=GENERATOR>

</HEAD>
<BODY id=ridBody bgColor=#ffffff background="Clear Day Bkgrd.JPG">
<DIV>

Hello világ

</DIV>

<DIV>

<DIV align=center>&nbsp;</DIV>

</DIV>

</BODY>

</HTML>

Hát ez szörnyű! Két szó megjelenítéséért ennyit írni!

Nem is fogjuk megtenni, ezért találták ki a különböző szerkesztő programokat.

Javaslatom a magyar fejlesztésű, ingyenes Htmlpad_little, gyorsan töltsük le,

a http://www.origo.hu/szoftverbazis/internet/htmleditor/htmlpadv201.html címről. (Letöltéshez másoljuk böngészönk cimsorába!)

Egy exe kiterjesztésü fájlt kapunk, melyre kettőt kattintva elindul a telepítő, nincs másdolgunk, mint háromszor a next gombra, majd az install, végül a finish gombra kattintani.


Majd a kérésnek megfelelően, indítsuk újra a gépünket. Az újra indulás után, a startmenü minden program, Htmlpad_little, Htmlpad.exe útvonalon indíthatjuk szerkesztőnket.


A felnyíló ablakba ismét írjuk a hello világ szöveget, majd a nézet és forráskód fülön keresztül megkapjuk a már lényegesebben barátságosabb kódunkat.


Ilyesmit kell látnunk:

<HTML>
<HEAD>
<meta HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-2'>
<META NAME="htmlpad"Content="slittle Software">
<TITLE>névtelen</TITLE>
</HEAD>
<BODY lang=HU background="" >
<p>hello világ</p>
</BODY></HTML>

Megközelítőleg a fenti kódot kellett volna kézzel megírnunk, ha tudtuk volna az első alkalommal, hogy is kezdjünk hozzá.


Amit az első látásra, észre veszünk, hogy a meg jelenítendő szövegünket a < és > jelek közé irt kód szavak, tagek fognak közre.

Megállapithatjuk, hogy a dokumentum a <HTML> és </HTML> elemek közé íródott, ezen belül két fő részre tagozódik a fejrészre a <HEAD> és </HEAD>, valamint a szövegtörzsre a <BODY> és </BODY> tagek között. Nem nehéz észrevenni, hogy a záró tagban(majdnem) mindig szerepel a / a jel

A Htmlpad_little proramnak nagyon jó magyar nyelvű súgója van,

részletesen leír minden szerkesztéshez szükséges tudnivalót, alkalmas színvonalas oldalak elkészítésére, bár biztos van jobb is, meg drágább is, (ami nem feltétlenül jobb,) de az alapok megismeréséhez kitűnő.


Elkészíthetünk több oldalt, és az egyes oldalakat hivatkozásokkal összekapcsolva, komoly web helyet hozhatunk létre, az előző alkalommal kialakított tárhelyünkön, a fájlok feltöltésével.


Ne felejtkezünk el róla, hogy az első, (főoldal) mindig index.html.

Munkájukhoz sok sikert kívánok

2006. március

Poór Lajos






phpblog V.1.0beta
Admin:lajos@poor.hu