Vilka är huvuddelarna på en webbsida. Grundläggande delar av webbsidor. HTML-språkstruktur: taggar

Varje webbsida innehåller en viss uppsättning standardelement som är obligatoriska komponenter för varje resurs Internetnätverk. Layouten av sådana element, designa deras relativa position är en av webbmasterns huvuduppgifter.

Den första delen av en webbsida är dess rubrik. Den kan göras i både text- och grafisk version, men i båda fallen bör den placeras överst i dokumentet. Ibland kombinerat med titeln Valmeny för kyrillisk kodning Och knappar för att byta från ryska till engelska versionen av webbplatsen om den givna webbresursen presenteras på två språk.

Direkt under dokumentets underrubrik är som regel det utrymme som avsatts för placering reklam banner. Införandet av en banner i den övre delen av webbsidan är i de flesta fall en förutsättning för att registrera webbplatsen i bannerbytestjänster - system som annonserar resursen du skapade i utbyte mot att visa annonser från andra medlemmar av bannerbytesnätverket på din webbplatssidor.

Huvuddelen av dokumentet upptas av den sk textfält- området där det semantiska innehållet på sidan finns: meningsfullt informationstext och illustrationer. De listade elementen kallas också för "innehåll" (från engelska, innehåll - innehåll). Placeringen av textfältet beror i första hand på hur webbdesignern kommer att placera resten av dokumentelementen.

Nästa obligatoriska komponent på webbsidan är navigationselement- hyperlänkar som länkar det här dokumentet med andra delar av webbplatsen. Navigeringselement kan göras i form av textrader, grafiska objekt, det vill säga knappar eller aktiva komponenter.


Entiteter, såsom Java-applets. De senare är samma knappar som, till skillnad från sina "traditionella" systrar, kan svara på musrörelser, utföra några enkla åtgärder när markören hålls över dem (att slå på bakgrundsbelysningen, skapa en "klick"-effekt, ändra formen , etc.). d.).

Den mest etablerade metoden är att placera navigeringselement vid sidans vänstra kant.

Längst ner i dokumentet är det brukligt att publicera information om utvecklarna av webbplatsen och adressen E-post , genom vilken besökare på resursen kan skicka sin feedback, förslag och önskemål till sidans ägare.

Om webbsidan är ett startdokument, placeras den också längst ner på den besöksdiskär ett litet skript som anropar ett CGI-skript installerat på servern som registrerar varje öppning av ett dokument i användarens webbläsare genom att ändra värdet på räknarens indikator. Det rekommenderas inte att placera flera olika räknare på en sida.

Webbplatser skiljer sig från varandra:

Storlekar (från några få sidor till webbservrar med gigabyte information).

Design (allmänt färgschema, teckensnittsformat, använda illustrationer etc.).

Struktur (system av länkar, anslutning av sidor inom webbplatsen, såväl som koppling till andra webbplatser).

Samtidigt är vilken webbsida som helst byggd av standardelement som kan delas in i två grupper:

Passiva (illustrerande) element

  • animation

Aktiva element

  • inmatningsfält

    växlar

ramar (engelska)ram- frame, frame) är en teknik som låter dig dela upp en webbsida i flera delar (fönster) och gör det möjligt att ändra innehållet i varje del, oavsett andra delar. Till exempel placeras webbplatsens innehållsförteckning ofta i en oföränderlig ram och innehållet i en annan.

Ämne 9. Elektronisk kommunikation. Mejladresser

E-post (e-post från engelska. Elektronisk post) är den huvudsakliga typen av nätverkstjänster. Meddelanden implementeras via systemet e-postservrar.

Varje användare på e-postservern har sin egen Brevlådaär platsen på serverdisken där e-postmeddelanden lagras. När användaren går igenom proceduren för att registrera en e-postadress får användaren ett namn (inloggning) och ett lösenord som han senare får tillgång till sin brevlåda. Användaren själv ger namnet (inloggning, login) till brevlådan. Servern ser bara till att namnet är unikt.

En e-postadress består av två delar, åtskilda av ett @-tecken (detta tecken kallas vanligtvis en "hund"):

    namn brevlåda användare (vald av honom, i vårt exempel - irina).

    Domän namn Mejl server(i vårt exempel - post. sv) .

Till exempel, irina@ post. sv

E-postadresser skrivs utan mellanslag med latinska bokstäver, siffror eller symboler (tillåtet att använda).

Enligt registreringen av e-postadressen på användarens dator, akonto , som innehåller den information som krävs för att kontakta e-posttjänsten, inklusive användarnamnet (logga in) och ett lösenord.

Baserat på denna post identifierar servern användaren.

Internetsäkerhet Planering för skydd

Objektet för attacken kan vara både information som överförs över nätverket och en dator ansluten till Internet.

Det är omöjligt att säkerställa fullständig säkerhet när du surfar på Internet, men planering i förväg för skydd minskar avsevärt sannolikheten för attacker. Eftersom Internet ständigt utvecklas, dyker det ständigt upp nya säkerhetsproblem, så uppdatering av skyddsverktyg är en obligatorisk del för att upprätthålla ett datorsystems hälsa.

Försvarslinjer:

    Blockera möjliga attacker:

        Använd speciell mjukvara och hårdvara som blockerar osäkra och onödiga data.

        Använd autentisering och kryptering.

    Minska riskkällor:

        Använd bara de internettjänster som du verkligen behöver.

        Använd felfri programvara och håll den uppdaterad.

        Konfigurera programvaran korrekt (ju mindre tillåtet, desto säkrare).

        Annonsera inte information om dig själv på nätet.

        Begränsa åtkomsten till dina datorresurser.

    Förbereder sig för att återhämta sig från en attack:

        Skapa och uppdatera regelbundet säkerhetskopior arbetsdata.

        Ha alltid programvarudistributioner till hands.

Autentisering (frånrpEuropeiskaautentiska- autenticitet) - bekräftelse av äkthet.

Vi läser alla ett stort antal artiklar om hur man väljer nyckelord och listar dem korrekt, hur man använder nyckelord för att göra en webbplats relevant för vissa sökfrågor. Låt oss titta närmare på placeringen av sökord på webbsidor.

Att veta var och hur man placerar sökord på en webbsida kommer att avgöra framgången eller misslyckandet för din SEO-kampanj.

Det finns 5 element på varje webbsida där nyckelord ska placeras:

  1. Sidrubrik (titeltagg)
  2. Sidans sökord (meta nyckelordstagg)
  3. Sidbeskrivning (metabeskrivningstagg)
  4. Alternativ text för bilder (Alt-tagg)
  5. Webbsidans innehåll (body-tagg)

Av alla ovanstående delar av en webbsida är det viktigaste av allt sidans innehåll (punkt 5). Mer om detta nedan.

För nu, låt oss ta den här listan i ordning.

Element #1. Sidrubrik (titeltagg)

Tänk först på sidans titel (titeltagg). Detta element är det allra första och viktigaste av alla andra element i huvudblocket på en webbsida.

Du kan se webbsidans titel i den översta raden i webbläsaren. För att verifiera detta, starta valfri webbläsare, t.ex. Internet Explorer, Opera eller Mozilla Firefox, gå till valfri webbplats och jämför innehållet i titeltaggen med den översta raden i dessa webbläsare. Sökmotorer använder denna tagg för sina egna syften - för att samla in information om webbplatsen och bestämma dess ämne, och även använda den i sökresultaten (SERP) som titeln på webbsidan.

Kom ihåg! Titeln på en webbsida är dess kort beskrivning.

Utöver ovanstående används innehållet i titeltaggen som titel på webbsidan när den läggs till i webbläsarens favoriter.

Element nummer 2. Sidnyckelord (meta nyckelord-tagg)

Låt oss nu prata om nyckelord och beskrivningsmetataggar. För en tid sedan användes nyckelordens metatagg när en webbplats lades till i sökmotorindex. Men de tiderna har gått. Nu ignorerar sökmotorer helt enkelt denna tagg, eftersom. det finns frekventa fall där den används för "smutsiga" ändamål. Vissa sökmotorer uppmärksammar denna tagg för att avgöra ämnet för webbplatsen.

Av allt som har sagts följer det att denna tagg inte krävs, men du kan använda den uteslutande för dess avsedda syfte.

Nyckelord ska separeras med kommatecken. Placera de viktigaste sökorden högst upp i listan, sedan i fallande ordning efter betydelse. Sökmotorer uppmärksammar inte längre i vilket fall nyckelord skrivs in, så nu kan alla nyckelord skrivas ut med små bokstäver.

Element nummer 3. Sidbeskrivning (metabeskrivningstagg)

Beskrivningsmetataggen är ett annat webbplatselement där nyckelord ska placeras. Sökmotorer tittar på denna tagg för nyckelord och jämför dess innehåll med innehållet på själva webbplatsen (innehållet i body-taggen). En mycket viktig omständighet är att sökmotorer använder innehållet i beskrivningstaggen som en beskrivning av en webbsida i sökresultat (SERP).

Den här taggen ska innehålla en kort beskrivning av webbsidan, men inte mer än 50 ord.

Element nummer 4. Alternativ text för bilder (Alt-tagg)

Alt-taggar är en textbeskrivning av bildens innehåll, d.v.s. om bilden av någon anledning inte laddas, och den här bilden har en alt-text, kommer denna text att visas istället för bilden.

Om bilden är laddad, och bilden även har alt-text, så kan vi se det när vi håller muspekaren över bilden. Alt-taggar används för att underlätta för de internetanvändare som av någon anledning inte visar grafik.

Många sökmotorer indexerar innehållet i denna tagg, så nyckelord kan finnas där. Glöm bara inte att alt-texten måste matcha bilden, beskriva den, vara dess textmotsvarighet. Använd inte en alt-tagg för uppmärkningsbilder som avgränsningslinjer, punkter...

Element nummer 5. Webbsidans innehåll (body-tagg)

Så, äntligen, kom vi till det mest grundläggande elementet på sajten - body-taggen, det element vars innehåll är av störst intresse för internetanvändare. Stora sökmotorer kommer inte längre att ge dig 1 SERP bara för att det finns flera förekomster av ett sökord på din webbplatssida. Endast det mest relevanta för en viss Sök fråga webbsida.

För att uppnå detta bör du bädda in valda nyckelord i webbsidornas kod, och respektera frekvensen av deras upprepning. Fortsätt enligt följande: för varje specifik sida, välj 1-2 sökord och optimera motsvarande sida för dem.

Föreställ dig att du förbereder en presentation av din nya webbplats eller produkt. Sedan, till exempel, bilderna av din PowerPoint-presentationer- stycken. De ska vara korta och tydliga. Precis som i en PowerPoint-presentation kan du använda listor för att lista fördelarna med din webbplats eller produkt, varje gång med fokus på utvalda sökord.

Inkludera dina valda sökord i ovanstående 5 delar av varje webbsida och du kommer att förbättra din nuvarande ranking och resultat med mycket.

HTML-språk

Webbsidor kan existera i vilket format som helst, men standarden är Hyper Text Markup Language - ett hypertextmarkeringsspråk som är utformat för att skapa rik text rik på bilder, ljud, animationer, videoklipp och hypertextlänkar till andra dokument utspridda över hela webben. samt de som finns på samma server eller är en integrerad del av samma webbprojekt.

Du kan arbeta på webben utan kunskap HTML-språk, eftersom HTML-texter kan skapas av olika specialredigerare och omvandlare. Men att skriva direkt i HTML är inte svårt. Det kan till och med vara lättare än att lära sig en HTML-redigerare eller -konverterare, som ofta är begränsad i sina möjligheter, innehåller fel eller ger dålig HTML-kod som inte fungerar på olika plattformar.

HTML-språket finns i flera varianter och fortsätter att utvecklas, men HTML-konstruktioner kommer sannolikt att fortsätta användas i framtiden. Genom att lära oss HTML och lära oss mer om det, skapa ett dokument i början av att lära oss HTML och utöka det så mycket som möjligt, kan vi skapa webbsidor som kan ses av många webbläsare både nu och i framtiden. Detta utesluter inte användningen av andra metoder, såsom den avancerade metoden som tillhandahålls av Netscape Navigator, Internet Explorer eller någon annan programvara.

Att arbeta med HTML är ett sätt att lära sig detaljerna för att skapa dokument på ett standardiserat språk, och endast använda tillägg när det verkligen är nödvändigt.

HTML har ratificerats av World Wide Web Consortium. Det stöds av flera ofta använda webbläsare, och kommer förmodligen att bli grunden för nästan allt. programvara, som är relaterat till webben.

Principer för att skapa en webbsida, de viktigaste delarna av en webbsida

För att skapa webbsidor används ett speciellt språk HTML (HyperText Markup Language - Hypertext Markup Language). Detta språk definierar en uppsättning speciella kommandon som kallas taggar som används för att specificera formateringen eller tilldelningen av vissa delar av en webbsida. Särskilda taggar används för placering på webbsidor grafiska bilder, ljud- och videoklipp och andra så kallade inbäddade objekt.

Webbsidor är vanliga textfiler, skapad i standardanteckningar eller en liknande enkel textredigerare. Och de innehåller text, samma text som du vill lägga på sidorna, bara uppmärkt på ett speciellt sätt. För att olika program Webbläsare visar samma webbsida korrekt, HTML-språket måste standardiseras.

I praktiken påverkas HTML-standarden mycket av förekomsten av taggar som erbjuds och stöds av de mest kända webbläsarna som Microsoft Internet Explorer och Google Chrom. Dessa taggar finns i det här ögonblicket kan vara en del av den aktuella HTML-specifikationen eller inte.

Det finns redigeringsverktyg som är speciellt utformade för att skriva HTML. De låter dig spara tid, eftersom de innehåller nycklar snabb åtkomst för att utföra upprepade operationer, som att ställa in initiala inställningar för dokument, tabeller eller helt enkelt tillämpa stilar på text. HTML-redigerare skiljer sig från att skriva WYSIWYG-verktyg genom att de kräver kunskap om reglerna för att kompilera HTML manuellt, redigerare förenklar och påskyndar bara denna process. Förutom WWWC-standardiserade HTML-taggar (standardtaggar) stöder webbläsare många icke-standardiserade taggar. Dessa taggar introducerades av utvecklarna av ett visst webbläsarprogram för att få en konkurrensfördel. De hoppades att dessa varumärkestillägg senare skulle inkluderas i HTML-standarden, men dessa förhoppningar var inte avsedda att gå i uppfyllelse. Men taggarna finns kvar, och de stöds fortfarande.

För att skapa webbsidor behöver du vilken webbläsare som helst - Internet Explorer eller Google Chrome Mozilla Firefox, och båda är bättre, lika många HTML-element visas olika i olika tittare och det är mycket önskvärt att kontrollera denna skillnad.

Dessutom behöver du valfri textredigerare, till exempel för att förbereda HTML-filer, och en webbläsare för att se och kontrollera vad som har gjorts.

För att skapa en webbsida är det första steget att skapa en webbplatsstruktur. En webbplats är en server som har ett unikt namn och en permanent adress, fysiskt ansluten till WWW, eller virtuellt värd på en annan, större server.

När du har skapat webbplatsstrukturen, kör textredigerare ord, skapa nytt dokument och spara den som en webbsida, fortsätt sedan för att skapa en webbsida. Det gör vårt arbete enklare och bättre. I den bestämmer vi tidpunkten för skapandet av webbplatsen, dess felsökning, dess ämne och även dess slutförande.

Det finns några enkla regler som gör att webbplatsens gränssnitt kan förstås av besökaren [#10].

1. Sajten ska inte innehålla värdelös information, typsnittet ska vara lätt att läsa. Grafiska element måste vara tydliga, uttrycksfulla och laddas snabbt.

2. Det mänskliga ögat skannar sidorna på en webbplats uppifrån och ned. Största uppmärksamheten fokuseras på den övre vänstra delen av sidan. Därför högst upp på webbplatssidan, som regel, mest viktig information: företagsnamn, logotyp, webbplatsnamn, etc.

3. Besökaren ska enkelt hitta den information han är intresserad av och kunna få uttömmande information (en beskrivning i form av text plus några bilder).

4. Information bör delas in i grupper. Det är möjligt att ge möjligheten att söka efter produkter med del av namn och beskrivning.

5. Webbplatsen måste ha informationssektioner:

med uppgifter om företaget (verksamhetsområde, adress, kontaktnummer, etc.);

Grundläggande element på webbsidor:

1. Rubrik/logotyp (huvud)

3. Innehåll / Innehåll (Textfält)

4. Navigeringselement

5. Information om webbplatsens utvecklare

Varje webbsida innehåller en uppsättning av standardelement, som är obligatoriska komponenter i varje resurs på Internet.

Det första elementet på en webbsida som vi måste tänka på är dess titel. Webbplatsens logotyp eller namn spelar samma roll för den som skylten vid ingången till vilken institution som helst. En annan sak är Internet: här är det huvudsakliga sättet att flytta på teleportering, och därför måste jag se detta "tecken" på varje sida.

Huvuddelen av dokumentet upptas av det så kallade textfältet - området där sidans semantiska innehåll är placerat: meningsfull informationstext och illustrationer.

De listade elementen kallas även "Innehåll" (från engelska, innehåll - Innehåll). Placeringen av textfältet beror i första hand på hur webbdesignern kommer att placera resten av dokumentelementen.

Figur 1. Exempel på webbplatsinnehåll

Nästa obligatoriska komponent på en webbsida är navigeringselement - hyperlänkar som länkar detta dokument till andra delar av webbplatsen. Navigationselement kan vara i form av textsträngar, grafiska objekt, det vill säga knappar, eller aktiva komponenter, såsom Java-applets.

Längst ner i dokumentet är det vanligt att publicera information om utvecklarna av webbplatsen och en e-postadress med vilken besökare på resursen kan skicka feedback, förslag och önskemål till sidans ägare. (Fig. 2)


Figur 2. Kontaktinformation

Innan du börjar skapa din webbplats, ta ett mycket ansvarsfullt förhållningssätt till problemet med att ordna sidelement. I allmänhet är en webbsida indelad i sidinnehåll, navigering och relaterad information. Dessa element är ytterligare uppdelade i mindre element.

Som ett resultat kommer sekvensen av åtgärder för att utveckla en webbplats ner till följande enkla algoritm:

1. Att sätta upp mål och definiera huvuduppgifterna.

2. Skapande av en lista över framtida tematiska avsnitt.

3. Utveckling av resursens logiska och fysiska struktur.

4. Förberedelse av en designskiss, platslayout, osynlig layouttabell.

5. Förberedelse av textmaterial.

6. Framställning av grafiskt material i vektorform.

7. Exportera vektorritningar till rasterformat.

8. Optimering av alla bilder.

9. Skapande av webbsidemallar.

10. Bygga webbsidor och felsöka kod.

11. Kontrollera identiteten för visningen av webbsidor med olika skärmupplösningar och färgpaletter och olika webbläsare.

Varje webbsida innehåller en viss uppsättning standardelement som är obligatoriska komponenter i varje internetresurs. Naturligtvis kan utbudet och antalet sådana objekt variera beroende på webbplatsens tematiska fokus, mängden material som publiceras på den, såväl som på de mål och mål som skaparen av denna resurs sätter upp för sig själv. Layouten av sådana element, designa deras relativa position är en av webbmasterns huvuduppgifter.

Det första elementet på en webbsida som vi måste tänka på är dess titel. Den kan göras i både text- och grafisk version, men i båda fallen bör den placeras överst i dokumentet. Ibland kombineras rubriken med valmenyn för kyrillisk kodning och knappar för att byta från den ryskspråkiga till den engelskspråkiga versionen av webbplatsen, om denna webbresurs presenteras på två språk. Som regel är det utrymme som tilldelas för att placera en reklambanner direkt i dokumentets underrubrik. Inkluderandet av en banner i den övre delen av webbsidan är i de flesta fall en förutsättning för att registrera webbplatsen i bannerbytestjänster - system som annonserar resursen du skapade i utbyte mot att visa annonser från andra medlemmar i bannerbytesnätverket på din webbplatsens sidor. Standardstorleken på banners som publiceras under titeln på ett dokument är vanligtvis 468x60 pixlar. Om du använder en statisk sidlayout kommer ditt dokuments titelbredd att vara cirka 640 pixlar: detta värde beror främst på behovet av att säkerställa att dokumentet visas korrekt på bildskärmar med en skärmupplösning på 640x480 pixlar och för att undvika horisontella rullningslister som gör det är svårt att se. Uppenbarligen kommer bredden på bannern i det här fallet att vara mycket mindre än bredden på rubriken, så att i den del av sidan där du planerar att tilldela utrymme för reklam bildas ett oanvänt utrymme som kan fyllas med logotypen från företaget som äger denna webbplats eller en länk till servern som implementerar webbhotellet. Naturligtvis är logotypen inte alltid nödvändig: som regel ingår den på webbsidan endast om webbplatsen har ett kommersiellt fokus.

Huvuddelen av dokumentet upptas av det så kallade textfältet - området där det semantiska innehållet på sidan är placerat: meningsfull informationstext och illustrationer. De listade elementen kallas också för "innehåll" (från engelska, innehåll - innehåll). Placeringen av textfältet beror i första hand på hur webbdesignern kommer att placera resten av dokumentelementen.

Nästa obligatoriska komponent på en webbsida är navigeringselement - hyperlänkar som länkar detta dokument till andra delar av webbplatsen. Navigationselement kan vara i form av textsträngar, grafiska objekt, det vill säga knappar, eller aktiva komponenter, såsom Java-applets. De senare är samma knappar som, till skillnad från sina "traditionella" systrar, kan svara på musrörelser, utföra några enkla åtgärder när markören hålls över dem (att slå på bakgrundsbelysningen, skapa en "klick"-effekt, ändra formen , etc.). d.). Som jag redan nämnde i avsnittet "Grundläggande postulat" för webbdesign, bör navigeringselement placeras på ett sådant sätt att de alltid är "i sikte", "till hands", det vill säga så att användaren inte behöver " spola tillbaka” sidan bakåt , om textfältet spänner över flera fysiska skärmar på höjden, sök sedan efter länkar till andra avsnitt länge. Den mest etablerade metoden är att placera navigeringselement vid sidans vänstra kant.

Längst ner i dokumentet är det vanligt att publicera information om utvecklarna av webbplatsen och en e-postadress med vilken besökare på resursen kan skicka feedback, förslag och önskemål till sidans ägare. Om webbsidan är ett startdokument, placeras även en träffräknare längst ner på webbsidan - ett litet skript som anropar ett CGI-skript installerat på servern som fångar varje gång dokumentet öppnas i användarens webbläsare, vilket ändrar värdet på räknarens indikator. Tack vare detta kan webbmastern enkelt bestämma antalet besökare som besökt hans sida för vilken tid som helst. Jag noterar att träffräknaren endast är inställd på den första sidan som anropas när du kommer åt sidan, den saknas i andra resursdokument.

Så vi har analyserat alla huvudkomponenter på en webbsida och deras möjliga plats i förhållande till varandra. Ett exempel på layouten av en webbplats som innehåller en komplett uppsättning av komponenterna som beskrivs ovan visas i fig. 3.6. Den har valt placeringen av navigeringselement längs den vänstra kanten av dokumentet.

Ris. 3.6. Ett exempel på en webbsideslayout med vänsterplacerade navigeringselement

I praktiken finns det ofta webbplatser i utformningen av vilka navigeringselement är placerade längs skärmens högra kant. I det här fallet flyttas textfältet till vänster, resten av dokumentkomponenterna är ordnade baserat på principen om maximal estetik för deras kombination. Ett exempel på en sådan platsimplementering visas i fig. 3.7.

Ris. 3.7. Ett exempel på en webbsideslayout med högerplacerade navigeringselement

Som framgår av figuren är logotypen i detta fall placerad på samma nivå som dokumentets titel, och reklambannern är placerad i förhållande till sidans mitt. Med detta tillvägagångssätt rekommenderas det att behålla den grafiska designen av titeln, logotypen och reklamfältet i en enda färg och konstnärlig stil - då kommer asymmetrin i positionen för dessa objekt inte att vara så uppenbar och kommer inte att skada anhängarnas ögon. av en strikt, "bord" design estetik.

Navigeringselement kan placeras inte bara nära sidans högra och vänstra kant, utan också överst i dokumentet. Detta layoutalternativ, enligt min mening, är mest lämpligt för att skapa hemsidor: i det här fallet "passar" alla sidobjekt harmoniskt in i den angivna bredden på den osynliga tabellen, medan förberedelsen av själva tabellen är mycket förenklad. Den enda nackdelen med detta tillvägagångssätt är behovet av att duplicera navigeringselementen längst ner i dokumentet, eftersom när de rullar vertikalt på sidan försvinner de bortom toppen av skärmen, och för att komma till dem måste användaren " spola tillbaka” skärmen tillbaka, vilket du ser är väldigt obekvämt. Ett exempel på siddesign med toppnavigeringselement visas i fig. 3.8.

Ris. 3.8. Ett exempel på en webbsideslayout med topppositionerade navigeringselement

Naturligtvis är allt som har sagts i detta avsnitt inte ett universalmedel, utan en vägledning till handling. Jag försöker bara beskriva de allmänna principer som gäller när man lägger ut strukturen på en webbplats, men det slutgiltiga beslutet överlåts alltid till webbmastern. I slutändan, oavsett vilken design du använder som grund för ditt framtida projekt, kommer resultatet av ditt arbete fortfarande att vara korrekt: det finns varken censur på Internet, eller några regler som tvingar webbplatsskaparen in i ett eller annat stel ramverk. Ett exempel på en designlösning som inte faller inom någon av ovanstående kategorier är den så kallade blandade layouten, vars ungefärliga diagram visas i fig. 3.9.

Som du kan se från bilden, i det här exemplet, är några av kontrollerna inbyggda direkt i sidhuvudet - vi pratar om knappar för att växla mellan de ryska och engelska versionerna av webbplatsen, såväl som navigeringsknappar: detta kan vara en länk till e-postadressen för skaparna av resursen, duplicerad längst ner i dokumentet, och en länk till ett av de tematiska avsnitten, till exempel en nyhetssida. Huvudblocket med navigeringselement är placerat i förhållande till den vänstra kanten av dokumentet, men den kyrilliska kodningsmenyn finns direkt under reklambannern högst upp på sidan. Textfältet är uppdelat i två icke-symmetriska kolumner, och den högra innehåller korta meddelanden om de tematiska rubrikerna som utgör resursen, inklusive länkar till dessa avsnitt.

Uppenbarligen kan det finnas många alternativ för en "blandad layout" av en webbsida: specifika lösningar beror på antalet sektioner som utgör resursen, volymen text som är förberedd för placering på webbplatsen och slutligen på fantasin hos designern själv. Det är bara viktigt att utseende webbplatsen orsakade inga klagomål från besökare. I slutändan är det bara du som utvecklare, du och ingen annan som har rätt att använda alla dina förmågor och talanger och komponera sidan efter eget tycke. Skaparna av vissa hemsidor placerar utan att tveka en träffräknare i det övre högra hörnet av dokumentet, skriver webbplatsens namn med finstilt och publicerar det under en reklambanner, och av någon anledning hittas navigeringselementen oväntat rätt i mitten av textblocket, mellan berättelsen om sig själva och bilder på favorithunden till författaren till projektet. För smak och färg, som de säger, finns det inga kamrater. Men personligen verkar denna sjukdom obotlig för mig.

Ris. 3.9. Ett exempel på en "blandad" webbsidalayout




Topp