lecke nyolcadik

létrehozása oldalon

Összefoglalva tudásunk az elmúlt 8 ülés.
Mit tehetünk a HTML:

• Oldalak létrehozása;
• Beírás és formázás szöveget
• Összekapcsolása egy oldalra;
• Bízza a háttér és a szöveg színe;
• Építeni, és díszítse az asztalra;

Szóval Itt az ideje, hogy valami sokkal összetettebb, mint az előbb, de a megszerzett tudás a korábbi leckéket.

Ebben a leckében a tanfolyam teszünk 2 oldal oldalon. Például létre a helyén.

Run Notepad és írásban meghatározott minimum, hogy hozzon létre egy oldalt.

Most írjuk a címkéket a neve a mi oldal, mint oly

Ezután a címkéket

és . a teljes tartalmát, a honlapon kerültek az oldalon.
Ha nem feledésbe merült, címkék és Úgy kell elhelyezni a és . azaz mint ez

Ahhoz, hogy hozzon létre egy oldalt keret fogunk használni, egy asztal, de egy kicsit trükkös, mint mi voltunk a HTML-bemutató táblázatok. Szükség van egy táblázat, amelyben az első sor egy cellában, és a másik sejtvonal 2, azaz a van ilyen, mi szüksége van egy táblázat:

Mint látható, egy ilyen „ravasz” a táblázatban csak egy pár címkék Az első sorban a táblázat, hanem két, mint a építése egy 2x2-es táblázat. De volt egy paraméter colspan = „2”. Ez a lehetőség úgy tűnik, hogy azt mondja, hogy milyen méretű legyen a cellában. Ebben az esetben a cella szélesnek kell lenniük a 2 sejtekben.

Szóval Most határozzuk meg a méret a táblázatban. A szélessége a táblázat teszi 750 pixel. A számítás, hogy az egyik látogató az oldalon is használja a monitor 800x600 pixel, és így nagyobb hely nem lesz kényelmes.

Asztal magassága 600 képpont do

Ie A kód az oldal most itt, mint ez.

Ahhoz, hogy ez jól elhatárolható részei a site - „Fill” menü területen és a terület színes sapkákat. Például így:

Itt lesz egy sapkát
Itt látható a menü	Lesz egy oldal tartalmát

Az oldal kell kinéznie. Ha nem - keresse a hibát.

Talán egy kérdést. Miért hívják a lapozófájl így?

Van egy szabály. Honlap a helyszínen kell index.htm l, vagy index.htm. A nevek más fájlokat választott teljesen véletlenszerűen. Természetesen, csak betűket (I, csak abban az esetben tisztázni, és akkor bármi megtörténhet.). Vagy index.php. ha az oldal PHP-ben íródott. Emlékezz erre.

Most, helyezzen be egy sapkát honlapunkon.

Mentse el a képet sapkák a számítógépen ugyanabban a könyvtárban, mint a lapozófájl saját „natív” név stroymaster6.gif

(Azaz, mozgatni a kurzort a kép fölé, jobb klikk, és válassza ki a „Kép mentése más néven”.). Válassza ki a fő mappában WWW és ments el egy fotót a képek mappába (lásd leckét négy). Miért? Egy jó szokás, hogy a HTML minősül a helyét a képfájlokat ugyanabban a könyvtárban, hogy ne találják meg minden alkalommal, amikor a kívánt objektumot. Általában egy ilyen mappa tárolására képek úgynevezett „képek”.

Hol tart az ilyen sapkák. Döntetlen magad. Hogyan kell csinálni ezt külön tárgyaljuk.

Általában legalább hagyományosan, a képek a html-oldalon van 2 féle: .gif, .jpg és. Ez nem azt jelenti, hogy a böngésző nem jeleníti meg a méret .bmp vagy .tif néhány, de vannak bizonyos hagyományai és nem javasoljuk, hogy megtörni - csak abban az esetben.

Most helyezze be a kép fejléce honlapunkon. Körülbelül hogyan kell beszúrni egy képet az oldalon megbeszéltük ITT.

Itt lesz egy sapkát
Itt látható a menü	Lesz egy oldal tartalmát

Most állítsa be a pontos méretei a táblázat cella, amelynek célja a sapkák. mert image kalapok van a mérete 750h144, majd a sejteket a táblázat mérete 750 x 144 fog tenni.

Itt látható a menü	Lesz egy oldal tartalmát

Most a oldal így fog kinézni.

Létrehozza a szélessége 200 képpont menü a kiegészítő width = „200”, hogy a címke

Itt látható a menü	Lesz egy oldal tartalmát

Háttér menü „Fill”, hogy egy ilyen háttér, ez a mentéséhez a háttérben az ő „natív” nevet sv12.gif ugyanabba a könyvtárba, mint a lapozófájl. (Azaz, mozgatni a kurzort a kép fölé, jobb klikk, és válassza ki a „Kép mentése más néven”.). Válassza ki a fő mappában WWW és ments el egy fotót a képek mappába (lásd leckét négy).

Most regisztrálja a kívánt kódot

Itt látható a menü	Lesz egy oldal tartalmát

Azok számára, akik már nem volt ideje, hogy kitaláljuk, hogy valójában mi a különböző formátumok gif vagy jpg (aka jpeg), mellékesen említi, hogy gif maximum 8 bites színes formátumban, és így tartalmazza a 256 színű palettára vagy kevesebb, de jpg (24-bit) ad világos paletta 256 árnyalatú piros, 256 zöld, 256 kék árnyalatok. Így, jpg több alkalmas fényképek és egyéb összetett készítmények, és gif - a szerény, nemnogotsvetnoy grafika, és még mindig van egy szép gif szívem, a minőség - ez lehet beállítani az átlátszó színt.

Most a oldal így fog kinézni.

Lehet, hogy a kérdés, hogy miért a böngésző nem „dolgoznak ki” menü szélessége 200 Menü mert úgy néz ki, szélesebb, mint 200 képpont. Igen. Van egy hiba böngésző, de minden a helyére kerül, ha elkezdjük írni a szöveget a fő részben az oldalon.

Ennek megerősítéséhez, adjunk hozzá egy szöveget az oldalunkon.

= "Images / sv12.gif" width = "200"> Lesz egy menü	Lesz egy oldal tartalmát

Az oldal így fog kinézni

Most szinte minden OK. Majdnem, mert az arcát egy kis probléma. A szöveg jelenik meg pontosan a közepén (függőlegesen), és meg kell adni a szöveget tetején található a sejtekben.

Ahhoz, hogy ezt elérjük, regisztrálnia kell még egy paraméter címkék

menü és a fő tartalmát az oldal. Ez a lehetőség, mi volt a lecke a táblák - a függőleges igazítás opciót valign = „top”. Top érték azt jelenti, hogy a tartalom is található a tetején. Most a oldal így fog kinézni. Ezután tegye a menüben. Bár oldalunk 2 oldalas. Kezdőlap és linkek. Hagyja, hogy a menüpontok nevezzük Otthon és linkek. Annak érdekében, hogy „mozog” a szöveget a címke Most, hogy a menü szöveges formában linkeket. Szó Otthon zalinkuem a index.htm l oldalon. és a szó Hivatkozások ssilki.htm l oldalt. hozunk létre később. legfontosabb referenciák legfontosabb referenciák Most a helyszínen fog kinézni. Továbbra is, hogy egy másik oldalon az oldalon. Annak érdekében, hogy egyszerűsítse a munka, hogy ezt - kíméljük index.html más néven ssilki.html. majd podredaktiruem fájlt. Válasszon egy pad File-> Save As. választani ugyanabban a könyvtárban, az index.html fájlt. írja a nevét a lap szerint, amit szeretnénk megtartani ssilki.html fájlt, majd kattintson az OK gombra. Ie a számítógépén, akkor van 2 még azonos oldalak - index.htm l és ssilki.htm l. Most az oldal neve (címkék között ), És változtassa meg a lap szövege is, mint oly legfontosabb referenciák Ez az oldal tartalmazhat linkeket oldalakat, hogy a kiküldött anyag webes programozás és web design. És mentse. (File -> Save) A második oldalt az oldal fog kinézni Tehát egy egyszerű saytik, amit lehet szerkeszteni a bejegyzést, és az interneten. Következő utolsó lecke helyezve egy oldal az interneten van. Kapcsolódó cikkek 40 grunge órák Photoshop 9 tanulságai a csodálatos stílusa Audrey Hepburn Integrált oktatás (minden könyvtár) a témában - ez a jelkép, akkor miért kell az embereket előző ◈ a következő