A weboldalak aktív elemei kapcsolódnak. Alapvető weblap elemek

Az interneten bemutatott tartalom nagy része weboldalak. Ez történelmileg az első típusú dokumentum, amelyet a virtuális hálózati térben szállítottak, de még mindig megőrizte a relevanciát és gyakorlatilag nem versengő formátumokat. Mi a weboldalak szerkezete? Milyen eszközökkel készülnek a webfejlesztés?

Mi az a weboldal?

"Sorolja fel a weboldal alapvető elemeit" - mondja el az informatikai leckét. Mit mondhatunk neki válaszul? Először is, elmondjuk, hogy mi a weboldal elvben.

Meghatározása szerint ütközött egy informatikai szakember környezet, ez a dokumentum, amelyet arra terveztek, hogy nyissa ki a speciális program - böngésző, és amely adatok kijelző a számítógép képernyőjén a megfelelő típusú különféle hasznos tartalom - szövegek, linkek, Grafika, videó, zene és zene és stb. A weboldal szöveges dokumentum. A böngésző megfelelő adatai a betűk, a számok és a speciális szimbólumokA Markup Language elemeként használják - HTML. Használja azt, hogy a weboldal létrehozója "magyarázza" a böngészőt, hogyan jeleníthet meg egy vagy egy másik tartalmat a képernyőn.

A weboldalak helye és szerepe a webhelyen

Lehetséges, hogy a weboldal a weboldal fő összetevője? Részben ez igaz. Azonban, ahogy fent említettük, a weboldal csak egy szöveges dokumentum. A webhely általában képeket, videót és más multimédiás elemeket is szervez. A weboldal önmagában befogadására szolgáló weboldal, de a szerkezetében olyan linkeket tartalmazhat rájuk. Így a weboldal a webhely fő összetevőjének nevezhető a domináns szerepének szempontjából a virtuális tartalom megjelenítésében a felhasználók előtt.

Ritka esetekben természetesen a vizsgált dokumentum a webhely egyetlen összetevője lesz - ha nem biztosított a grafika, videó és más multimédiás elemek megjelenítéséhez. Különösen az első webhelyek - amikor a weboldalak munkatársai csak megjelentek, nem tartalmazzák a megfelelő tartalmat. A felhasználó szeme előtt csak szöveg és linkek voltak.

A hipertext használatának elve

Tehát a weboldalt HTML-ben készített dokumentumnak nevezik, amellyel a hipertext-jelölés végrehajtásra kerül. De mi ez a jelenség? Mi a hipertext? Anélkül, hogy erősen elmélyülne az elméletbe, megjegyezzük, hogy ez egy olyan szöveg, amely egy vagy más módon lehetővé teszi, hogy gyorsan hozzáférhessen egy másikhoz - referenciaként. A szokásos könyvben lehetetlen - van "egyszerű szöveg". A kívánt oldalhoz való hozzáférés érdekében az olvasónak néhány újraelosztást kell készítenie, mielőtt elolvassa a tartalmat vagy a lábjegyzeteket. A "Hypertext" módban a munka fő része számítógépet tesz lehetővé - az oldal HTML elemeiben tükröződő információk miatt.

Ha a számítástechnikai tanár elmondja nekünk: "Sorolja fel a weboldal alapvető elemeit", akkor tökéletesen megkezdhetjük a releváns dokumentum komponenseinek történetét, amelyeket a HTML jelölőnyelv segítségével hoztak létre. Ezért kezdeni, tekintse meg néhány elméleti pillanatokat a HTML-hez.

HTML nyelvi struktúra: Címkék

Hogyan olvasja el a böngésző a szükséges adatokat a weboldalról a HTML-ben készült dokumentumról? Nagyon egyszerű.

Ennek a nyelvnek a fő elemei a címkék. A legtöbb esetben párosulnak - nyitva van, és van egy zárás. Az elsőt csak szögletes zárójelek jelölik. A második hasonló, de a Slash a második konzol előtt van elhelyezve - a szimbólum. A böngésző képes felismerni őket, ezért megjeleníti a weboldalak tartalmát a dokumentum fejlesztője által létrehozott algoritmusokkal összhangban.

A nyitó címkét általában nagy betűkkel zárják le - kicsi. Ez egy szabványos környezetben kialakult szabvány. A böngésző biztosan ismeri a HTML parancsot a betűk, de a web-fejlesztők is ajánlott, hogy tartsák be a megjelölt tag írásban rendszer. Ez megkönnyíti például a weboldal más szakembereinek javítását.

Tulajdonságok

Egyéb lényeges HTML nyelvelemek az attribútumok. Segítségük segítségével a weboldal létrehozója beállíthatja a tartalom tulajdonságait - például a betűtípus magasságát, színét, az oldalhoz képest. Ugyanez vonatkozik a képekre, videókra és más multimédiás alkatrészekre is. Az attribútumok a nyitó címkén vannak írva.

Tartalom

A nyitó és záró címke között a weboldal tartalmának következő kulcskomponense. Ez valójában ugyanaz a tartalom, amelyet a felhasználó felhasználója előtt kell megjeleníteni. Ez lehet a szöveg, hivatkozás, kép, videó vagy más multimédia elem.

Weboldalak

"Tehát adja meg a weboldal alapvető elemeit, végül!" - megismétli a tanárt. - Az örömmel - válaszolunk rá. Mit tartalmaz a vizsgált dokumentumok típusának szerkezetében? Egyetértünk azzal, hogy ezt a szempontot pontosan a weboldal HTML elemeinek kontextusának tekintjük. Vagyis a böngészőben lévő kijelzőn az, hogy a felhasználó látja a képernyőn - Kíváncsi leszünk. Az a tény, hogy a megfelelő HTML-algoritmusok, amelyek alapján a program egyformán megjeleníti a tartalmat, más lehet. És a HTML nyelv ezen funkciójában: a kívánt kép megjeleníthető a weboldalon különböző utak. Ugyanakkor mindkettő egyenértékűek lehetnek a weboldal teremtőjének munkaereje szempontjából, és különböző mennyiségű erőfeszítést és időt vesz igénybe a végrehajtásukért.

Weblapok: fejléc

A weboldal szabványos elemei, ahogy meglepő módon hangzott, nagyon kis mennyiségben mutatják be. Lényegében csak kettő van - a dokumentum címe és fő része. Ugyanakkor mindegyikük meglehetősen bonyolult struktúrával rendelkezik.

Mi a fejléc sajátossága? A weboldal tetején található. A fejlécet generáló HTML-kódban, szabályként a "titkosítás" feltételezhető, hogy csak titkosítva van, de ha szükséges, kis grafikus betétek is elhelyezhetők a megfelelő elemben is. És ez valójában mindent elmondhat a címről. Úgy tűnik, hogy a vonatkozó dokumentum szerkezetében szereplő szerepe jelentéktelen. De ez nem. A weblapok címsorai nagyon jelentősek a webhely indexelésének szempontjából kereső motorok - Yandex, Google. Ez az elem Teljesen relevánsnak kell lennie a weboldal tartalmának, valamint a webhely tematikus sajátosságainak.

Hogyan rögzíti a weboldal fejlécét a HTML használatával? Nagyon egyszerű. Először is, a nyitó címke meg van írva, amely mindig úgy néz ki, mint a sarokblokkok, majd a címtartalom, a záró címke után. Természetesen a webdokumentum tetején vannak írva.

A webes dokumentumfejléc tartalmazhat számos további elemet. Néha a weboldal formátuma szükség lehet szöveges kijelzőre egy adott kódolásban. Hogyan lehet biztosítani a webes dokumentum megfelelőségét ez a kritérium? Nagyon egyszerű. A dokumentumfejléc szerkezetében a HTML algoritmusokat el kell helyezni, és a böngészőt fel kell írni egy adott nyelvkódoláshoz - például cirillist. A releváns parancsok a meta tagon belül vannak elhelyezve, amely, valamint mások, akkor történik megnyitása és zárása.

A weboldal legtöbb része

A webes dokumentum fő része a testcímkével nyílik meg, bezárja a megfelelő elemet, beleértve a slash-t is. Ugyanakkor a nyitó és a záró címkék között lehet nagy mennyiség További parancsok a hipertext jelölési nyelvről. Ez annak köszönhető, hogy hasznos tartalma a weboldal fő részében található - szövegek, linkek, grafikák, videók, különböző formák a töltéshez.

A tartalom minden típusának saját címkéi vannak. A webdokumentum fő részének szerkezetében egy HTML parancs jelen lehet, amellyel a szöveges formázás is végrehajtásra kerül - például egy bizonyos szín, méret és egyéb tulajdonságok betűtípusa.

Fontolja meg, hogy milyen gyakran használt HTML-címkék sajátossága. Valójában a weboldal alapvető elemeit is alkotják.

Alapvető HTML-címkék

Tehát, annak érdekében, hogy részletes tanulmányozza a weboldal elemeit, többet fogunk tanulni az alapvető HTML-címkék lényegéről. Néhányat már fent láttunk - különösen azok, amelyeken a böngésző elolvassa a weboldalak fejlécét, és meghatározza, hogy hol található a dokumentum fő része.

A P. címke kellően elosztva. Ez, mint a hipertext jelölőnyelv más hasonló elemei, lehet felfedezni és zárni. Ez a címke lehetővé teszi a dokumentum külön bekezdését. Például beállíthat egy bizonyos típusú betűtípust vagy színét. Ez azonban további címke használatával történik. Ugyanakkor a bekezdés határain belül helyezkedik el - ez lehetővé teszi, hogy ne terjessze a HTML parancsot, amely tükrözi a kívánt betűtípus típusát, a weboldal más elemeit.

Tagle címkével, táblázatok jönnek létre. A megfelelő attribútumok segítségével meghatározhatja a szükséges számú oszlopokat és sorokat, beállíthatja a szélességüket, a határok részleteit, a szöveg betűkészletének méretét és színét.

Felelős a képek böngészőjének feldolgozásáért. A kép méretét szabályozó különböző attribútumokat is helyezhet, az oldal álláspontját.

A más webes dokumentumokra vagy fájlokra való hivatkozásokat az A címke segítségével határozzák meg. Rendszerként az attribútumok, amelyek azt mutatják, hogy a weboldal struktúrájában hiperhivatkozás. Ez meghatározza a dokumentumot, fájlt vagy webhelyet, amelyhez vezet.

A címkét keretként osztják el. Ezzel megoszthatja a weboldalt több területre - keretekbe. Mindegyikükben különálló webes dokumentumokon lehet. Ez az, hogy a keretek lehetővé teszik, hogy helyesen helyezze el az egyik képernyőn két vagy több oldalt.

Egy történet a weboldalak kulcsfontosságú elemeiről és egy későbbi történetről a HTML nyelv használatával kapcsolatos formázási eszközökről - erről ez lesz az algoritmus a válaszunkra, mi megkérte a vizsgázót. Ha felkeltett nekünk, mondván: "A weboldal alapvető elemeinek felsorolása", akkor a megfelelő módszertant használva minden esélye van arra, hogy felfedje a témát. Ez alatt az „elemek” tudjuk megérteni a legfontosabb elemei a webes dokumentum szerkezetét, vagy a tartalom típusok - szöveget, képeket, táblázatokat, kereteket, linkeket, hogy a webmester generál segítségével egy ilyen eszköz például a HTML nyelvet.

A webfejlesztő eszközök specifikussága

Az említetten túlmenően tisztázhatjuk, hogy a HTML szabványok által előírt címkék és attribútumok hatalmas mennyiségűek. A HTML webfejlesztők mellett használható kiegészítő eszközök Hypertext dokumentumok formázása. Például. javaScript használatával Dinamikus weboldalakat hozhat létre - vagyis azok, amelyekben a tartalom folyamatosan frissül (mind a felhasználó cselekedetein keresztül, mind az algoritmusoknak megfelelően a szkriptekben).

Hasznos lesz arra, hogy a webfejlesztő teljes körű programozási nyelveket használjon, például Perl, PHP, Java, Python, amellyel a hipertext-dokumentumokkal való munkavégzési lehetőségek még szélesebbek. Ennek szükségessége lehet, hogy a webes technológiák alkalmazásai nagyon eltérőek. A modern fejlesztőkkel szemben álló feladatok meglehetősen bonyolultak lehetnek. Például néha szükség van az orosz nyelven írt weboldalak lefordítására angolul. Ebben az esetben a fejlesztő eszközkészlet lesz a legkülönbözőbb.

Weblap elemek

Bármely weblap tartalmaz egy olyan szabványos elemet, amely minden internetes erőforrás kötelező összetevői. Természetesen a tartomány és a hasonló objektumok száma a webhely tematikus orientációjától, a közzétett anyagok mennyiségétől függően, valamint az ezen erőforrások alkotójának céljaitól és feladataitól függően változhat. Az ilyen elemek elrendezése, a kölcsönös helyük tervezése és az internetes mester egyik fő feladata.

A weboldal első eleme, amelyet meg kell fontolnunk, a címe. Mind a szövegben, mind a grafikus változatban végrehajtható, azonban a másik esetben a dokumentum tetején kell elhelyezni. Néha a fejléc kombinálja a cirill kódolási menüt és a gombokat az angol nyelvű változathoz az angol nyelvű verzióhoz, ha ezt a webes erőforrást két nyelven mutatják be. Közvetlenül feliratozza a dokumentumot, szabályként van egy olyan hely, amely egy hirdetési banner befogadására vonatkozik. Beleértve a banneret pontosan a weblap tetején a legtöbb esetben kötelező állapot Helyszíni regisztrációk a Banner Exchange Services-ben - RENDSZEREK A létrehozott erőforrás reklámozásáért A webhely oldalainak megjelenítéséért a Banner Hálózat más résztvevői. Szabványos méret A dokumentum címsorában közzétett bannerek általában 468x60 pont. Ha statikus oldal elrendezési elv használata, a dokumentum fejlécének szélessége körülbelül 640 képpont lesz: ez az érték esedékes, elsősorban annak szükségessége, hogy biztosítsuk a dokumentum megfelelő megjelenítését a monitorok képernyőn megjelenő képernyőn 640x480 pontból, és elkerülje a vízszintes görgetősáv megjelenését, ami megnehezíti azt. Nyilvánvaló, hogy a banner szélessége ebben az esetben szignifikánsan kisebb lesz, mint a fejléc szélessége, így az oldal részéről, ahol egy hirdetési helyet tervez, egy üres hely alakul ki, amely kitölthető a logóban az oldal tulajdonosának vagy hivatkozás egy olyan kiszolgálóra, amely webes tárhelyet valósít meg. Természetesen a logó nem mindig szükséges: Rendszerként csak akkor szerepel a weboldalon, ha a webhely kereskedelmi orientációval rendelkezik.

A dokumentum fő része az úgynevezett szövegmezőt veszi figyelembe - egy telek, ahol az oldal szemantikai kitöltése helyezkedik el: értelmes információk szöveg és illusztrációk. A felsorolt \u200b\u200belemeket a tartalom (angol, tartalom - tartalom) is nevezik. A szövegmező elhelyezkedése elsősorban attól függ, hogy a web-tervező hogyan fogja elhelyezni a dokumentum többi elemét.

A weboldal következő kötelező összetevője navigációs elemek - Hiperhivatkozások csatlakoztatása ez a dokumentum a webhely más szakaszaival. Navigációs elemek készíthetők szöveges karakterláncok formájában, grafikus objektumok, azaz gombok vagy aktív összetevők, például Java applets. Az utóbbi ugyanazok a gombok, amelyek ellentétben hagyományos nővéreikkel, képesek reagálni az egér mozgására, a kurzorral, amikor lebegnek rájuk bármilyen egyszerű cselekvés (a háttérvilágítás bekapcsolása, a préselés hatása formában stb.). Amint azt a webes tervezés alapvető "posztulátumainak" című szakaszában említettem, a navigációs elemeket úgy kell elhelyezni, hogy mindig láthatók legyenek, vagyis az, hogy a felhasználónak ne legyen felszabadítsa az oldalt, Ha a szövegmező számos fizikai képernyőt vesz igénybe, akkor sokáig, hogy hosszú ideig keressen linkeket más szakaszokra. A legelismertebb megközelítés a navigációs elemek elhelyezése az oldal bal szélén.

A dokumentum alján a webhelyfejlesztők és az e-mail cím közzététele, amelyben az erőforrás látogatói küldhet visszajelzést, javaslatokat és kívánságokat a tulajdonosoknak. Ha a weblap egy kiindulási dokumentum alján is tegyen egy látogató számláló - egy kis szkript, amely felhívja a CGI telepítve a szerverre, amely rögzíti minden egyes nyitását a dokumentumot a felhasználó böngészője megváltoztatásával mérő mutató értéke . Ennek köszönhetően a webes varázsló könnyen meghatározhatja a látogatók számát bármikor. Megjegyzem, hogy a látogatói mérő csak az első oldalra kerül, amikor a webhely elérésekor hiányzik, hiányzik más erőforrás-dokumentumokban. Nem ajánlott néhány különböző métert küldeni egy oldalon.

Tehát szétszereljük a weboldal összes fő összetevőjét és azok lehetséges helyét egymáshoz képest.

A gyakorlatban a webhelyek gyakran megtalálhatók, mivel a navigációs elemek a képernyő jobb szélén helyezkednek el. Ebben az esetben a szövegmező balra tolódik, a dokumentum fennmaradó komponensei a kombinációjuk maximális esztétikájának elvén alapulnak.

Amint az az ábrán látható, a jelen esetben a logó egy szintre kerül a dokumentumcímével, és a hirdetési banner az oldal középpontjához viszonyítva van. Ezzel a megközelítéssel javasoljuk, hogy ellenálljon a fejléc, a logó és a mezők ábrázolásának grafikai kialakításának egyetlen színben és művészi stílusban történő elhelyezésére - akkor ezekben az objektumok helyzetének aszimmetriája nem lesz olyan nyilvánvaló, és nem vágja le a szemet a támogatóknak Szigorú, asztali esztétikai tervezéssel.

A navigációs elemek nemcsak az oldal jobb és bal oldali határai közelében helyezhetők el, hanem a dokumentum tetején is. Az ilyen elrendezési lehetőség a legmegfelelőbb, véleményem szerint, a hazai oldalak létrehozásakor: Ebben az esetben az összes oldal objektum harmonikusan illeszkedik a megadott szélességbe láthatatlan asztalUgyanakkor a táblázat előkészítése nagymértékben egyszerűsíthető. Ennek a megközelítésnek az egyetlen hátránya, hogy a dokumentum alján lévő navigációs elemek megismétlésének szükségességét kell másolni, mivel az oldal függőleges görgetés, eltűnnek a képernyő felső határa, és eljutni, a felhasználónak kell A képernyő visszahúzza a képernyőt, amit látni, meglehetősen kényelmetlen.

Természetesen minden, amit ebben a szakaszban mondtak, nem csodaszer, hanem a cselekvésre való vezetés. Csak azt próbálom mondani Általános elvekAmelyeket a webhely szerkezetének kialakításakor használják, a végső megoldás mindig az internetmester számára marad. Végső soron, milyen formatervezéssel nem indított el a jövőbeni projektünket, a munkák eredménye továbbra is helyes lesz: nincsenek cenzúra az interneten, nincsenek olyan szabályok, amelyek a webhely alkotóját azokban vagy más merev keretekben hajtják végre. Egy olyan tervező megoldás példája, amely nem tartozik a fent meghatározott kategóriák bármelyikébe, az úgynevezett vegyes elrendezésként szolgálhat

Amint az az ábrán látható, ebben a példában a kontrollelemek egy része közvetlenül az oldal címére épül - a gombról beszélünk az oldal orosz és angol nyelvű verziói között, valamint a navigációs gombok között: Ez lehet az erőforrás-alkotók e-mail címére, az alsó dokumentumban ismétlődő e-mail címére, és hivatkozás az egyik tematikus szakaszra, például egy híroldalra. A navigációs elemek fő egysége a dokumentum bal oldali korlátjához viszonyítva van elhelyezve, azonban a cirill kódolási menü közvetlenül az oldal tetején található hirdetési banner alatt található. A szövegmező két aszimmetrikus oszlopra oszlik, és a tematikus oszlopok erőforrásának rövid bejelentései, beleértve a részekre vonatkozó hivatkozásokat is, jobbra kerülnek.

Nyilvánvaló, hogy a weboldal vegyes elrendezése változatai nagyszerűek lehetnek: a specifikus megoldások függenek a partíciós erőforrás-komponensek számától, a webhelyre készített szöveg mennyisége, és végül a tervező fantáziájából. Csak fontos, hogy a webhely megjelenése ne merüljön fel panaszokat a látogatóktól. Végül, csak akkor, mint egy fejlesztő, te és senki másnak joga van megmutatni az összes képességét és tehetségeit, és összeállíthatja az oldalt saját ízlésére. Az alkotók a néhány hazai pénztárcák, nem kínozza kétségek, helyezze a látogató számláló a jobb felső sarokban a dokumentum, az oldal neve van írva egy kis pörkölés font, és azt közzéteszi alatt egy reklám banner, és valamilyen oknál fogva a navigációs elemek Váratlanul észlelte a szövegblokk közepén, egy történet a magáról és fényképéről a Project szerzőjének szeretett kutyájáról. Az íz és a szín, ahogy azt mondják, nincs elvtársak. De személyesen ez a betegség úgy tűnik, hogy gyógyíthatatlan.

Mindannyian hatalmas számú cikket olvasunk a kulcsszavak kiválasztásában, és helyesen írja be őket egy listából, mivel az egyes keresési lekérdezésekhez releváns webhelyet a kulcsszavak felhasználásával teszi lehetővé. Tekintsük fontolóra a kulcsszavak tárolásának kérdését a weboldalak részletesebben.

A weboldalon lévő kulcsszavak hol és hogyan kell elhelyezni a SEO cég sikerétől vagy kudarcától.

Minden weblapon 5 elem van, ahol kulcsszavakat kell elhelyezni:

1. Oldal címe (címcímke)
2. Kulcsszavak oldalak (meta tag kulcsszavak)
3. Oldalleírás (meta címke leírása)
4. Alternatív szöveg képekhez (Alt Tag)
5. Weblap tartalom (testcímke)

A weboldal összes fenti elemei közül az oldal tartalma a legfontosabb (5. bekezdés). Többet erről tovább.

Most, vajon ez a lista rendben van.

1. elem. Oldal címe (címcímke)

Először vegye figyelembe a címoldalt (címcímke). Ez az elem az első és legfontosabb az összes többi elemből a weblap fejblokkjában.

Weblap cím Az internetes böngésző felső sorában nézhet. Annak érdekében, hogy megbizonyosodjon arról, hogy bármilyen böngészőt indítson például, Internet böngésző., Opera vagy Mozilla Firefox., Menjen bármely webhelyre, és hasonlítsa össze a címcímke tartalmát a felső sorban ezeken a böngészőkkel. A keresőmotorok ezt a címkét saját célokra használják - az alanyok webhelyéről és definícióiról szóló információk beszedése, valamint a keresési eredmények (SERP) eredményeiben a weboldal neve.

Emlékezik! Weblap fejléc az ő rövid leírás.

A fenti tartalom mellett a címcímkét weboldal nevként használják, amikor hozzáadja az internetes böngészőt.

2. elem. Kulcsszavak oldalak (meta tag kulcsszavak)

Most beszéljünk a Meta címkékről Kulcsszavak és leírásról. Néhány évvel ezelőtt meta tag kulcsszavakat használtunk a webhely hozzáadásakor a keresőmotor indexhez. De ezek az idők elhaladtak. Most a keresőmotorok egyszerűen figyelmen kívül hagyják ezt a címkét, mert A "piszkos" célokra való használatát. Egyes keresőmotorok figyelmet fordítanak erre a címkére, hogy meghatározzák a webhely tárgyát.

Mindezekből következik, hogy ez a címke nem szükséges, de kizárólag közvetlen találkozón használhatja.

A kulcsszavakat vesszővel kell elválasztani. A lista elején helyezze el a legfontosabb kulcsszavakat, tovább csökken a fontosságukra. A keresőmotorok megszűntek, hogy figyelmet fordítsák a nyilvántartásba, amelyben kulcsszavakat szereznek, így most minden kulcsszó kinyomtatható a kisbetűs.

3. elem. Oldalleírás (meta címke leírása)

Meta címke leírása - A webhely másik eleme, amelyben kulcsszavakat kell elhelyezni. A keresőmotorok megtekintése a kulcsszavak jelenlétére, és hasonlítsa össze a tartalmát a webhely tartalmával (a testcímke tartalma). Nagyon fontos körülmény az, hogy a keresőmotorok a leíráscímke tartalmát a weboldal leírásaként használják a keresési eredmények eredményeiben (SERP).

Ez a címke tartalmaznia kell a weboldal rövid leírását, de legfeljebb 50 szót.

4. elem. Alternatív szöveg képekhez (Alt Tag)

Az Alt címkék a tartalom szöveges leírása, azaz Ha valamilyen oknál fogva a kép nincs betöltve, és ez a kép alt szöveg, akkor a kép helyett ez a szöveg jelenik meg.

Ha a kép betöltődik, és a kép ALT szövege is van, akkor láthatjuk, ha az egérmutatót a képre mozgatja. Az Alt-címkéket azoknak az internetezőknek használják, akik bármilyen okból a grafika nem jelenik meg.

Sok keresőmotor index a címke tartalmát, lehet kulcsszavak. Csak ne felejtsük el, hogy az Alt szövegnek meg kell felelnie a képnek, írja le, írja le szöveges egyenértékét. Ne használja az ALT-címkét a képek megjelölésével kapcsolatban, mint például az elosztó vonalak, jelölők ...

Az 5. elem száma. Weblap tartalom (testcímke)

Tehát végül eljutottunk a webhely legalapvetőbb eleméhez - a testcímke, az elem, amely tartalma a leginkább érdekli az internethasználók. A fő keresőmotorok már nem adnak meg 1 sort a keresési eredmények eredményeiben (SERP) csak azért, mert több kulcsszó ismétlés jelenléte a webhely oldalán. Egy adott keresési lekérdezésben csak a legfontosabb weboldal lesz.

Ennek eléréséhez a kiválasztott kulcsszavakat a weboldalak kódjában kell végrehajtania, megfigyelve az ismétlés gyakoriságát. A következőképpen járjon el: Minden egyes oldal esetében válassza ki az 1-2 kulcsszavakat, és optimalizálja a megfelelő oldalt.

Képzeld el, hogy előkészíti az új webhely vagy termék bemutatását. Ezután például a PowerPoint prezentációjának csúszdái - bekezdések. Rövidnek és világosnak kell lenniük. Csakúgy, mint a PowerPoint prezentációban, a listák felsorolhatók a webhely vagy a termék előnyeinek felsorolásához, minden alkalommal, amikor a kiválasztott kulcsszavakat hangsúlyozzák.

Végezze el a kiválasztott kulcsszavakat a fent felsorolt \u200b\u200b5 elemben, és javítja az aktuális pozícióit és eredményeit.

HTML nyelv

A weboldalak bármilyen formátumban létezhetnek, de a Hyper Text Markup Language szabványos hipertext-jelölési nyelvként fogadható el, amelyet formázott szöveg létrehozására terveztek, képekkel, hangokkal, animációval, videoklipekkel és hipertext-kapcsolatokkal telített módon, amelyek a web- hely és ugyanazon a kiszolgálón található, vagy a létezés része Ugyanaz a webes projekt.

A HTML nyelv ismerete nélkül dolgozhat, mivel a HTML-szövegek különböző speciális szerkesztők és átalakítók által létrehozhatók. De közvetlenül a HTML-hez való írás nem nehéz. Lehet, hogy könnyebb lehet, mint egy HTML-szerkesztő vagy átalakító tanulmányozása, amelyek gyakran korlátozottak a képességeikben, hibákat tartalmaznak, vagy rossz HTML-kódot töltenek, amely nem működik különböző platformokon.

A HTML nyelv számos lehetőségben létezik, és továbbra is fejlődik, de a HTML-terveket valószínűleg a jövőben fogják használni. A HTML tanulmányozása és anélkül tudva, hogy mélyebben létrehoz egy dokumentumot az elején hTML tanulás és bővíteni, amennyire csak lehetséges, képesek vagyunk olyan weboldalakat létrehozni, amelyek sokan megtekinthetők web böngészőkMost és a jövőben. Ez nem zárja ki annak lehetőségét, hogy más módszerek, például a fejlett funkciók módját, amelyet a Netscape Navigator, az Internet Explorer vagy néhány más program biztosít.

A HTML-munka olyan módja annak, hogy a dokumentumok létrehozásának jellemzőit a szabványosított nyelven csak akkor, ha valóban szükséges.

A HTML-t a World Wide Web Consortium ratifikálta. Számos széles körű böngésző támogatja, és szinte az internethez kapcsolódó teljes szoftver alapja lehet.

A weboldal létrehozásának alapelvei, a weboldal alapvető elemei

A weboldalak létrehozásához speciális HTML nyelvet használ (Hypertext Markup Language - Hypertext jelölés nyelv). Ez a nyelv meghatározza a címkék nevű speciális parancsok készletét, és a weblap egyes elemeinek formázása vagy hozzárendelése. A weboldalakon speciális címkéket használnak grafikus képek, Audió és videoklipek és más úgynevezett beágyazott tárgyak.

A weboldalak rendesek szöveges fájloklétrehozott egy szabványos jegyzettömb vagy hasonló egyszerű szövegszerkesztőben. És tartalmazzák a szöveget, ugyanazt a szöveget, amelyet csak az oldalakra szeretne helyezni, csak különleges módon helyezkedik el. Annak érdekében, hogy a különböző webböngészők helyesen jelenítsenek meg ugyanazt a weboldalt, a HTML nyelvet szabványosítani kell.

A gyakorlatban a HTML szabványnak nagy hatással van a leghíresebb böngészők által javasolt és támogatott címkék jelenlétére, mint például Microsoft Internet Explorer és Google Chrom. Ezek a címkék B. ebben a pillanatban A jelenlegi HTML specifikáció beírása és nem része.

Vannak szerkesztési eszközök kifejezetten a HTML írására. Lehetővé teszik, hogy időt takarítson meg, mivel kulcsokat tartalmaznak gyors hozzáférés Az ismétlődő műveletek elvégzése, például a dokumentumok, táblázatok kezdeti telepítéseinek beállítása vagy egyszerűen alkalmazása a szöveghez. HTML szerkesztők Ezek eltérnek a szerző WYSIWYG TOOLKIT-jétől, mert manuálisan megkövetelik a HTML-összeállítási szabályok ismeretét, a szerkesztők csak egyszerűsítik és gyorsítják ezt a folyamatot. Továbbá hTML-címkék, A szabványosított wwwc (standard címkék), a webböngészők több nem szabványos címkét támogatnak. Ezeket a címkéket egy webböngészőprogram fejlesztői adták meg, hogy előnyhöz juttassa a versenytársak számára. Remélték, hogy ezek a márkás bővítések később belépnek a HTML szabványba, de ezek a remények nem voltak igazak. Azonban a címkék maradtak, és még mindig támogatottak.

A weboldalak létrehozásához bármilyen böngészőre van szüksége - Internet Explorer vagy Google Chrome Mozilla Firefox, és jobb, mivel sok HTML elem különböző módon különbözik. különböző programok megtekintés és nagyon kívánatos ennek a különbségnek.

Ezenkívül bármilyen szövegszerkesztőre van szüksége, például a hTML képzés - Fájlok és böngésző - megtekinteni és ellenőrizni.

A weboldal létrehozásához az első dolog létrehozza a webhely struktúráját. A webhely olyan kiszolgáló, amely egyedi névvel és állandó címmel rendelkezik, amely fizikailag kapcsolódik a WWW-hez, vagy gyakorlatilag egy másik, nagyobb kiszolgálón.

A webhelyszerkezet létrehozása után szöveg szerkesztő Szó, hozza létre Új dokumentum És mentse el weboldalként, további kezdet létrehozása weboldal. A munkánk könnyebbé és jobbá teszi. Ban, meghatározzuk a weboldal létrehozásának időzítését, a hibakeresést, annak alanyát, valamint töltését.

Számos egyszerű szabály létezik, amelyek lehetővé teszik a webhely felületének megértését a látogató által [№10].

1. A helyszínen nem lehet haszontalan információ, a betűtípust könnyen olvasni kell. A grafikus elemeknek világosnak, kifejezőnek és gyorsan betöltőnek kell lenniük.

2. Az emberi szem felülvizsgálja a webhely oldalait felülről lefelé. A legnagyobb figyelem az oldal bal felső részére koncentrál. Ezért a webhely oldalán, mint általában, a leginkább fontos információ: Cégnév, logó, webhelynév stb.

3. A webhely látogatójának könnyen meg kell találnia az Ön által érdekelt információkat, és átfogó információkat kaphat (leírás szöveg formájában plusz több fotó).

4. A tájékoztatást csoportok szerint kell elosztani. Lehetőség van arra, hogy biztosítsák az áruk keresését a cím és a leírások tekintetében.

5. A webhelyen információs szakaszoknak kell lennie:

adatok a Társaságról (tevékenység, cím, cím, lépjen kapcsolatba a telefonszámokkal stb.);

A weboldalak fő elemei:

1. Cím / Logo (CAP)

3. Tartalom / tartalom (szövegmező)

4. Navigációs elemek

5. Információ a webhelyfejlesztőkről

Bármely weblap tartalmaz egy olyan szabványos elemet, amely minden internetes erőforrás kötelező összetevői.

A weboldal első eleme, amelyet meg kell fontolnunk, a címe. A webhely logója vagy címe ugyanolyan szerepet játszik, mint a jelzőtáblát bármely intézmény bejáratánál. Egy másik dolog az internet: Itt a mozgás fő módja a teleportáció, ezért minden oldalon meg kell látnom ezt a "jelzőtáblát".

A dokumentum fő része az úgynevezett szövegmezőt veszi figyelembe - egy telek, ahol az oldal szemantikai kitöltése helyezkedik el: értelmes információk szöveg és illusztrációk.

A felsorolt \u200b\u200belemeket "tartalomnak" nevezik (angolul, tartalomtartalomtól). A szövegmező elhelyezkedése elsősorban attól függ, hogy a web-tervező hogyan fogja elhelyezni a dokumentum többi elemét.

1. ábra: Minta tartalomhely

A weboldal következő kötelező alkatrész része a navigációs elemek - hiperhivatkozások, amelyek ezt a dokumentumot a webhely más szakaszaival összekapcsolják. Navigációs elemek anyaga lehet formájában szöveges karakterláncok grafikus objektumok, azaz a gombok vagy aktív összetevők, mint például a Java alkalmazásokat.

A dokumentum alján a webhelyfejlesztők és az e-mail cím közzététele, amelyben az erőforrás látogatói küldhet visszajelzést, javaslatokat és kívánságokat a tulajdonosoknak. (2. ábra)

2. ábra: Kapcsolatfelvételi adatok

Mielőtt elkezdené létrehozni webhelyét, akkor nagyon felelős lesz az oldalak elrendezésének problémájáért. Általánosságban elmondható, hogy a weboldal oldalra, navigációra és kapcsolódó információkra van osztva. Ezek az elemek viszont kisebb elemekre vannak osztva.

Ennek eredményeképpen a webhely kialakításához szükséges intézkedések sorozata a következő egyszerű algoritmusra kerül:

1. A célok kimutatása és az alapvető feladatok meghatározása.

2. A jövőbeli tematikus részek listájának létrehozása.

3. Az erőforrás logikai és fizikai struktúrájának fejlesztése.

4. Tervezési vázlat, helyszíni elrendezések, láthatatlan verstal asztal előkészítése.

5. Szöveges anyagok készítése.

6. Grafikus anyagok készítése vektoros formában.

7. Vektoros rajzok exportálása raszteres formátumba.

8. Az összes kép optimalizálása.

9. Weboldalak sablonok létrehozása.

10. Hozzon létre weboldalakat és hibakeresési kódot.

11. A weboldalak megjelenítésének ellenőrzése különböző képernyőfelbontású és színes palettával és különböző böngészőkkel.

Webes tervezési alapok

Webes tervezési alapok

Az internet fejlődésének története. Az internet megjelenése Fehéroroszországban. Web design. A megjelenés története. A WCC szabványoknak megfelelő helyszíni tervezési követelmények. Fő böngészők. Helyszíni struktúra, szerszámok és címkék.

Internet ( angol Internet, összekapcsolt hálózatok - Egyesült hálózatok) - óriás számítógép hálózategy kisebb, egymáshoz kapcsolódó sokaságból áll, és az egész gömböt lefedve.

Az internet története a múlt század közepén kezdődött: in 1957. Az Egyesült Államokban létrehozták az ígéretes fejlesztések (ARPA), amely katonai fejleményekkel foglalkozott.

1989-ben Tim Berners-Lee létrehozott HTML nyelvet.

1961-ben. Az Egyesült Államok Védelmi Minisztériumának prospektív kutatásának és fejlesztésének kezelése (DARPA - Védelmi fejlett kutatás Agensy) az Egyesült Államok Védelmi Minisztériumának feladata, hogy kísérleti csomagszállító hálózatot hozzon létre. Ez a hálózat hívott Arpanet.Eredetileg a különböző típusú számítógépek közötti megbízható kommunikáció biztosítására szolgáló módszereket vizsgálták.

Januárban 1969 Néhány percig négy percig az Egyesült Államok különböző végein lévő négy számítógép rendszerét elindították. Egy alacsony sebességű kapcsoló telefonvonal mentén történt.

BAN BEN 1973 Az év az Arpanet-en keresztül az első alkalommal, a különböző országok számítógépei "kommunikálva". A hálózat nemzetközi lett.

A hálózatfejlesztés gyorsan ment. 1987-ben a házigazdák száma meghaladta a 10 000-et. 1988-ban Kanada, Izland, Dánia, Norvégia, Franciaország, Finnország és Svédország kapcsolódott az NSFNET-hez. 1989-ben a házigazdák száma meghaladta a 100 000-et. A hálózat összekapcsolta az Egyesült Királyságot, Japán, Németország, Ausztria, Izrael, Olaszország, Mexikó, Új-Zéland, Hollandia a hálózathoz. Oroszország 1990-ben csatlakozik a hálózathoz. Fehéroroszország a 90-es évek elején is.

A csatlakoztatott felhasználók száma évente gyors ütemben nőtt. 1995-ben. A hálózat a legnagyobb, dinamikus és megfizethető tömegkommunikációsá vált.

Web design. A megjelenés története.

Web design (ENG. WEB DESIGN) - Ez a weboldalak vizuális tervezése. Ugyanolyan szerepet játszik a webhelyen, mint nyomtatási tervezés és elrendezés a papír kiadásához. Gyakran a "web design" webfejlesztésnek nevezik: tervezési felület (a webhely grafikus és szöveges tartalma), tervezési struktúra, navigáció és webhely motor (kiválasztott rész) szoftverkód Egy adott alkalmazott feladat megvalósításához).

Jelenleg a "webes design" kifejezés megérti az internetes erőforrás szerkezetének, ideológiai integritásának kialakítását, biztosítva az internetes erőforrás használatának kényelmét a felhasználók számára. A weboldalak fontos részének megtervezése a W3C szabványoknak való megfelelésük (ENG. World Web Web Consorcium, World Web Web Consorcium - olyan szervezet, amely a világhálós webes technológiai szabványokat fejleszti és végrehajtja), amely biztosítja a helyszínek elérhetőségét az emberek számára korlátozott fizikai lehetőségek, valamint hordozható eszközök felhasználói számára.

A közvetlenül tervezési helyszínek mellett a szomszédos marketing az interneten (Internet Marketing), azaz a létrehozott erőforrás előmozdítása és reklámozása, keresőoptimalizáció

Web-design, bár egy grafikus komponensen alapul, még mindig jelentősen eltér a nyomtatás kialakításából. Ez elsősorban a weboldal vizuális képének dinamikus és interaktivitásának köszönhető.

Szinte minden weboldal van hiperhivatkozások, navigációs menü és egyéb elemek, amelyek közötti átmeneteket információs egységek. Interaktív adatok (vagyis azok, akik valamilyen cselekvést igényelnek, és válaszolnak nekik) elemek és megkülönböztetni az elektronikus interfészeket a szokásos könyv, folyóirat vagy újság.

A weboldal tervezésénél ezek az elemek kulcsfontosságúak. Az oldalak, a webhely és a navigációs útvonalak logikai szerkezete a webes tervezés és a használhatóságon alapul

Yuzabilitás (Angol. Használhatóság - szó szerint "könnyű használat", "Alkalmazhatóság") - alkalmazva számítástechnikus A kifejezés használhatósága a felhasználó által definiált szoftver interfészek fejlesztésének koncepciója, a felhasználó maximális pszichológiai és esztétikai kényelméhez.

Helyszíni tervezési követelmények a W3C szabványoknak megfelelően

A webhely kialakítása kényelmesnek kell lennie , világosan megjelenik bármely böngészőben. A webhelynek olyan eredeti grafikai kialakítással kell rendelkeznie, amely biztosítja a megfelelő funkcionalitást.

A webhelynek kényelmet és teljességet kell biztosítania a navigációs elemekről.

Az alapinformációk, a menük és más navigációs elemeknek teljesen vízszintes görgetés nélkül kell rendelkezésre állniuk nyitott ablak Böngésző a 1024x768 pont felbontásakor.

Tervezés (információs blokkok helye, vizuális tervezés) A főoldal eltérhet a tipikus oldalak kialakításától, miközben megőrzi a webhely stílusegységét.

A gyönyörű grafikus tárgyak jelenléte, kis, de stílusos grafikus elemek (piktogramok, vizuális) használata a webhely oldalainak kialakításában.

Az animációs elemek kis bevonása üdvözlendő.

A webhely kialakítása "egyszerűnek" kell lennie a grafikus elemek térfogatában, és lehető legnagyobb mértékben biztosítja az oldaloldalak sebességét.

Győződjön meg arról, hogy könnyen azonosítja a partíciót és az alfejezetet, amelyben a felhasználó található.

Helyes megjeleníteni az információkat az előre telepített flash bővítmények nélkül, a letiltott script, a grafika, a stílus sablonok nélkül.

A tervezésnek biztosítania kell a webhely struktúrájának kialakításának lehetőségét az új szakaszok és alfejezetek összetételére való fejlesztése és beillesztése révén.

Webböngésző vagy böngésző.

Jelenleg minden felhasználó úgy dönt, hogy "az ő" böngészője. A legnépszerűbb az opera és a Firefox. Számukra az Internet Explorer (IE).

Webböngésző vagy böngésző (angolul. Böngésző.) - ez szoftver A weboldalak kereséséhez, azaz weboldalak (főként a hálózatból) kérésére, az egyik oldalról a másikra történő feldolgozásához, visszavonásához és átmenethez.

A Cross-Browser webhely professzionális és kompetens helyszín, a lehető legegyszerűbb a különböző böngészők megtekintésekor. A webhelynek helyes adatokat kell megadnia a következő böngészőkben:

Internet Explorer (5.5 és újabb verzió):

Opera (7.0-es és újabb verzió);

Mozilla Firefox (1.0 és újabb verzió).

A monitorok fő színmódja, amelyen a webhelyet helyesen kell megtekinteni - 15 színes kibocsátás és felett (a színek száma 65536 és magasabb).

A webes projektszerkezet fejlesztése

A projekt általános koncepciója szerint a webes projekt célkitűzéseit meghatározzák és feladatokat, nevezetesen:

§ Adatszerkezet, az adatbázis táblázatok közötti kapcsolatok meghatározása, adatátviteli struktúrák külső forrásokból;

§ Az adat-automatizálási szint meghatározása, az adatkezelési struktúra fejlesztése;

§ Az űrlapok specifikációja és a megjelenésük szerinti eljárás;

§ Szerkezet felhasználói felület: menüelemek és navigációs elemek szükséges fészkelési szintek;

§ A projekt tervezési vázlatainak fejlesztése (az opciók száma előre jóváhagyásra kerül).

Fejlődés.

§ Design: Művészeti és műszaki megoldás. Eredeti helyszíni stílus létrehozása: Színes megoldás, Design elemek, bannerek, grafikus elemek gyártása;

§ Programozás: szoftver elemek létrehozása;

§ Navigációs megvalósítás a jóváhagyott projektmodell keretében;

§ Alapvető információk tartalma;

HTML Hypertext jelölés nyelv

• (Az angolul. Hypertext jelelnyelv - "Hypertext jelölés nyelv") - Ez egy szabványos címkézési nyelv a dokumentumokhoz Világháló. Minden weboldalt HTML (vagy XHTML) segítségével hoznak létre. A HTML nyelvet egy böngésző értelmezi, és egy személy számára kényelmes dokumentum formájában jelenik meg.
• Az XML-vel együtt a HTML-t általában "szövegjelző nyelveknek" minősítik. Valójában ez a két nyelv szerepe, mint például a formátum maga az úgynevezett "csak szöveg" ("sima szöveg") messze meghaladja a feldolgozást szöveges információk.
• A számítógépes nyelv tanulmányozása ismerőseivel kezdődik a főszerelőblokkok - operátorok, kifejezések, változók. Ebből a szempontból a HTML nyelv rendkívül egyszerűen nem mondható - primitív: A hétköznapi szöveg mellett a HTML fájl csak egy típusú vezérlési terveket tartalmaz, az úgynevezett címkék (címkék).

Szavak a foglyok szögletes zárójelben "<” и “>"Hitel HTML - leírók vagy HTML címkék.

A weblap alapvető összetevői

Fő navigációs oldal panel (menü). Alternatív menü és duplikációs főmenü. Linkek, linkek típusai és végrehajtása. A webhely kialakításának fő elemei. Elrendezési oldal oldal. Színes oldat. Optimalizálás webes grafika, képkészítés weboldalra. A képekkel való munka alapelvei.

Fő navigációs oldal panel (menü). A navigációs panel a helyén, amely hivatkozásokat tartalmaz a fő részei a hely (és talán az alfejezetek a jelenlegi szakasz) kell, hogy legyen minden oldalon az oldalon, és nem kell megváltoztatni a helyét, amely nem tekinthető Legyen a használhatóság normáinak legsúlyosabb megsértése.

Általánosan elfogadott két lehetőség a navigációs panel elhelyezéséhez: függőlegesen a bal oldali oszlopban vagy az oldal láblécében lévő sorban. Gyakran megtalálja ezeket a módszereket, ha a bal oldali oszlopot és a felső karakterláncot a navigációs panel megszervezéséhez használják. Ugyanakkor B. felső sztringRendszerként a legfontosabb hivatkozásokat a fejlesztő véleménye szerint a szakaszok elhelyezik.

Több főmenüpont is megismételhető alternatív menü. Ha a fő vízszintes az akkor függőleges, vagy fordítva.

Normái szerint a használhatóság, soha és semmilyen esetben nem tud a menü kapcsolatok - linkek, letölthető fájlokat, például az ár. Mindaz, ami nem vezet a szabványos oldalakhoz - meg kell előznie a felirat: "Letöltés".

Az aktív szakasz a menüben (az oldalon, amelyen a felhasználó található) kell felosztani, kifejezetten eltérő egyéb tárgyak, mint például a szín.

A látogatott részeket más színre kell osztani, hogy a látogató látható legyen, ahol ő volt, és ahol nincs.

Link a főoldalra. Nagyon kívánatos, hogy link legyen a főoldalra a webhely minden oldalán. Az általánosan elfogadott szabály volt a használata a site logo hivatkozva a főoldalon vagy ikon formájában egy ház.

Elérhetőség Üdvözöljük duplikált főmenüa lap alján.

A webhely kialakításának fő elemei.

Tervezés - Ez a kialakítás a dolgok, autók, belső elvei alapján ötvözi a kényelem, a hatékonyság és a szépség.

Grafika - művészeti kép a tárgyak kontúrvonalakkal és stroke-val, festék nélkül (néha - színes foltokkal) (Ozhegov szótár).

A grafikai tervek fő ötlete az esztétikai elvek és a funkcionális feladatok egy kialakítására szolgál. Az egyik vagy másik projekt sikere nagyrészt a megfelelésről függ belső elvekamelyet a grafikai tervezés során szakember vezet.

A webdesign fő feladata egy kényelmes légkör kialakítása, amely a weboldal oldalairól szóló információkat asszimilálja.

Univerzális megoldás a weboldalak kialakításának kialakításában nem létezik. Teljesen eltérő lehetőségek a webes tervezéshez, amely magában foglalja a következő elemek fejlesztését:

Az oldal weboldalainak elrendezése;

Grafika.

Elrendezési oldal oldal.

A weboldal ténylegesen olyan négyszögletes blokkok készletének tekinthető, amelyeket egy bizonyos sorrendben helyeznek el. Ebben az esetben szabályként az adatok az oszlopokban találhatók, így amikor az elrendezést az egy-, két-, háromoszlopos elrendezés kifejezés használjuk.

A webhely helyszíni elrendezése a felhasználói böngésző szélességétől függően automatikus oldalsó skálázást kell biztosítania. A böngésző munkaterületének minimális mérete (szélessége), amelyben szükség van egy teljes körű oldalkijelzésre (vízszintes görgetősáv nélkül), 1024 képpont.

Színes oldat.

Színes az egyik legmegfelelőbb webes design elem. A szín hangsúlyozhatja a kontextust, és lehet, és nyomja meg. A webhely sikere nagyrészt a kiválasztott színsémában függ. A használhatóság és a webdesign kutatói Megjegyezzük, hogy az információs internetes erőforrás első benyomása színes kompozíción alapul, és a felhasználó memóriájában tárolja, és nem az információs tartalom.

Hatékony kialakítás létrehozásához a színes megoldások kiválasztására kivetett követelményeket kell figyelembe venni:

A fényerő, a hang és a színtelítettségnek meg kell felelnie a cég márkás stílusának;

A szín kiválasztása az erőforrás közönségének figyelembevételével történik;

A lehető legkevésbé használt alapszínek száma nem haladhatja meg a háromat;

A helyszínen használt színeknek kölcsönhatásba léphetnek és összehangolják egymást;

A szín használata felelősnek kell lennie a logika elemi szabályaiért;

Külön elem az, hogy kiemelje a szöveg színek kiválasztását. Az oldal hátterét és szövegét kontrasztos színekkel kell díszíteni. A legjobb érthetőség biztosítja a fekete karakterek fehér alapon. A szöveget nem szabad egyesíteni a háttérrel, és a címsor elveszett.

Szükséges, hogy a szín-döntés megfeleljen a bejelentő anyag, tartalmának, a webhely közönségének.

Optimalizálás webes grafika, képkészítés weboldalra. A képekkel való munka alapelvei.

A grafika használata indokoltnak kell lennie, a grafikanak egyértelműen meg kell felelnie a webhely tartalmának. A grafika és animáció túlkínálata elvonja a fő tartalmát, megváltoztatja a helyszíni látogatók figyelmét, megnehezíti az oldal betöltését.

A webhelyet gyorsan le kell tölteni, és a grafikonot a weboldalak fő mennyisége foglalja el. Egy kép kilobájtban több tíz alkalommal kerül sor, mint az A4 szöveg szövege. A grafikát optimalizálni kell! Használja az ismétlődő képeket, mivel a számítógép ideiglenes mappákban a letöltött fájlokat mentse el az időt. Az ismételt kép a webhely "kalapjaként szolgálhat az összes oldalán.

Ha nagy képeket kell elhelyeznie - meg tudod csinálni, hogy az új böngészőablak további kattintással megnyíljanak. De alapértelmezés szerint a webhelynek egyszerűnek kell lennie.

Az átlagos oldal betöltési ideje nem haladhatja meg a 30 másodpercet 28,8 kbps csatlakozási sebesség mellett. Megengedhető, hogy növelje a letöltési időt egyedi oldalak Legfeljebb 35 másodperc, de legfeljebb 30% -a a webhely oldalainak száma. Főoldal. Letöltési ideje legfeljebb 40 másodpercig kell lennie

A honlap JPG, GIF és PNG formátumok grafikus fájljait használhatja. GIF-speciális hálózati formátum: Kis fájlméretű, a sima megnyilvánulás és animáció lehetősége, valamint az átlátszó hatás, amely lehetővé teszi, hogy a képet "háttérképként" használja az oldalon vagy a táblázatokban. Hanem azért, mert A GIF 256 színes palettát tartalmaz, hatástalan a fotók tárolására. A JPG ellenkezője nincs korlátozása a színmélységben, hanem az animáció lehetősége is. Új formátum A fájlok támogatása és a mélység és az átláthatóság -png hátránya, hogy a régi böngészők nem látják. Ezért, ha nem veszi figyelembe az elavult programokkal rendelkező felhasználókat, a Pingie beilleszthető az oldaladon. A rajz rajzolásához az oldalra le kell írnia a kapcsolatot:

ahol src (a s.ou. rce-forrás) \u003d képfájl GIF-ben, JPG vagy PNG formátumban, amely képet tartalmaz.
Beállíthatja az ábra és a szöveg kölcsönös elrendezését az Align \u003d "attribútum bekapcsolásához:

A következő illesztési típusok lehetségesek:
Align \u003d "Közép" - a vonal közepéhez képest
Align \u003d "Bal" -Text erősíti a jobb oldali képet
Align \u003d "Jobb" - ugyanaz maradt

A bal vagy jobb igazítás használatakor engedélyezheti az IMG-címkét további paraméter Indulás a kép körül, hogy a kép ne nyomja meg a szövegét. A VSpace \u003d "n" paraméter - "N" - létrehoz egy függőleges függőleges és hspace \u003d "n" - vízszintesen az N pixelen. Így a helyesen írott címke képeket egy folyó jobb szöveggel fog kinézni:

Szöveg.

A határ utolsó paraméterszélessége. Ha jelentése nélkül jelen van, és egyszerűen egy szóhatár formájában, a járdaszövetést egy böngésző vonja le saját kérésére, és ha a példa szerint az érték a szélességét jelzi. Ennek a paraméternek nulla értékét használják, ha a fájl grafikus hiperhivatkozásként szolgál, az álruhában.

Hasonló információk.