Lépésről lépésre létrehozásával weblapok Academy of Information Technology

A web-iskola ciklus kezdődik Tájékoztató a kezdők, akik szeretnék szánni a szabad idejüket honlapok tervezése, de nem tudom, hol kezdjem. Kezdjük feltárása HTML - Hypertext Markup Language létrehozásával egy egyszerű weboldal.

1. lépés: Hozzon létre egy fájlt.

Először hozzon létre egy fájlt, amely tárolja az összes szükséges információt.

  • Hozzon létre egy egyszerű szöveges fájl.
  • Nevezze el a fájlt érthető az Ön nevében, így aztán navigálni a nagy fájlok listáját. A fájl nevét kell tükröznie információ jellegét kell tartalmaznia a fájlt. Például: a fájl neve „Rólunk” - információkat tartalmaz a vállalat, a fájl neve „katalógus” - információkat tartalmaz a katalógus termékek vagy szolgáltatások a vállalati könyvtárban stb
    Ne felejtsük el, hogy a fájlnevek csak betűket, az orosz betűket nem ajánlott, hogy nincs probléma, ha később kerül forgalomba webhely az interneten.
  • Változás a kiterjesztése a szöveges fájl «txt», hogy bővítse a «html». Így tettünk egy szöveges fájlt egy fájlba, amely tárolja az információkat ebben a formában Hypertext Markup. Ön is használja a rövidített formában «htm» fájl szerepel kapcsolatban az a tény, hogy az operációs rendszer egyes érteni, csak 3 karakter a fájl kiterjesztését.

Ennek eredményeként, akkor kap egy fájlt, hogy adatokat tároljon HTML formátumban - «about.html».

2. lépés: Nyisd meg a fájlt a szerkesztő program.

Szerkeszteni mindenféle scriptek, programkód, jelölőnyelv oldalak stb illeszkednek a szokásos „Notepad”. De kényelmetlen lenne, hogy a munka nagy mennyiségű szöveges adatok, mint Minden kód formájában mutatják be a sima szöveges információ. Ezért a kényelem programozók és webes tervezők által létrehozott mindenféle programok nagymértékben leegyszerűsíti a kód írása. Az ilyen programok eltérő tulajdonságokkal, mint például kiemelve szintaxis a nyelv, amelyen írsz, a különböző tippeket kódírás ellenőrzésére záró címkék, kapcsok, beépített FTP-kliens, amely segítségével szerkeszteni fájlokat közvetlenül a szerveren, ahol van házigazdája weboldal, stb stb A végső kiválasztás a program mindig rajtad, válassza ki az egyik, ahol a legkényelmesebb és kényelmes írni a kódot. Csak azt akarom felhívni a figyelmet, hogy a szabad és egyszerű program «Notepad», valamint a kifizetett eszközöket Adobe - «Dreamweaver».

3. lépés: Hozzon létre egy Hypertext Markup sablon a fájlon belül.

Minden információ a fájlt a Hypertext Markup kell helyezni a megfelelő sejteket - címkék. Van egy nagy különféle címkék, amelyek meg fogja tanulni a folyamat fejlesztése weboldalak és talán más programok használata, HTML-oldalakat. Címkék vannak osztva nyitott, szoros, és az egyetlen.

Például: tag - nyitó címke - záró tag - Egyetlen.

A különbség az, hogy a nyitó és záró tag párban dolgoznak, azaz a Minden információ kerül a két tag, például az olyan - [Információs]. És egyetlen tag, minden információt belsejében elhelyezett címke -

.

Sablon létrehozása, meg kell osztani a fájlt a cellához. Mi megkülönböztetni három fő cella:

  • Hozzon létre egy közös cellában html, amely tárolja az összes információt Hypertext Markup formátumban.
  • HTML tag a sejt belsejében továbbítására járulékos információt html-fájl - a fejét.
  • Hozzon létre egy test html-oldalak - test, amely szintén helyezni a html tag.

Ennek eredményeképpen meg kell kap a következő kódot:




4. lépés: A cím az oldal.

speciális címke továbbítására használjuk a neve a mi oldal a böngésző ablak vagy lap, , ami belül van elhelyezve tag .

Ennek eredményeképpen megkapjuk a következő kódot:



Az első weboldal


5. lépés: Helyezzük az információ az oldalon.

Minden információ, meg akarjuk mutatni a látogatók a weboldalt, meg kell tenni a tag .
Átviteléhez használt vonalak egyetlen tag
. Ön is használja a címkét bekezdések

Helyezzük a következő szöveg ezen az oldalon:

Szia, kedves látogató!

Üdvözlet az első internetes oldal.
Itt fog terjedni az eredményeket, hogy elérjék a tanulási folyamat fejlesztési területet.

Ennek eredményeképpen megkapjuk a következő html-kód:



Az első weboldal



Szia, kedves látogató!


Üdvözlet az első internetes oldal.


Itt fog terjedni az eredményeket, hogy elérjék a tanulási folyamat fejlesztési területet.

6. lépés Mentés és ellenőrizze az eredményt.

Amint belépett befejezte szerkeszti a fájlokat, mentse el a változtatásokat, és lépjen a vizsgálat eredményét.

Ellenőrizze html-fájlok, azt javasoljuk, hogy minden főbb böngészők: Internet Exploer, Chrome, Opera, Mozila.

Ha a böngésző ablakot, akkor csak a következő szöveg lép:

Szia, kedves látogató!

Üdvözlet az első internetes oldal.
Itt fog terjedni az eredményeket, hogy elérjék a tanulási folyamat fejlesztési területet.

Gratulálok a sikeres létrehozása az első weblap.

Kapcsolódó cikkek