Weboldal készítése HTML nyelv használatával. Hiperszöveg jelölőnyelv HTML HTML oldal metaadatok

A MOSZKVA RÉGIÓ OKTATÁSI MINISZTÉRIUMA

GBPOU MO "PAVLOVO-POSAD TECHNICIUM"

A TANFOLYAM MUNKA ELJÁRÁSÁRÓL

A fegyelem szerint

"Tanfolyam a Web-design és weblapkészítő programok témában"

Különlegesség 230701

"Alkalmazott informatika a közgazdaságtanban" 4 tanfolyam

Tanár: G.E

A ciklikus módszertani bizottság mérlegelte

Társadalmi-gazdasági profil

Protokoll sz. "" tól 20g.

A ciklusbizottság elnöke Mishina E.N.

2016-2017 tanév év

Bevezetés

1. Világháló3

1.1. A World Wide Web terjesztése az interneten. 5

2. Weboldal készítése HTML5 használatával

2.1. HTML 5 nyelv

2.2. HTML dokumentum szerkezete5

2.3 Szöveg formázása7

3. Weboldalak készítésére szolgáló programok8

3.1 HTML-szerkesztők8

3.2 Grafikus szerkesztők13

3.3 Flash technológia13

4. WORD12-ben WEB oldalak készítése

4.1 WORD12 weblapok létrehozásának módjai

4.2 Felsorolásos és számozott listák készítése13

4.3 Vízszintes vonalak13

4.4 Háttér hozzáadása13

4.5 Munka táblázatokkal13

4.6 Munka képekkel13

4.7 Hiperhivatkozások létrehozása14

4.8 Videó beágyazása weblapba14

Felhasznált irodalom jegyzéke16

1. World Wide Web- a globális számítógépes hálózat ma több millió webhelyet tartalmaz, amelyek mindenféle információt tárolnak. Az emberek az internetes technológia használatával érik el ezeket az információkat. A WWW-n való navigáláshoz speciális programokat használnak - webböngészőket, amelyek nagyban megkönnyítik a WWW hatalmas kiterjedésein keresztüli utazást. A webböngészőben minden információ weblapként jelenik meg, amelyek a WWW bájtok fő elemei.

A multimédiás technológiát támogató weboldalak különféle típusú információkat kombinálnak: szöveget, grafikát, hangot, animációt és videót. Az, hogy ez vagy az a weboldal milyen jól és gyönyörűen készült, nagyban függ a weben elért sikerétől.

A felhasználó szívesen látogat olyan weboldalakat, amelyek stílusos kialakításúak, nincsenek túlterhelve grafikákkal és animációkkal, gyorsan betöltődnek és helyesen jelennek meg a webböngésző ablakában.

Weboldalt létrehozni nem egyszerű, de valószínűleg mindenki szívesen kipróbálná magát tervezőként. És ebben az esetben én sem vagyok kivétel, ezért választottam egy ilyen témát a dolgozatomnak.

Tanulmányomban arra tettem kísérletet, hogy megértsem, mit kell tudni és tudni kell weboldalt készíteni, milyen szoftverek a weblapok készítésének eszközei, és hogyan kell azokat hatékonyan használni.

Ebben a munkában is figyelembe vettem a weblapok programozási nyelvének alapjait - a HTML-t, amely az általánosan elfogadott WWW szabvány. Ez lehetőséget ad arra, hogy megismerkedjünk a weboldal szerkezetével és a megfelelő kialakításának technikáival.

1.1. A World Wide Web terjesztése az Internetre.

Az internet a világ legnagyobb számítógépes hálózata. Az internetnek jelenleg mintegy 150 millió felhasználója van több mint 50 országban. A WWW elsősorban az interneten keresztül érhető el; de amikor azt mondjuk, hogy a WWW és az Internet, akkor nem ugyanazt értjük alatta. A WWW a belső tartalomnak tudható be, vagyis valamiféle elvont tudásvilág, míg az Internet a globális hálózat külső oldala, hatalmas számú kábel és számítógép formájában.

Tehát mi is az a World Wide Web, vagy ahogy köznyelvben mondják, a WWW, a Web, vagy még egyszerűbben – a 3W? A WWW egy hipertexten alapuló elosztott multimédiás információs rendszer. Vegyük sorra ezt a definíciót.

Elosztott információs rendszer: az információkat sokféle úgynevezett WWW-szerveren (szerveren) tárolják. Vagyis olyan számítógépek, amelyekre speciális szoftver van telepítve, és amely csatlakozik az internethez. A hálózathoz hozzáféréssel rendelkező felhasználók kliensprogramok, WWW dokumentumnézők segítségével kapják meg ezeket az információkat. Ebben az esetben a megjelenítő program a számítógépes hálózaton keresztül kérést küld a szervernek, amely elmenti a fájlt a szükséges dokumentummal. A kérésre válaszul a szerver elküldi a nézőnek ezt a szükséges fájlt vagy elutasító üzenetet, ha a fájl ilyen vagy olyan okból nem érhető el. A kliens-szerver interakció bizonyos szabályok, vagy ahogy mondani szokás, protokollok szerint megy végbe. A WWW által elfogadott protokollt HyperText Transfer Protocolnak vagy röviden HTTP-nek hívják.

Multimédia: Az információ nem csak szöveget, hanem 2D és 3D grafikát, videót és hangot is tartalmaz.

Hiperszöveg: A WWW-re vonatkozó információk dokumentumok formájában jelennek meg, amelyek bármelyike ​​tartalmazhat belső kereszthivatkozásokat és hivatkozást más dokumentumokra, amelyeket ugyanazon vagy bármely más szerveren tárolnak.

Az ilyen hivatkozásokat hiperhivatkozásoknak vagy hiperhivatkozásoknak nevezzük. A számítógép képernyőjén, a megjelenítő ablakban a hivatkozások valamilyen módon (például eltérő színnel és/vagy aláhúzással) jelennek meg egy szöveg- vagy grafikai szakaszban. A hiperhivatkozások kiválasztásával a megtekintő felhasználó gyorsan navigálhat a dokumentum egyik részéből a másikba, vagy egyik dokumentumból a másikba. Ha szükséges, a megjelenítő program automatikusan felveszi a kapcsolatot a hálózat megfelelő szerverével, és lekéri a csatolt dokumentumot. Mellesleg, az információk hiperszöveges megjelenítésének ötletét már ismerniük kell a Microsoft Windows rendszer különböző verzióinak felhasználói számára. Ezen az elven épül fel a Windows súgórendszere (Help), azzal a különbséggel, hogy a Windows hipertext súgórendszere nem terjesztett.

Tehát egy weboldal stilizált és formázott szöveget, grafikát és különféle internetes forrásokra mutató hivatkozásokat tartalmazhat. Mindezen lehetőségek megvalósítására egy speciális nyelvet fejlesztettek ki, a HyperText Markup Language (HTML), vagyis a Hypertext Markup Language nevet. A HTML-dokumentum egy szöveges fájl, amely tartalmazza a tényleges szöveget, amely információkat továbbít az olvasóhoz és jelölőjelzőket. Az utóbbiak meghatározott karaktersorozatok, amelyek utasítások a Viewer számára; Ezen utasításoknak megfelelően a program elrendezi a képernyőn megjelenő szöveget, képeket foglal bele, amelyeket külön grafikus állományokba ment, és hiperhivatkozásokat képez más dokumentumokkal vagy internetes forrásokkal. Így egy HTML-fájl csak akkor veszi fel a WWW-dokumentum kinézetét, ha a böngésző értelmezi. A HTML nyelvről a következő részben lesz szó, mert ennek a nyelvnek az alapjainak ismerete nélkül lehetetlen weboldalt készíteni a világhálón való közzétételhez.

Weboldal készítése HTML használatával

HTML nyelv

A weboldalak bármilyen formátumban létezhetnek, de a szabvány a Hyper Text Markup Language – egy hiperszöveg jelölőnyelv, amelyet arra terveztek, hogy gazdag szöveget hozzon létre képekben, hangokban, animációkban, videoklipekben és hipertext hivatkozásokban, amelyek a weben szétszórtan találhatók más dokumentumokra. valamint azokat, amelyek ugyanazon a szerveren találhatók, vagy amelyek ugyanannak a webprojektnek szerves részét képezik.

Dolgozhat a weben a HTML nyelv ismerete nélkül is, mivel a HTML szövegek különféle speciális szerkesztőkkel és konverterekkel hozhatók létre. De közvetlenül HTML-ben írni nem nehéz. Még egyszerűbb is lehet, mint megtanulni egy HTML-szerkesztőt vagy konvertert, amely gyakran korlátozott a képességeiben, hibákat tartalmaz, vagy rossz HTML-kódot tartalmaz, amely nem működik különböző platformokon.

A HTML nyelv több változatban létezik, és folyamatosan fejlődik, de a HTML konstrukciókat valószínűleg a jövőben is használni fogják. A HTML elsajátításával, elmélyítésével, a HTML tanulás kezdetén egy dokumentum létrehozásával és annak lehetőség szerinti bővítésével számos webböngésző által megtekinthető weblapokat tudunk létrehozni, most és a jövőben is. Ez nem zárja ki más módszerek használatát, mint például a Netscape Navigator, Internet Explorer vagy más szoftver által biztosított speciális módszer.

A HTML-lel való munka egy módja annak, hogy megtanuljuk a dokumentumok szabványos nyelven történő létrehozásának sajátosságait, csak akkor használjunk bővítményeket, ha valóban szükséges.

A HTML-t a World Wide Web Consortium ratifikálta. Számos széles körben használt böngésző támogatja, és valószínűleg szinte minden, az internethez kapcsolódó szoftver alapja lesz.

HTML dokumentum szerkezet

Mivel a HTML dokumentumok ASCII formátumban készülnek, bármilyen szövegszerkesztővel létrehozható.

A HTML-dokumentum általában egy .html vagy .htm kiterjesztésű fájl, amelyben a szöveget HTML-címkékkel jelölik (angol tag - speciális beépített utasítások). A HTML eszközök beállítják a címkék szintaxisát és elhelyezését, amely szerint a böngésző megjeleníti a webdokumentum tartalmát. Maguk a címkék szövegét nem jeleníti meg a webböngésző.

Egy HTML dokumentumban a kezdőcímke az , és a döntő.

A zárócímke csak abban különbözik a kezdő címkétől, hogy a zárójelben lévő szöveg előtt egy "/" (perjel) karakter található.

A HTML-dokumentumot beolvasó böngésző a HTML-címkeszerkezetet használó ablakban jeleníti meg. Minden HTML dokumentumnak három fő részből kell állnia:

1) HTML deklaráció

És. E címkék párja közli a nézővel (böngészővel), hogy közöttük van egy HTML-dokumentum, és a dokumentum első címkéje egy címke (a dokumentum legelején), az utolsó pedig (a dokumentum legvégén) a dokumentum).

2) Címsor rész.

És. A címkék között találhatók a dokumentumra vonatkozó információk (cím, keresési kulcsszavak, leírás stb.). A legfontosabb azonban a dokumentum neve, amit a böngészőablak felső sorában és a "Kedvencek" listákban látunk. A speciális keresőmotor-pókok a dokumentum nevét használják adatbázisaik felépítéséhez. Ha címet szeretne adni a HTML-dokumentumnak, a szöveg a címkék közé kerül. .

Az első oldalam

3) A dokumentum törzse.

A dokumentum harmadik fő része a törzse. Közvetlenül a cím után következik, és a címkék között található. És

. A HTML-dokumentum törzsében a szerző elhelyezi a HTML-formátumú információkat.

Az első oldalam ..............................................

Most már megírhatjuk oldalunk HTML kódját:

Szöveg formázása

A BODY részben minden tabulátort és sorvégi karaktert figyelmen kívül hagy a böngésző, és ez semmilyen módon nem befolyásolja az oldal megjelenítését. Ezért a HTML-dokumentum forrásszövegében egy sortörés nem eredményez új sort a böngésző által megjelenített szövegben, hacsak nincsenek jelen speciális címkék. Ezt a szabályt nagyon fontos megjegyezni, és ne felejtsd el elhelyezni a sorokat elválasztó címkéket, különben a szövegnek nem lesz bekezdése, és olvashatatlanná válik.

A címke egy új sor indítására szolgál.
(rövidítés az angol breakből - interrupt). A címke hatására a böngésző további szöveget jelenít meg a következő sor elejétől. A záró címkét nem használják. Kényelmes, ha új sorból kell írnia egy helyről anélkül, hogy új bekezdést kezdene, például egy versben. Újbóli használata lehetővé teszi egy vagy több üres sor beszúrását, lenyomva a következő oldalrészletet.

A tömör, hézagmentes szöveget nem túl könnyű olvasni, kényelmetlen a böngészés és a megfelelő helyek megtalálása. A bekezdésekre bontva a szöveg sokkal gyorsabban érzékelhető. A címke új bekezdés kezdésére szolgál.

(angol. bekezdés - bekezdés). Ez a címke egy új sor eleje kivételével egy üres sort szúr be. A címke zárójelébe a neve mellett attribútumok is elhelyezhetők (angol atributes - attribútumok). Ezeket szóközökkel választják el a névtől és egymás között (egy vagy több), és a name="value" attribútumként írják őket. Ha az érték nem tartalmaz szóközt, akkor az idézőjel elhagyható, de ez nem javasolt. Címke

Ha nincs jelen, akkor az új címke az előző bezárását jelenti, illetve beágyazottak nem lehetségesek. Szöveg középre igazítása is lehetséges egy címkével.

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

Az első oldalam

Itt vannak a személyes oldalaim!

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

Az egyik oldalamról lehet majd e-mailt küldeni.

Ezen címkék használata mellett magában a HTML-dokumentumban sorvégi karakterek és tabulátorok is használhatók a sorok töréséhez. Erre a célra van egy címke. A címkék közé helyezett összes szöveg változatlan formában jelenik meg, azaz minden sortöréssel és tabulátorral együtt.

Például:

Ez a szöveg két sorban van írva.

A HTML-dokumentum a szövegen kívül vízszintes elválasztó sorokat is tartalmazhat. A szöveghez hasonlóan nem igényelnek külső fájlokat. A címke egy egységnyi szélességű vízszintes vonalat húz az oldal teljes szélessége mentén. A vízszintes elválasztó sor mindig sortörést eredményez, de nem jelennek meg üres sorok a sor és a szöveg között. Egy címke több attribútumot is tartalmazhat. és háromdimenziós behúzó hatású kontúrvonalat adnak. folyamatos fekete vonalat ad. A vonal nem terjedhet ki az oldal teljes szélességében, hanem csak egy része. A WIDTH attribútum megadja a vonal szélességét, akár a teljes oldalszélesség százalékában, akár képpontokban. Például az 50% az oldal szélességének fele, a 400 a 400 pixel széles. Az ALIGN attribútum a címkeértékekhez hasonló értékeket vehet fel, de az alapértelmezett igazítás középre van állítva. A SIZE attribútum adja meg a vonalvastagságot pixelben 1 és 175 között; az alapértelmezett érték 1, de ha, (a vonal kontúrvonal), akkor a 3D-s gödröcske hatáshoz szükséges vastagság hozzáadódik. A sorok a bekezdésekkel együtt lehetővé teszik a szöveg logikai töredékeinek kiemelését. A sok vízszintes vonal azonban kellemetlen a weboldal látogatója számára, ezért ne helyezze minden bekezdés után. Alkalmasabbak egész szakaszok kiemelésére.

Az informatikai szféra fejlődése, nevezetesen a weboldalak létrehozását és keresését népszerűsítő szolgáltatások iránti kereslet növekedése oda vezetett, hogy rengeteg úgynevezett webmester jelent meg, akik készek minden munkát elvégezni az oldalon, ill. további támogatását. Mondanunk sem kell, hogy a legtöbb ilyen projektet ingyenes tervezők segítségével hozták létre, míg maguknak a "mestereknek" csak elméleti elképzelésük van a minőségi webes erőforrás műszaki összetevőiről. Weboldal dizájn, tartalom, a használhatóság átgondoltsága – mindez mindenképpen fontos. De egy technikailag hibás webhely, ahol hibák vannak a kódban, egyszerűen kudarcra van ítélve.

Röviden a gyakori programozási nyelvekről

PHP. A HTML jelölőnyelven alapul. A PHP egy általános célú szkriptnyelv, és nyílt forráskódú. A szintaxis meglehetősen könnyen megtanulható, és sok hasonlóságot mutat a C-vel, a Java-val és a Perl-lel. A PHP fő előnye, hogy lehetővé teszi a fejlesztők számára, hogy gyorsan hozzanak létre dinamikusan generált weboldalakat. Szakmai nyelvtudással más feladatok ellátására is használható.

Piton. Oroszul "python" néven gyakori. Magas szintű, általános célú programozási nyelv, amely a fejlesztői termelékenység és a kód olvashatóságának javítására összpontosít. A Python mag szintaxisa minimalista. Ugyanakkor a szabványos könyvtár nagy mennyiségű hasznos funkciót tartalmaz.

rubin. Oroszul "vágásként" elterjedt. Dinamikus, reflektív, értelmezett magas szintű programozási nyelv a gyors és kényelmes objektum-orientált programozáshoz. A nyelv rendelkezik az operációs rendszertől független multithreading megvalósítással, erős dinamikus gépeléssel, szemétgyűjtővel és sok más funkcióval. Szintaktikai jellemzőit tekintve közel áll a Perlhez és az Eiffelhez, az objektum-orientált megközelítésben - a Smalltalk-hoz. Ezenkívül a nyelv néhány funkciója a Pythonból származik.

ÁSPISKÍGYÓ.. Ennek a nyelvnek a fejlesztője a Microsoft. A technológia lehetővé teszi alkalmazások fejlesztését a WWW számára. Az ASP egyszerű és gyors. ASP platformok: Windows NT és IIS (Internet Information Server). Nem teljesen helyes az ASP-t nyelvnek nevezni, sokkal inkább egy program weblapokhoz való csatlakoztatására szolgáló technológia. Az egyszerű szkriptnyelv és a külső COM-komponensek használatának lehetősége az ASP sikerének titka.

JavaScript. A JavaScript működése némileg eltér a többi programozási nyelvtől. A fő különbség az, hogy közvetlenül a HTML-fájlban található. A JavaScriptben írt szkriptet a böngészőbe épített tolmács dolgozza fel.

A nyelvhasználati területek igen kiterjedtek:

• Hozzon létre weboldalakat, amelyek a dokumentum betöltése után változhatnak
• Helyi problémák megoldása
• Annak ellenőrzése, hogy a felhasználó mennyire tudja kitölteni az űrlapokat, mielőtt elküldi őket a szerverre

A JavaScript-funkciók sokfélesége meghatározza a nyelv népszerűségét. Ezzel a következőket teheti:

• Változtassa meg az oldalt: dolgozzon címkékkel, módosítsa a stílusokat, írjon szöveget
• Reagáljon az eseményekre (pl. egérkattintás), és hajtson végre egy adott funkciót
• Üzenetek megjelenítése, adatok ellenőrzése, cookie-k beállítása és olvasása
• Adatok betöltése az oldal újratöltése nélkül stb.

Perl. Kezdetben ez a nyelv egy eszköz volt a különféle funkciókat ellátó programok egyetlen szkriptbe való összekapcsolására, amely lehetővé teszi egy komplex feladat megoldását: szövegszerkesztés, adminisztráció stb. Ma a Perl a CGI-alkalmazások létrehozásának elsődleges eszköze. Webszerverek és egyéb rendszerek adminisztrálására szolgál. A szkriptek ezen a nyelven történő írásának egyszerűsége és gyorsasága olyan platformokhoz való alkalmazkodáshoz vezetett, mint a Windows, Mac stb. A Perl nyitott és elérhető, a tolmács forrásszövegei teljesen ingyenesen beszerezhetők.

Hasznos a nagy tudásanyag?

A programozás alapjait informatika órákon tanítják az iskolában. Szinte mindenki találkozott már Delphivel és Pascallal. A bonyolultabb nyelvek sokkal komolyabb tanulási megközelítést igényelnek. Egy bizonyos gondolkodásmód - matematikai és logikai, és természetesen az a vágy, hogy a szakterülete szakértőjévé váljon, segít a kezdő programozónak a sikerben. Ne próbáljon meg minden nyelvet egyszerre elsajátítani. Jobb egyet jól ismerni, mint ötről töredékes tudást birtokolni. Minden programozási nyelvnek vannak általános alapelvei, mindegyik a cselekvések logikájára épül, így a tapasztalattal az új technológiák elsajátítása gyorsabbá és könnyebbé válik. Sokan képesek megváltoztatni és lemásolni a kész kódokat, de nem minden programozó válhat igazi „művészré”, és nem utánzóvá.

A weboldal elkészítése jelenleg nem okoz különösebb nehézséget, hiszen az interneten elég sok portál kínálja szolgáltatásait weboldalkészítéshez. De egy ilyen szolgáltatáshoz létrehozott oldal nem saját alkotás, hanem egy kémcsőben növesztett klón hasonlósága.

Saját készítésű oldal - mindig a kedvenc gyermeke lesz, aki átszenvedte a kreativitás örömteli gyötrelmét. Weboldalt készíthet a HTML programozási nyelv segítségével, az úgynevezett statikus weboldalt.

Egy HTML-szerkesztőt használnak a webhely létrehozásához. Egy HTML alapú webhely önálló létrehozásához szükség van a HTML programozási nyelv ismeretére, a Photoshop bizonyos fogalmaira, némi íráskészségre, egy kis képzelőerőre és tervezési művészetre.

A PHP programozási nyelvvel létrehozott webhely dinamikus webhely. Az Interneten létező oldalak többsége PHP-n, CMS motorokon (tartalomkezelő rendszer) alapul. Ezen a webhelyen megtudhatja, hogyan hozhat létre webhelyet, és szakképzett segítséget kaphat önálló webhely létrehozásához CMS-motorokon:
- webhely létrehozása a Joomla-n;

Valamit elkezdeni mindig nehéz. Itt a fő dolog egy konkrét cél kitűzése. Először válassza ki az elkészíteni kívánt témát és mintaoldalt, készítsen tervet a megvalósítására. És haladjon a fő cél elérése felé.

A különféle irányok funkcionalitásának megvalósításához a webprogramozók a megfelelő használatával „írják” a webhelyeket webes jelölőnyelvek, a webes erőforrás interaktív képességeinek maximalizálása érdekében. Nem megyünk bele a webes terminológia vadjaiba, csak segítünk megérteni az oldalkód megírásának főbb pontjait, amelyek a projekt és a további megvalósítás során felmerülhetnek.

HTML

HTML az egyik legrégebbi webes programozási nyelv, amely az Internet hajnalán jelent meg, és a webes programozás egyik legegyszerűbb és legmegbízhatóbb módjaként nőtte ki magát. A HTML a Hyper Text Markup Language – Hypertext Markup Language rövidítése. A HTML technológiával készített weboldalak többnyire statikus oldalak halmaza, amelyekhez nincs szükség adatbázisra.

A HTML technológia alkalmas lehet kisméretű, néhány oldalas, könnyű oldalak létrehozására, amelyek funkcionalitása nem igényel interaktivitást és dinamikát.

Mint minden technológia, a HTML szabvány sem áll meg, és ma egy új szabvány, a HTML5 lép be a webdesign környezetbe. Ez a technológia nagyon fiatal, de nagyszerű lehetőségeket kínál webhelyek létrehozásában, és lehetővé teszi új, korábban lehetetlen funkciók megvalósítását. Bár a HTML5 technológia még nem lépett be teljesen a webfejlesztés keretei közé, és korántsem minden internetböngésző támogatja azt, a honlapstúdió programozói figyelembe veszik a HTML5 jövőbeli internetes technológiák továbbfejlesztésére gyakorolt ​​hatását, és a legtöbbet felhasználva készítenek weboldalakat. fejlett webes technológiák -programozás.

PHP

PHP egy szerveroldali programozási nyelv, amely összeköti a webhelyet a szerverrel és annak adatbázisával. Önmagában a PHP nyelv nem felelős az oldal létrehozásáért, és ha megnézzük egy ilyen erőforrás oldalkódját, ugyanazt a HTML-t fogjuk látni, csak PHP kóddal tarkítva.

A PHP oldalakon a HTML-ben írt kód egy része felelős az információk megjelenéséért és kimenetéért, a PHP pedig a funkcionalitás dinamikájáért és interaktivitásáért. A PHP nyelv egyszerűsége, rugalmassága és gyorsasága miatt a webfejlesztés egyik legnépszerűbb szabványa.

Az oldalstúdió által létrehozott oldalak túlnyomó részének fejlesztése során PHP technológiát alkalmaztak, mert. Az oldal összekapcsolása az adatbázissal, PHP kód segítségével elengedhetetlen feltétele a dinamikus, multifunkcionális internetes források létrehozásának.

VAKU

Valójában maga a technológia flush nem webes programozási nyelv, hanem XML-ben írt elemek megjelenítésére szolgál.

Az oldal létrehozása flash technológiával bonyolult és időigényes folyamat, de az eredmény megéri az erre fordított erőfeszítést és pénzt. A Flash-elemek fényessé és interaktívvá teszik webhelyét. Az élő, dinamikus oldalak kitörölhetetlen benyomást keltenek az Ön erőforrásáról a látogatók körében, és a webhelyről kialakult pozitív kép sokáig megmarad az elvarázsolt felhasználók elméjében. A cég imázsa a flash technológia erőforráson való használatából csak előnyt jelent, mivel a vakuval készült elemek nem olcsók és luxusnak számítanak.

De mindenben, ahogy mondják, ismerni kell a mértéket, és ez alól a flash-oldalak létrehozása sem kivétel. A flash blokkok sokkal nehezebbek, mint a szabványos webes elemek, ezért hosszabb ideig tart a betöltése. És a hálózati felhasználók általában nem szeretnek várni. Ezért bízza a flash-webhely létrehozását olyan szakemberekre, akik a maximális termelékenység érdekében optimalizálják azt.

WAP

WAP (Vezeték nélküli alkalmazási protokoll) egy olyan technológia, amely lehetővé teszi az internetes források elérését közvetlenül mobileszközéről.

A fő különbség a WAP-oldal és a közönséges internetes forrás között az, hogy a WAP-oldal a telefonok és kommunikátorok kis kijelzőjén való megtekintésre van „szabva”, ezért számos követelmény és szabvány támasztja a WAP-oldal fejlesztését, az oldal súlyának csökkentésében WAP-portál és webhelytartalom-optimalizálás kifejezetten a telefon WAP-böngészőjében való megtekintéshez.

A WAP-ra írt oldalak saját jelölőnyelvvel rendelkeznek, amelyet kifejezetten a WAP-böngészővel való információcserére alakítottak ki. És ha a számítógépről való megtekintésre szánt közönséges oldalak többnyire nyelveken íródnak html, php, Perl, vagy xml, akkor a WML szabványt használják a WAP oldalak létrehozására ( Vezeték nélküli jelölőnyelv). A WAP-erőforrások fejlesztése többek között saját képformátumot - WBMP-t - használ, amely lehetővé teszi a WAP-oldal lehető legkönnyebbé tételét.

A mobileszközök piacának folyamatos növekedése miatt a világméretű hálózat és a mobileszközök közötti adatátvitel szabványai is fejlődnek, ezért az oldal webstúdió szakemberei nem hagyják abba az újítások nyomon követését a webhelyek létrehozásának és fejlesztésének ezen iparágában. A WAP oldalakon mindig a legfejlettebb módszereket és legfejlettebb technológiákat alkalmazzák.

ÁSPISKÍGYÓ.

ÁSPISKÍGYÓ. (Aktív szerveroldalak) egy nyílt webalkalmazás-fejlesztő környezet, amely lehetővé teszi a HTML-, a szkript- és az ActiveX-szerver-összetevők kombinálását dinamikus és hatékony webes üzleti megoldások létrehozásához. Az ASP oldalak olyan oldalak, amelyek a szerver oldalon futó szkripteket tartalmaznak.

Perl

Perl (Gyakorlati kinyerési és jelentési nyelv) egy univerzális, értelmezett webes programozási nyelv, amely cgi szkriptek és cgi programok írására szolgál, amelyek a szerver oldalon futnak, és lehetővé teszik az oldal automatizálását. A Perl az egyik legkényelmesebb és legelterjedtebb környezet dinamikus weboldalak létrehozására, bár az utóbbi években az újabb internetes technológiák kiszorították. A Perl formátum nagyszerű módja a webszerverekkel való interakciónak CGI-n keresztül ( közös interakciós felület). A Perl jelenleg veszít teret funkcionális megfelelőjéhez, a PHP-hez képest.

C+

C, C++- széles körben használt webes programozási nyelvek, amelyeket cgi szkriptek írásához használnak. Jelenleg a legtöbb szerver támogatja. A C+ nyelven írt szkripteket a szerver oldalon kell lefordítani.

SSI

SSI (Szerver oldalt tartalmaz) egy olyan technológia, amely lehetővé teszi, hogy egy weboldalt több szkriptből vagy fájlból egyetlen működőképes egésszé állítson össze. Az SSI lehetővé teszi, hogy a kiszolgálóra vonatkozó információkat olyan weboldalon helyezzen el, amely nem érhető el HTML használatával. Valójában az SSI egyfajta analógja a PHP-ben lévő tartalmazzanak. Lehetővé teszi az egyes oldalak vagy oldalcsoportok közös elemeinek beágyazását a webhely kódjába, így minden oldalt csak egy fájlon keresztül szerkeszthet. SSI direktívák támogatottak .shtml, .htmÉs .htmlés regisztrálva vannak a .htaccess fájlban.

Bevezetés

1. Alapvető információk

1.1 A html nyelvről

1.2 Weboldal készítés

1.3 Alapok

1.4 A dokumentum szerkezete

1.5 Dokumentumtörzs-címkék

1.6 Az alapvető html címkék listája

2. További információk

2.1 Címkék listázása

2.3 Grafika a dokumentumon belül

2.4 Stílusok hozzáadása a dokumentumhoz

2.5 Speciális html címkék

2.6 Html űrlapok

2.7 Html keretek

2.8 Html táblák

2.9 Grafika optimalizálása az internethez

2.10 A CSS alapjai

3. Az oldal létrehozásának leírása

3.1 Előkészítés

3.2 A főoldal létrehozása

3.3 Második oldal készítése

3.4 Városleíró oldal készítése

3.5 Fényképoldal

3.6 Program oldal

3.7 Köszönöm oldal

Következtetés

Felhasznált irodalom jegyzéke

Bevezetés

Ez a dolgozat a HTML nyelvnek szól. Ez a nyelv *.htm és *.html fájlokat hoz létre, amelyek weboldalak. Internetes oldalakból állnak.

A szakdolgozathoz mellékelünk egy oldalt, példaként arra, hogy mit lehet létrehozni HTML nyelvvel.

Minden munka 3 részre oszlik. Az első rész teljes egészében az alapvető HTML-címkék leírására szolgál. Ebben minden szükséges információt megtalál az egyszerű weboldalak létrehozásához. A második rész információkat tartalmaz arról, hogyan javíthatja a dokumentum megjelenését, és hogyan építhet bele további szolgáltatásokat. A harmadik rész pedig annak leírását tartalmazza, hogyan jött létre a dolgozathoz csatolt oldal. Részletesen leírja a webhely létrehozásának másfél hónapos kemény munkáját, elmondja a létrehozás során előforduló különféle hibákat és azok kijavítását, a felmerülő nehézségeket és azok kiküszöbölésének módjait.

A munka elolvasása után bárki, még a programozásban teljesen járatlan is, képes lesz megérteni a HTML programozás alapjait. És aki tudja, talán talál valami újat a maga számára.

1.1 A nyelvről HTML

A Hyper Text Markup Language (HTML) egy szabványos nyelv a hiperszöveges dokumentumok WEB környezetben történő létrehozásához. A HTML dokumentumokat különféle típusú webböngészők tekinthetik meg. Amikor egy dokumentumot HTML használatával hoz létre, a webböngésző képes értelmezni a HTML-kódot, hogy kibontsa a dokumentum különböző elemeit, és először feldolgozza azokat. A HTML használata lehetővé teszi a dokumentumok formázását a megjelenítéshez betűtípusok, vonalak és egyéb grafikai elemek használatával bármely rendszeren, amely megtekinti őket.

A legtöbb dokumentum szabványos elemekkel, például címsorokkal, bekezdésekkel vagy listákkal rendelkezik. A HTML-címkék segítségével kijelölheti ezeket az elemeket, biztosítva a webböngészők számára az elemek megjelenítéséhez szükséges minimális információkat, miközben megőrzi a dokumentumok általános szerkezetét és információs teljességét. Egy HTML dokumentum olvasásához nem kell más, mint egy webböngésző, amely értelmezi a HTML címkéket, és a dokumentumot a szerző által megadott formában jeleníti meg a képernyőn.

A legtöbb esetben a dokumentum szerzője szigorúan meghatározza a dokumentum megjelenését. A HTML esetében az olvasó a webböngésző képességei alapján bizonyos mértékig szabályozhatja a dokumentum megjelenését (de tartalmát nem). A HTML lehetővé teszi, hogy egy HTML címkével megjelölje, hogy a dokumentumban hol legyen egy címsor vagy bekezdés, majd hagyja, hogy a webböngésző értelmezze ezeket a címkéket. Például előfordulhat, hogy az egyik webböngésző felismeri a bekezdéskezdő címkét, és a kívánt formában jeleníti meg a dokumentumot, míg a másik nem rendelkezik ezzel a lehetőséggel, és egy sorban jeleníti meg a dokumentumot. Egyes webböngészők felhasználóinak lehetőségük van a betűméret és -típus, a szín és egyéb, a dokumentum megjelenítését befolyásoló paraméterek beállítására is.

A HTML címkék nagyjából két kategóriába sorolhatók:

1. Címkék, amelyek meghatározzák, hogyan jelenítse meg a dokumentum egészét a webböngésző.

2. Címkék, amelyek leírják a dokumentum általános tulajdonságait, például a dokumentum címét vagy szerzőjét.

Ne feledje, hogy a HTML fő előnye, hogy dokumentuma számos különböző típusú webböngészőn és platformon megtekinthető.

1.2 Teremtés weboldal

A HTML-dokumentumok bármilyen szövegszerkesztővel vagy speciális HTML-szerkesztőkkel és konverterekkel hozhatók létre. A HTML-dokumentumok létrehozásához használt szerkesztő kiválasztása kizárólag az egyes szerzők kényelmétől és személyes preferenciáitól függ.

Például a HTML-szerkesztők, mint például a Netscape "Netscape Navigator Gold" lehetővé teszik a dokumentumok grafikus létrehozását a WYSIWYG (What You See Is What You Get) technológia használatával. Másrészt a legtöbb hagyományos dokumentumkészítő eszköz rendelkezik olyan konverterekkel, amelyek lehetővé teszik a dokumentumok HTML formátumba való konvertálását.

Minden HTML címke "" karakterrel kezdődik<" (левой угловой скобки) и заканчиваются символом ">" (derékszögű zárójel). Általában van egy kezdőcímke és egy zárócímke. Például itt vannak a head tagok, amelyek meghatározzák a szöveget a kezdő és záró címkén belül, és leírják a dokumentum címét:

A zárócímke ugyanúgy néz ki, mint a kezdőcímke, és a szögletes zárójelben lévő szöveg előtt egy perjelben tér el tőle. Ebben a példában a címke - a címszöveg befejezéséről.

Egyes címkék, mint a

(bekezdést meghatározó címke) nem igényelnek végcímkét, de használata javítja a dokumentum forrásszövegének olvashatóságát és szerkezetét.

A HTML nem különbözteti meg a kis- és nagybetűket a címkét leíró karaktereknél, és a fenti példa így nézhet ki:

Figyelem! A jobb olvashatóság érdekében a HTML-dokumentum forrásszövegéhez hozzáadott extra szóközöket, tabulátorokat és kocsivisszaadásokat a webböngésző figyelmen kívül hagyja a dokumentum értelmezésekor. Egy HTML-dokumentum csak akkor tartalmazhatja a fenti elemeket, ha címkéken belül vannak elhelyezve.

ÉS

. További információ a címkékről

Lent lesz írva.
 
Amikor egy webböngésző fogad egy dokumentumot, meghatározza, hogyan kell értelmezni a dokumentumot.  A dokumentumban előforduló legelső címkének címkének kell lennie .  Ez a címke közli a webböngészővel, hogy a dokumentum HTML-kóddal készült.  Egy minimális HTML dokumentum így néz ki:
 
Dokumentumtörzs...
 
A dokumentum fejléce .  A dokumentumfejléc címkét közvetlenül a címke után kell használni és sehol máshol a dokumentum törzsében.  Ez a címke a dokumentum általános leírása.  Ne helyezzen el szöveget a címkén belül .  Kezdő címke közvetlenül a címke elé helyezzük 
 
Figyelem!  Technikailag kezdő és záró típusú címkék , És nem kötelezőek.  De erősen ajánlott ezek használata, mivel ezeknek a címkéknek a használata lehetővé teszi a WEB-böngésző számára, hogy magabiztosan elkülönítse a dokumentum címsorát és magát a szemantikai részt.
 
Dokumentum címe , belül található -címkéket, ahogy a fenti példában is látható.  A dokumentum címe nem jelenik meg, ha maga a dokumentum jelenik meg az ablakban.