Most már elhelyezhetünk néhány szöveget különböző igazítással a weboldalunkra:

Itt vannak a személyes oldalaim!

Megtalálható rajtuk: - egy történet rólam és a hobbijaimról; - fotóim.

Az egyik oldalamról lehetséges lesz
Küldj nekem egy emailt.

3. Eszközök weblapok készítéséhez

3.1 HTML szerkesztők

Weboldalak készítéséhez mindenki a saját eszközét választja ki. Ez lehet MS FrontPage vagy Macromedia DreamWeaver, Allaire HomeSite vagy 1st Page. És valaki egy egyszerű szövegszerkesztőt használ, például a Jegyzettömböt (Jegyzettömb).

A szövegszerkesztők csak kis oldalak készítésére használhatók, mivel számos hátrányuk van: projektek nem támogatottak, nincs szöveges "kiemelés".Általában rendkívül kényelmetlen a munka.

Az MS FrontPage fő hátránya, hogy nagyon nagy HTML kódot generál (túl sok extra), így az oldalak nagyok, ami befolyásolja a betöltési sebességet. Sőt, amikor weblapokat hoz létre ebben a szerkesztőben, egy dolgot lát, de a böngészőablakban egészen mást. Az oldalak kissé ferdének bizonyulnak, ezért a jó minőségű weboldalak létrehozásához az alábbiakban tárgyalt csomagok használata javasolt.

Kezdjük a népszerű Macromedia DreamWeaverrel. A Macromedia vezető szerepet tölt be a webhelyek létrehozásához szükséges szoftverek gyártásában, valamint ezen a területen a trendalapító.

Dreamweaver 3.0

A DreamWeaver azonban néhány lépéssel a többi WYSIWYG szerkesztő előtt jár, különösen a nagyon tiszta HTML létrehozásával. A DreamWeaver lehetővé teszi, hogy megszabaduljon az azonos típusú munkától oldalak létrehozásakor (például szöveg elrendezése) opciók "parancssor rögzítése" ( felírod az előállított parancssort, majd megnyomod például a CTRL+P billentyűkombinációt, és a DreamWeaver mindent ugyanabban a sorrendben lejátszik.

Kezdőlap 4.0

A következő szerkesztő - HomeSite 4 - az oldalak manuális létrehozásához, pl. HTML ínyenceknek. Teljes irányítást kap a HTML kód felett, és lehetőség van oldalát a három népszerű böngésző (MSIE, Google Chrome, Opera) valamelyikére optimalizálni.

A HomeSite két fő módot tartalmaz: Szerkesztés és Tervezés. A tervezési mód egyfajta WYSIWYG szerkesztő, amely HTML kódot állít elő, és ha valaki más HTML kódját tölti fel, akkor a HomeSite mindent átír a maga módján.

A HomeSite másik jellegzetessége a Dreamweaverrel való „ragasztás”. A HomeSite rendelkezik egy "Dreamweaver" gombbal, és az alapcsomag része is. A DreamWeaver azonban arra is képes, hogy a HomeSite-ot szerkesztőként csatlakoztassa a HTML-kód javításához.

Az egyik legújabb HTML-szerkesztő az EVR Soft 1st Page v2.

Szlogenje: "Create 1st class websites!" ("Készíts első osztályú weboldalakat!"). A szerkesztő számos módot tartalmaz - Normal, Easy, Advanced / Expert és Hardcore, azaz kiválaszthatja a szintet, és végül magasabbra léphet. Egy másik funkció a JavaScript és DHTML szkriptek meglehetősen nagy gyűjteménye. Mindez meglehetősen kényelmesen kategóriákra van osztva.

3.2 Grafikus szerkesztők

A grafika létrehozása és optimalizálása összetett és szeszélyes feladat. Természetesen lehetőség van weblap létrehozására grafika nélkül - fontok, szkriptek és stíluslapok (CSS) segítségével -, és szép és stílusos lesz. De végül is a dokumentum végső megjelenése számos különböző tényezőtől függ, például: a böngészőablak szélességétől, a böngésző előre beállított értékétől, az alapértelmezett betűmérettől, a betűtípus nevétől és színétől. Ezenkívül nem minden szkriptet és stílust támogat minden böngésző. Ha grafikát használ, akkor az oldal látogatója pontosan úgy fogja látni és látni fogja, mint te.

A webes grafikával való munka legnagyobb nehézsége, hogy az internetes csatornák sávszélessége a legtöbb esetben nagyon alacsony, és azonnal problémákkal kell szembenéznie – hogyan lehet kis méretű, de jó minőségű grafikus fájlt készíteni, milyen programokkal és technikákkal használja az optimalizáláshoz.

Ennek szentelték a vektor- és rasztergrafikus szerkesztőkről szóló részt, amelyek hatékony eszközök a képzett kezekben történő képfeldolgozáshoz.

Mielőtt a vektoros és raszteres grafikus szerkesztőket fontolgatná, meg kell értenie, mi a különbség egy kép vektoros és raszteres ábrázolása között.

Raszteres grafika egy rács (raszter), amelynek celláit pixeleknek nevezzük. A raszteres képen minden pixelnek szigorúan meghatározott helye és színe van, ezért a program bármely objektumot színes pixelek halmazaként jeleníti meg. Ez azt jelenti, hogy a bitmap képekkel dolgozó felhasználó nem meghatározott objektumokon dolgozik, hanem az azokat alkotó pixelcsoportokon.

A raszteres képek nagy színhűséget biztosítanak a színátmenetekben és a középtónusokban, valamint a kép részletességét, így ezek a legjobb módja a tónusos színű képek, például a beolvasott fényképek megjelenítésének.

A bittérképes grafika mindig fix számú pixelt használ, pl. A raszterkép minősége közvetlenül függ a berendezés felbontásától. Ez azt jelenti, hogy a kép bármilyen változása (elforgatás, nagyítás stb.) a kép állandó torzulásához vezet, és az objektumok határai egyenetlennek bizonyulnak.

vektoros képek matematikailag leírt ábrák, úgynevezett vektorok alapján jönnek létre, és a kép típusát a vektorok paraméterei határozzák meg. Más szóval, a vektorgrafika olyan görbékből áll, amelyek koordinátákkal, színekkel és egyéb paraméterekkel, valamint meghatározott színnel kitöltött zárt területekből állnak. E régiók határait görbék is leírják. A vektorkép fájl tartalmazza a görbék koordinátáit és paramétereit.

A vektorképek feldolgozásának eredménye nem függ a berendezés felbontásától, így azok paramétereit (méret, szín, forma stb.) tetszőlegesen módosíthatja – a minőség nem fog romlani. A vektorgrafikát akkor használják, amikor digitális objektumokat hoznak létre kis méretben (betűméret) vagy objektumokat, például logókat, amelyeknél fontos a világos körvonalak megőrzése, korlátlan méretezés mellett.

A grafikus csomagok (szerkesztők) szintén két típusra oszthatók: raszteres és vektoros. Nézzük most ezek közül a legnépszerűbbeket.

A) Raszteres grafikus szerkesztők

A Microsoft Paint egy egyszerű (vagy inkább a legegyszerűbb) szerkesztő, amely a Microsoft operációs rendszereihez tartozik. Egy sor egyszerű funkcióval rendelkezik (ecset, ceruza, radír stb.), amelyek lehetővé teszik egyszerű képek készítését. Grafikai feldolgozásra sajnos gyakorlatilag nem alkalmas. A jobb oldalon látható kép több, mint amire ez a szerkesztő képes.

Adobe Photoshop- ma ez a legerősebb csomag a raszteres grafika professzionális feldolgozásához. Ez egy egész komplexum, amely számos lehetőséget kínál a raszterkép módosítására, hatalmas különféle szűrők és effektusok készlete van, és harmadik féltől származó eszközök csatlakoztathatók.

A csomag tartalmaz például eszközöket a sérült képek javításához, fotók retusálásához vagy a fantáziánk által megengedhető legfantasztikusabb kollázsok elkészítéséhez. Általánosságban elmondható, hogy a csomagban rejlő lehetőségek valóban óriásiak. Az 5.5-ös verziótól kezdve a csomag tartalmazza a programot Adobe ImageReady, amelyek remek lehetőségeket biztosítanak a WEB alatti grafika feldolgozására (képoptimalizálás, animált gif készítés, képek "kisebbre vágása" stb.). Az Adobe Photoshop fejlesztőinek mottója - "Az elméd kamerája" - nemcsak a technikai kiválóságot jelenti, hanem a kreativitás teljes szabadságát is, amelyre az ezzel a programmal dolgozó személy egyszerűen el van ítélve.

PhotoPaint- egy másik, hasonlóan jól ismert grafikus szerkesztő (a Corel Draw csomagból) a rasztergrafikák feldolgozására, versenyezve az Adobe Photoshoppal. Ezenkívül rendelkezik minden szükséges eszközzel a grafika feldolgozásához, különféle szűrőkkel, textúrákkal. Az egyetlen különbség a használhatóságban, az interfészben és a szűrők alkalmazásának sebességében van - az átfedés kicsit lassabb.

festő- a szerkesztő nagyszerű lehetőségeket kínál valódi rajzeszközök emulálására: grafit, kréta, olaj stb. Azt is lehetővé teszi, hogy szimulálja az anyagok felületének textúráját, festést, animációt hozzon létre. Nagyon praktikus tapéták vagy weboldalak készítéséhez festési stílusban. Ezzel a programmal igazi művésznek érzi magát.

Számos szerkesztő is van ( Microsoft Photo Editor, Microsoft PhotoDRAW), amely lehetővé teszi a legegyszerűbb feladatok végrehajtását is, de nem elégíti ki a szakemberek igényeit.

B) Vektorgrafikus szerkesztők

Adobe Illustrator- a csomag lehetővé teszi vektorgrafikák létrehozását, feldolgozását és szerkesztését. Erőben egyenértékű

raszteres szerkesztő Adobe Photoshop: hasonló felülettel rendelkezik, lehetővé teszi különféle szűrők és effektusok csatlakoztatását, sok grafikus formátumot megért, akár pl. cdr (Corel Draw) és . swf (Flash).

Corel Draw- természetesen egy ilyen jól ismert grafikus csomag nem nélkülözheti a vektorgrafikák feldolgozásához szükséges eszközöket. A csomag majdnem olyan erős, mint az Adobe Photoshop és az Adobe Illustrator grafikus szerkesztők. Ebben a csomagban a vektorgrafikák feldolgozása mellett rasztergrafikus processzor (Photo Paint), képnyomkövető, betűkészlet-szerkesztő, textúra-előkészítés és vonalkód-készítés, valamint hatalmas képgyűjtemények (CorelGallery) találhatók.

Adobe Streamline- Egy másik Adobe termék, amelyet a rasztergrafikák vektorgrafikává történő nyomon követésére (fordítására) terveztek. Ez egy kicsi, de nagyon hasznos és erős termék. Ez különösen akkor hasznos, ha vektorgrafikát, például Flash technológiát használó weboldalakat hoz létre.

4. Webhely létrehozása CMS Joomla 1.5.7 használatával

Simán, az egyszerűtől a bonyolultig terjedő elv szerint haladunk a statikus WWW oldalakról a dinamikus oldalakra. Ehhez meg kell ismernünk a PHP, Jscript, Perl, webes nyelveket, jQueryés legalább a MySQL strukturált lekérdezési nyelv. Nem baj, csak pár év és profi vagy, aki képes olyan multifunkcionális oldalakat készíteni, amelyekben menet közben generálódnak az oldalak, amelyekben megtalálhatók a fórumkliensek adatbázisa, bejelentkezési adatok, jelszavak, azonosítás, hitelesítés, animációs kapcsolat stb. sokkal több.

De nem szükséges minden nyelv ismerete egy dinamikus, többfunkciós webhely létrehozásához. Kellő ismeretekkel rendelkeztem a HTML, SCC, PHP, 3Ds Max, Photoshop és SMC Joomla területén.

A Joomla egy PHP és JavaScript nyelven írt tartalomkezelő rendszer, amely MySQL adatbázist használ tárolóként. Ez egy ingyenes szoftver, amelynek licence a GNU GPL.

Főbb jellemzők:

1. A funkcionalitás további modulokkal (bővítmények, bővítmények) bővíthető.

2. Biztonsági modul a felhasználók és rendszergazdák többszintű hitelesítéséhez.

3. A sablonrendszer megkönnyíti az oldal megjelenésének megváltoztatását.

4. Testreszabható modulelrendezések, beleértve a bal, jobb és középső menüblokkokat.

5. A rendszer előnyei közé tartozik, hogy az összes modult, komponenst, bővítményt, sablont saját maga is megírhatja, elhelyezheti egy strukturált kiterjesztés könyvtárban, vagy saját belátása szerint szerkeszthet egy meglévő bővítményt.

Dolgozhat a Joomlával a gazdagépen az interneten (további költségek, és sok függ az internet sebességétől). Inkább helyi szerveren dolgozom. Ehhez az Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 szervert választottam 127.0.0.1 80-as porton.

Tehát állíts be egy helyi szervert. A localhost/home/www/ könyvtárban hozzunk létre egy mappát, amelyben magát a Joomlát helyezzük el. Szeretném megjegyezni, hogy PHP5.3.1 alatt a Joomla nem működik megfelelően. A FireBoard és Kunena fórumok komponensei folyamatosan hibát adnak az oldalon, szerkeszteni kell a php-t. ini és kapcsolja ki a hibakimenetet, ami azt jelenti, hogy maga a művelet előre nem látott körülményeket ígér a webhely számára. Ezért azt javaslom, hogy a PHP 5.2.4-es verzióját válasszuk, a munka minden plugin, modul és komponens esetében stabil. A Joomla böngészőn keresztüli telepítése után hozzon létre egy rendszergazdai felhasználót a MySQL-ben, és lépjen az adminisztrációs panelre a bejelentkezési nevével és jelszavával. Ezután ki kell választania egy sablont a webhelyhez. Első pillantásra úgy tűnik, hogy ez nagyon egyszerű, de mélyebbre ásva meg van győződve arról, hogy az idő 80% -át a sablon frissítésére fordítják. Ezért azt javaslom, hogy válassza ki az igényeinek leginkább megfelelő sablont, ne feledkezzen meg a kimeneti modulokról sem. Ezután összekapcsoljuk az oldal összes funkcióját: regisztráció, fórum, diavetítés, bannerek, fájlok letöltése, online videó, hang, szerkesztés, minden megjelenített oldal. Főleg az Indexszel dolgozunk. php és sablon. css-t és természetesen magunknak konfiguráljuk az összes csatlakoztatott bővítményt, amiből körülbelül 6000 van a Joomla számára. Akkor marad a legkellemesebb dolog - ez a webhely kialakítása. A Photoshop és a 3Ds Max raszterprogram segítségével (az Autodesk által kifejlesztett, háromdimenziós grafika és animáció készítésére és szerkesztésére szolgáló teljes funkcionalitású professzionális szoftverrendszer, amely a legmodernebb eszközöket tartalmazza a művészek és a multimédiás szakemberek számára) sablontervet készítünk. A fejléc szerkesztése, a kívánt megjelenés kialakítása.

Következtetés

A webes programozás gyors fejlődésével és több CMS létrehozásával a webdesigner munkája is könnyebbé vált. Most egy multifunkcionális, erőteljes dinamikus webportál létrehozásához elegendő több programozási nyelv elsajátítása (ha bővítményeket és szkripteket adunk hozzá), jártas a grafikus és raszteres programokban, egy kis inspiráció, innováció és készség.

Irodalom

1. Kotorev D.V., Kostarev A.F. "PHP 5 vagy az eredeti legteljesebb kézikönyve." Pétervár 2005

2. A. Goncsarov „HTML oktatóanyag”.

3. A. Matrosov, A. Szergejev, M. Chaunin "HTML 4.0 az eredetiben"

4. Isaacs S. "Dinamikus HTML"

5. Bayens J. "WEB programozási kütyük"

6. Bursov M.V. et al. "A Dreamweaver HTML-szerkesztővel való munka alapjai. Oktatóanyag"

7. Velikhov V. "HTML 4.0 kézikönyv"

A HyperTextMarkupLanguage (HTML) – hiperszöveg jelölőnyelv – a WorldWideWeben közzétett hiperszöveges dokumentumok írására szolgál.

A hiperszöveg dokumentum olyan szöveges fájl, amely speciális jelölésekkel, úgynevezett címkékkel rendelkezik, amelyeket a böngésző felismer, és a fájl tartalmának megjelenítésére használja a számítógép képernyőjén.

Ezekkel a jelekkel kiemelheti a dokumentumok fejléceit, megváltoztathatja a betűk színét, méretét és stílusát, grafikákat és táblázatokat szúrhat be. De a hipertext fő előnye az egyszerű szöveggel szemben, hogy hiperhivatkozásokat adhat a dokumentum tartalmához – olyan speciális HTML nyelvi konstrukciók, amelyek lehetővé teszik, hogy egy másik dokumentumra navigáljon egy egérkattintással.

HTML dokumentum szerkezet

A HTML-címkék közül a legfontosabb az azonos nevű címke. . Mindig megnyitja a dokumentumot, akár egy címkét az utolsó sorban kell lennie. Ezek a címkék azt jelzik, hogy a köztük lévő vonalak egyetlen hiperszöveges dokumentumot jelölnek. E címkék nélkül a böngésző vagy más megjelenítő nem tudja azonosítani a dokumentum formátumát és helyesen értelmezni.

A HTML-dokumentum két részből áll: egy címsorból (fej) és egy törzsből (törzs), amelyek a következő sorrendben vannak elrendezve:

Dokumentum címe

Dokumentumtörzs

Leggyakrabban egy pár címke szerepel a dokumentum címében. A, amely megadja a dokumentum nevét. Sok néző használja annak az ablaknak a címeként, amelyben a dokumentum megjelenik. Az interneten található dokumentumokat indexelő programok a címet használják az oldal azonosítására. A jó címnek elég hosszúnak kell lennie ahhoz, hogy helyesen mutasson a megfelelő oldalra, miközben továbbra is az ablak címében kell lennie. A dokumentum címe a nyitó és záró címke közé illeszkedik.

A bizonylat törzse kötelező elem, mivel a dokumentum összes anyagát tartalmazza. A dokumentum törzse a címkék közé kerül és

. Mindent, ami ezek közé a címkék közé kerül, a böngésző a HTML nyelv szabályai szerint értelmezi, amely lehetővé teszi az oldal helyes megjelenítését a monitor képernyőjén.

A HTML-ben a szöveget egy tag segítségével bekezdésekre osztják<р>. Minden bekezdés elejére kerül, és a böngésző, ha találkozik vele, egy üres sorral választja el egymástól a bekezdéseket. Zárócímke használatanem szükséges.

Ha meg akarja "törni" a szöveget, áthelyezve a többit egy új sorba, miközben nem emel ki új bekezdést, használja a sortörés címkét
. Ez arra készteti a nézőt, hogy az utána lévő karaktereket egy új sorban jelenítse meg. A bekezdéscímkével ellentétben a címkét
nem ad hozzá üres karakterláncot. Ennek a címkének nincs egyező zárócímkéje.

A HTML nyelv támogatja a dokumentumtartalom logikai és fizikai formázását. A logikai formázás az adott szövegrész célját jelzi, míg a fizikai formázás a megjelenését.

Logikai szövegformázás használatakor a böngésző a dokumentum szerkezetének megfelelően kiemeli a szöveg különböző részeit. A cím megjelenítéséhez az egyik címcímkét használjuk. Egy tipikus dokumentumban a címsorok szintekre vannak osztva. A HTML nyelv hat szintű címsor megadását teszi lehetővé: h1 (első szintű címsor), h2, h3, h4, h5 és h6. Az első szintű címsor általában nagyobb és gazdagabb, mint a második szintű címsor. Példa a fejléccímkék használatára:

l. Fejezet címe

l.l. Szakasz neve

A fizikai formázási címkék közvetlenül beállítják a szöveg megjelenését a böngésző képernyőjén, például egy pár félkövér szöveget, beállítja a szöveg aláhúzását, szabályozza a szöveg betűtípusát.

Címke úgy szúrja be a képet a dokumentumba, mintha csak egy nagy karakter lenne. Címkealkalmazási példa:

Egy pár címke használható hipertext hivatkozás létrehozására<а>... . A címkék között elhelyezkedő szövegrész, kép vagy bármely más objektum hipertext hivatkozásként jelenik meg a böngészőablakban. Egy ilyen objektum aktiválása egy új dokumentum betöltését eredményezi a böngészőablakban, vagy az aktuális weboldal egy másik részének megjelenítését. A hipertext hivatkozás a következő kifejezéssel jön létre:

A Href itt egy kötelező attribútum, amelynek értéke a kért erőforrás URL-je. A href attribútum értékében szereplő idézőjelek nem kötelezőek. Ha egy másik szerveren lévő dokumentumra mutató hivatkozás van megadva, akkor a hivatkozás így fog kinézni:

<а href = "http://www.school.donetsk.ua/11.jpg">11-A

Különféle címkék segítségével táblázatokat rajzolhat, szöveget formázhat, képeket, videó- ​​és hangfájlokat illeszthet be egy dokumentumba, stb.

Hiperszöveg jelölőnyelv (HTML) - hiperszöveg jelölőnyelv - a világhálón közzétett hiperszöveges dokumentumok írásához készült.

A hiperszöveg dokumentum olyan szöveges fájl, amely speciális jelölésekkel, úgynevezett címkékkel rendelkezik, amelyeket a böngésző felismer, és a fájl tartalmának megjelenítésére használja a számítógép képernyőjén.

Ezekkel a jelekkel kiemelheti a dokumentumok fejléceit, megváltoztathatja a betűk színét, méretét és stílusát, grafikákat és táblázatokat szúrhat be. De a hipertext fő előnye az egyszerű szöveggel szemben, hogy hiperhivatkozásokat adhat a dokumentum tartalmához – speciális HTML nyelvi konstrukciók, amelyek lehetővé teszik, hogy egy másik dokumentum megtekintéséhez kattintson rájuk.

HTML dokumentum két részből áll: a tényleges szövegből, azaz a dokumentum tartalmát alkotó adatokból és a címkékből - a HTML nyelv speciális konstrukcióiból, amelyek a dokumentum jelölésére és megjelenítésének szabályozására szolgálnak. A HTML nyelvi címkék határozzák meg, hogy a szöveg milyen formában kerüljön megjelenítésre, mely összetevői játsszák a hipertext hivatkozások szerepét, mely grafikai vagy multimédiás objektumok kerüljenek a dokumentumba.

A HTML-dokumentumban található grafikai és hanginformációkat külön fájlokban tároljuk. HTML dokumentumnézegetők ( böngészők) értelmezze a jelölőjelzőket, és megfelelően rendezze el a szöveget és a grafikát a képernyőn. A HTML dokumentumokat tartalmazó fájlokhoz elfogadott kiterjesztések a következők .htm vagy .html.

A legtöbb esetben a címkéket párban használják. A pár egy nyílásból áll<имя_тега>és záráscímkéket. Bármely párosított címke művelete ott kezdődik, ahol a nyitó címke találkozott, és akkor ér véget, amikor a megfelelő záró címkével találkozunk. Gyakran egy pár kezdő és záró címkét hívnak tartály, valamint a nyitó és záró címkével határolt szövegrész, - elem.

A szöveget alkotó karaktersorozat állhat szóközökből, tabulátorokból, újsorokból, kocsivisszaadásokból, betűkből, írásjelekből, számokból és speciális karakterekből (például #, +, $, @), kivéve a következő négy karaktert, van a HTML-ben, a speciális jelentése: (nagyobb, mint), & (és) és " (idézőjelek). Ha ezeknek a karaktereknek bármelyikét bele akarja foglalni a szövegébe, akkor azt speciális karaktersorozattal kell kódolnia.

HTML dokumentum szerkezet

A HTML-címkék közül a legfontosabb az azonos nevű címke. . Mindig megnyitja a dokumentumot, akár egy címkét az utolsó sorban kell lennie. Ezek a címkék azt jelzik, hogy a köztük lévő vonalak egyetlen hiperszöveges dokumentumot jelölnek. E címkék nélkül a böngésző vagy más megjelenítő nem tudja azonosítani a dokumentum formátumát és helyesen értelmezni.

A HTML-dokumentum két részből áll: egy címsorból (fej) és egy törzsből (törzs), amelyek a következő sorrendben vannak elrendezve:

Dokumentum címe Dokumentumtörzs

Leggyakrabban egy pár címke szerepel a dokumentum címében. A, amely megadja a dokumentum nevét. Sok néző használja annak az ablaknak a címeként, amelyben a dokumentum megjelenik. Az interneten található dokumentumokat indexelő programok a címet használják az oldal azonosítására. A jó címnek elég hosszúnak kell lennie ahhoz, hogy helyesen mutasson a megfelelő oldalra, miközben továbbra is az ablak címében kell lennie. A dokumentum címe a nyitó és záró címke közé illeszkedik.

Dokumentumtörzs kötelező elem, mivel a dokumentum összes anyagát tartalmazza. A dokumentum törzse a címkék közé kerül és

. Mindent, ami ezek közé a címkék közé kerül, a böngésző a HTML nyelv szabályai szerint értelmezi, amely lehetővé teszi az oldal helyes megjelenítését a monitor képernyőjén.

A HTML-ben a szöveget egy tag segítségével bekezdésekre osztják<р>. Minden bekezdés elejére kerül, és a böngésző, ha találkozik vele, egy üres sorral választja el egymástól a bekezdéseket. Zárócímke használatanem szükséges.

Ha meg akarja "törni" a szöveget, áthelyezve a többit egy új sorba, miközben nem emel ki új bekezdést, használja a sortörés címkét
. Ez arra készteti a nézőt, hogy az utána lévő karaktereket egy új sorban jelenítse meg. A bekezdéscímkével ellentétben a címkét
nem ad hozzá üres karakterláncot. Ennek a címkének nincs egyező zárócímkéje.

HTML nyelv támogatja a dokumentumtartalom logikai és fizikai formázása. A logikai formázás az adott szövegrész célját jelzi, míg a fizikai formázás a megjelenését.

Használata logikai formázás szövegböngésző kiemeli a szöveg különböző részeit a dokumentum szerkezetének megfelelően. A cím megjelenítéséhez az egyik címcímkét használjuk. Egy tipikus dokumentumban a címsorok szintekre vannak osztva. A HTML nyelv hat szintű címsor megadását teszi lehetővé: h1 (első szintű címsor), h2, h3, h4, h5 és h6. Az első szintű címsor általában nagyobb és gazdagabb, mint a második szintű címsor. Példa a fejléccímkék használatára:

l. Fejezet címe

l.l. Szakasz neve

címkéket fizikai formázás közvetlenül beállíthatja a szöveg megjelenését a böngésző képernyőjén, például a pár félkövérre teszi a szöveget, beállítja a szöveg aláhúzását, szabályozza a szöveg betűtípusát.

Címke úgy szúrja be a képet a dokumentumba, mintha csak egy nagy karakter lenne. Címkealkalmazási példa:

Az alkotáshoz hipertext link használt címke pár<а>... . A címkék között elhelyezkedő szövegrész, kép vagy bármely más objektum hipertext hivatkozásként jelenik meg a böngészőablakban. Egy ilyen objektum aktiválása egy új dokumentum betöltését eredményezi a böngészőablakban, vagy az aktuális weboldal egy másik részének megjelenítését. A hipertext hivatkozás a következő kifejezéssel jön létre:

A Href itt egy kötelező attribútum, amelynek értéke a kért erőforrás URL-je. A href attribútum értékében szereplő idézőjelek nem kötelezőek. Ha egy másik szerveren lévő dokumentumra mutató hivatkozás van megadva, akkor a hivatkozás így fog kinézni:

<а href = "http://www.school.donetsk.ua/11.jpg">11-A

Különféle címkék segítségével táblázatokat rajzolhat, szöveget formázhat, képeket, videókat, hangfájlokat stb. szúrhat be egy dokumentumba.

1989-ben a hipertext egy új, ígéretes technológiát képviselt, amely egyrészt viszonylag sok implementációt tartalmazott, másrészt kísérletek történtek a hipertext rendszerek formális modelljeinek felépítésére, amelyek inkább leíró jellegűek, és amelyeket a az adatleírás relációs megközelítésének sikere.

A HTML egy hiperszöveges jelölőnyelv, amelyet dokumentumok kódolására használnak. A HTML nyelv egy parancskészlet, amely szerint a böngésző megjeleníti a dokumentum tartalmát, a HTML parancsok nem jelennek meg. A HTML olyan hiperszöveges hivatkozási mechanizmust valósít meg, amely az egyik dokumentumot a másikhoz kapcsolja. Előfordulhat, hogy ezek a dokumentumok ugyanazon a szerveren találhatók, mint az az oldal, amelyről linkelték őket, vagy egy másik szerveren is tárolhatók.

A HTML ötlete egy példa egy rendkívül sikeres megoldásra a hipertext rendszer felépítésének problémájára egy speciális kijelzővezérlő eszköz segítségével.

A hipertext rendszerezés leghatékonyabb formájának a kontextuális hipertext hivatkozásokat ismerték el, ezenkívül felismerték a teljes dokumentum egészéhez és egyes részeihez kapcsolódó hivatkozásokra való felosztást.

Minden HTML-dokumentum ugyanazt a szerkezetet használja, amelyet rögzített szerkezeti címkék határoznak meg. A HTML-dokumentumnak mindig címkével kell kezdődnie< HTML >és a megfelelő végcímkével (). A dokumentumon belül két fő rész található: a címsorok és a dokumentum törzse, ebben a sorrendben. A címsor olyan információkat tartalmaz, amelyek a dokumentum egészét leírják, és a címkékre korlátozódnak<НЕАD>és. A címsornak különösen a dokumentum általános címét kell tartalmaznia, pár címkével határolva<ТITLE>.

). Nem ajánlott azonban a strukturális címkék elhagyása HTML-dokumentum létrehozásakor. A szerkezetet meghatározó összes címkét tartalmazó legegyszerűbb megfelelő HTML dokumentum így nézhet ki:

< TITLE >Dokumentum címe< /TITLE >

Dokumentum szövege

HTML elemek.

Párosított címkék esetén a hatókört a dokumentum nyitó és záró címke közötti része határozza meg. A dokumentum ezen része a HTML nyelv elemének számít. Tehát beszélhetünk a címkét tartalmazó "BODY elemről"., a dokumentum törzse és a végcímke. A teljes HTML dokumentum. "HTML elemnek" tekinthető. Párosítatlan címkék esetén az elem megegyezik az azt meghatározó címkével.

A HTML nyelv legtöbb eleme. a dokumentum tartalmának egyes részeit írja le, és a címkék közé kerül . és, vagyis a BODY szerkezeti elemen belül. Az ilyen elemek blokkra és szövegre vannak osztva. A blokkelemek bekezdésszintű szövegrészekre utalnak. A szövegelemek az egyes kifejezések és még több apró szövegrész tulajdonságait írják le.

Most megfogalmazhatjuk az elemek egymásba ágyazásának szabályait.

Az elemek nem fedhetik át egymást. Más szóval, ha a nyitócímke egy elemen belül van, akkor a megfelelő zárócímkének ugyanazon az elemen belül kell lennie.

A blokkelemek beágyazott blokk- és szövegelemeket tartalmazhatnak.

A szövegelemek beágyazott szövegelemeket tartalmazhatnak.

A szöveges elemek nem tartalmazhatnak beágyazott blokkelemeket.

Funkcionális blokk elemek.

A legtöbb dokumentumban a címek és a bekezdések a fő funkcionális elemek. HTML nyelv. hat szintű címsort támogat. Párosított címkékkel vannak beállítva innen<Н1>előtt<Н6>. Megjelenítéskor a webes dokumentumok ilyen módon jelennek meg; címke (dokumentum a számítógép képernyőjén, ezek az elemek különböző méretű betűtípusokkal jelennek meg.

A normál bekezdések beállítása páros címke használatával történik<Р>. HTML nyelv. nem tartalmaz módot a bekezdés behúzásának ("piros vonal") létrehozására, ezért a számítógép képernyőjén megjelenítve a bekezdések üres sorral vannak elválasztva. Záró címkeopcionálisnak tekinthető. Érthető, hogy a címke előtt áll, amely beállítja a dokumentum következő bekezdésének elejét. Például:

fejléc

<Р>Első bekezdés<Р>Második bekezdés

Második szintű címsor

A bekezdést meghatározó speciális címke következménye az a tény, hogy az ENTER billentyű lenyomásával beírt szokásos sorvégi karakter nem elegendő a bekezdés behúzásához. HTML nyelv. sajátos módon kezeli a sorvégi karaktereket és a szóközöket. Bármilyen sorrend; csak szóközökből és sorvégi karakterekből áll, egyetlen szóközként kezeli a dokumentum megjelenítésekor. Ez különösen azt jelenti, hogy a sorvégi karakter még csak újsort sem hajt végre (ehhez egy szövegelemet használnak, amelyet a párosítatlan címke határoz meg
.

A vízszintes vonalzót bekezdéshatárolóként is használhatjuk. Ezt az elemet egy párosítatlan címke határozza meg

---

. Amikor egy dokumentum megjelenik a képernyőn, egy vonalzó választja el a szöveg egyes részeit egymástól. A hosszát és vastagságát a címke attribútumai határozzák meg.

---

.

---

Ez a címke egy 10 képpont széles vízszintes vonalzót hoz létre, amely átfogja az ablak szélességének felét, és jobbra helyezkedik el.

A weboldalkészítés a modern internetes iparág egyik széles körben elérhető lehetősége. Az oldalak tényleges létrehozása elvileg nem sokkal bonyolultabb, mint a személyes elektronikus postafiókok és az elektronikus névjegykártyák létrehozása.

Egy oldal létrehozásához mindenekelőtt egy internetre csatlakozó szerverre van szükség, amelyen elhelyezhetjük a szükséges hipertexteket. Ezenkívül regisztrálnia kell a saiga nevét a kiválasztott szervert kiszolgáló szolgáltatónál.

Az interneten találhat olyan szolgáltatókat, amelyek ingyenes nyitóoldalakat kínálnak a szervereiken. Ingyenes oldalak nyithatók meg a hazai narod.ru, boom.ru, hotmail.ru szervereken és külföldi szervereken, például geocities.com, tripod.com.

A megadott szervereken az alábbi űrlapon regisztrálhat domain neveket:

<имя>. people.ru

name>.boom.ru,

Példák regisztrált domain nevekre:

wdu.da.ru - az elektronikus egyetem honlapja;

wduniv.newmail.ru - egy elosztott egyetem webhelye.

Az oldal domain nevének regisztrálása után hipertextek helyezhetők el rajta. A hipertextek elhelyezése a webhelyen speciális programok segítségével történik, amelyek lehetővé teszik különféle hipertextek létrehozását, szerkesztését, felhalmozását és másolását. Közvetlenül a legelső (fő) hiperszöveges oldal elhelyezése után annak információi bármelyik ország böngészőjével leolvashatók bármely internetre csatlakozó számítógépről. Ehhez a böngészőablakban megjelenik a webhely címe az interneten. Például: http://bak.boom.ru

Minden tárolt fájlnak hiperszövegnek kell lennie, HTML formátumban kell írnia, és rendelkeznie kell az űrlap azonosítójával<имя>.html

A HTML a Hypertext Markup Language.

Szerkezete szerint a hipertext olyan szöveg, amely hivatkozásokat tartalmaz más, ezen a szerveren vagy más szervereken tárolt hipertextekre. Ha egy ilyen hivatkozásra kattint, a böngésző automatikusan betölt egy hiperszöveges oldalt a számítógép képernyőjére, függetlenül attól, hogy melyik szerver és melyik országban található.

Ezen eszközök és programok segítségével az interneten sokféle információs oldal és rendszer hozható létre - személyes oldalak, céges oldalak, elektronikus újságok, folyóiratok, elektronikus könyvek, enciklopédiák, valamint elektronikus archívumok és könyvtárak.

Az oldalak közötti különbség az információ mennyiségében, felépítésében és frissítési eljárásaiban rejlik. Általánosságban elmondható, hogy az internetes oldalak, valamint bármely szervezet esetében beszélhetünk létrehozásuk, fejlesztésük, korszerűsítésük és felszámolásuk életciklusáról.

Az információ mennyiségét a tulajdonosok határozzák meg - olyan személyek vagy szervezetek, akik webhelyeket hoztak létre, és elhelyezik azokon az információikat. A webhelyeken található információ mennyisége néhány kilobájttól több gigabájtig (több millió kilobájtig) terjedhet.

Az oldalak szerkezete nagyon változatos lehet. A legegyszerűbb felépítés a főoldal, amelyen egy sor szövegre mutató hivatkozások találhatók. Ezek a hivatkozások lehetnek a főoldal szövegében, vagy kiemelkedhetnek az oldal elején található tartalomjegyzékből.

Az oldal minden oldala ellátható címmel, amely a képernyő felső sorában jelenik meg, amikor az oldalt a böngésző betölti.

Ezenkívül a webhely főoldalán megadhat egy kulcsszólistát a keresőmotorokhoz.

A keresőmotorok minden héten átvizsgálják az interneten található összes szervert, és rögzítik az általuk talált oldalak és hiperszövegek címét, a bennük kiemelt kulcsszavakkal együtt. Ezen okok miatt legkésőbb egy héttel később minden, az interneten közzétett információ megtalálható a bennük szereplő kulcsszavakkal.