Hovedparten af indholdet præsenteret iInternettet er websider. Historisk set er dette den allerførste type dokumenter beregnet til placering i et virtuelt netværksrum, men det har bevaret sin relevans den dag i dag og har praktisk talt ingen konkurrerende formater. Hvad er strukturen på websider? Hvilke webudviklingsværktøjer bruges til at oprette dem?
Hvad er en webside?
"Liste over hovedelementerne på en webside" -fortæller os en eksaminator i en datalogi-lektion. Hvad kan vi sige til ham til gengæld? Lad os først og fremmest tale om, hvad en webside er i princippet.
Ifølge generelt accepteret blandt it-fagfolkdefinition, dette er et dokument, der er beregnet til at blive åbnet i et specialiseret program - en browser, og som indeholder data til visning på en computerskærm ved hjælp af den passende type software med forskellige nyttige indhold - tekster, links, grafik, video, musik osv. Webside er et tekstdokument. De tilsvarende data til browseren er bogstaver, tal og specialtegn, der bruges som elementer i markup-sproget - HTML. Det er ved hjælp af det, at skaberen af websiden "forklarer" for browseren, hvordan man viser dette eller det andet indhold på skærmen.
Websteders placering og rolle i strukturen af websteder
Kan vi sige, at websiden er den vigtigstewebsteds komponent? Dette er delvis sandt. Som vi bemærkede ovenfor, er en webside imidlertid kun et tekstdokument. Webstedet indeholder som regel også billeder, videoer og andre multimedieelementer. Websiden kan ikke indeholde dem, men i sin struktur kan den indeholde links til dem. Således kan websiden kaldes webstedets hovedkomponent med hensyn til den dominerende rolle i visning af virtuelt indhold til brugerne.
I sjældne tilfælde naturligvis overvejetdokumentet vil være den eneste komponent på webstedet - hvis det af en eller anden grund ikke giver mulighed for visning af grafik, video og andre multimedieelementer. Især de tidligste websteder - da markering af sprog til websider først blev vist - omfattede ikke relevant indhold. Før brugerens øjne var der kun tekst og links.
Princippet om at bruge hypertekst
Så en webside er et dokument,udarbejdet på HTML-sproget, ved hjælp af hvilken hypertekstmarkeringen udføres. Men hvad er dette fænomen? Hvad er Hypertext? Uden at gå dybt ind i teorien bemærker vi, at dette er en tekst, der på en eller anden måde giver dig hurtig adgang til en anden - via links. I en almindelig bog er dette umuligt - der er "almindelig tekst". For at få adgang til den ønskede side skal læseren foretage flere flip inden han læser indholdet eller fodnoterne. I "hypertekst" -tilstand udføres hovedparten af arbejdet af computeren - på grund af de oplysninger, der reflekteres i HTML-elementerne på siden.
Hvis en informatiklærer fortæller os:"Skriv en liste over hovedelementerne på en webside", så kan vi helt korrekt begynde historien om komponenterne i det tilsvarende dokument, der oprettes ved hjælp af HTML-markupsproget. Lad os derfor til at begynde med se på nogle teoretiske punkter vedrørende HTML.
HTML-struktur: tags
Hvordan læser en browser de ønskede data om en webside fra et HTML-dokument? Meget simpelt.
Hovedelementerne i dette sprog er tags.I de fleste tilfælde er de parret - der er en åbning, og der er en lukkende. Førstnævnte er kun angivet med vinkelbeslag. De andet er ens, men før den anden parentes er der en skråstreg - / karakteren. Browseren er i stand til at genkende dem og viser derfor indholdet på websider uden problemer i overensstemmelse med algoritmerne oprettet af dokumentudvikleren.
Åbningskoden er normalt skrevet med store bogstaver,belægning - lille. Dette er en standard, der er blevet etableret blandt it-fagfolk. Browseren genkender bestemt HTML-kommandoen i ethvert brev, men webudviklere opfordres til at holde sig til det markerede tagging-skema. Dette gør det f.eks. Lettere for andre fagfolk at revidere websiden.
attributter
Andre vigtige elementer i HTML-sproget er attributter.Med deres hjælp kan websideskaberen indstille egenskaberne for indholdet - for eksempel skrifttypens højde, dens farve, placering i forhold til siden. Det samme gælder for billeder, videoer og andre multimediekomponenter. Attributter skrives inden for åbningskoden.
Indhold
Mellem åbning og lukninger den næste nøglekomponent på en webside - indhold. Dette er faktisk selve det indhold, der skal vises foran brugeren på skærmen. Dette kan være tekst, link, billede, video eller andet multimedieelement.
Elementer af websider
“Så lister hovedelementerne på en webside,langt om længe!" - gentager læreren. "Med glæde," - svarer vi ham. Hvad er inkluderet i strukturen for den type dokumenter, der overvejes? Lad os være enige om, at vi vil overveje dette aspekt i sammenhæng med HTML-elementer på en webside. Det vil sige, at deres visning i browseren - hvad brugeren ser på skærmen - vil interessere os i mindre grad. Pointen er, at de tilsvarende HTML-algoritmer, på baggrund af hvilke programmet viser indholdet på samme måde, kan være forskellige. Og dette er HTML-sprogets egenart: det ønskede billede på en webside kan vises på forskellige måder. På samme tid kan de begge være ækvivalente med hensyn til arbejdsomkostninger for skaberen af websiden på måder og antage en anden mængde indsats og tid til deres implementering.
Websideelementer: overskrift
Standardelementer på en webside, som denneoverraskende lød det, præsenteret i meget små tal. Faktisk er der kun to af dem - dokumentets titel og hovedtekst. På samme tid kan hver af dem have en ret kompleks struktur.
Hvad er titelens specificitet?Det er placeret øverst på websiden. I HTML-koden, der genererer overskriften, antages det som regel, at kun teksten er "krypteret", men om nødvendigt kan små grafiske indsatser også placeres i det tilsvarende element. Og det er faktisk alt, hvad der kan siges om titlen. Det ser ud til, at dets rolle i strukturen af det tilsvarende dokument er ubetydelig. Men dette er ikke tilfældet. Websitetitler er meget vigtige set ud fra webstedets indeksering i søgemaskiner - Yandex, Google. Dette element skal være fuldt relevant for indholdet på websiden såvel som webstedets tematiske specifikationer.
Hvordan titlen på en webside er fastbruger du HTML? Meget simpelt. Åbningskoden skrives først, som altid ligner HEAD med vinkelparentes, derefter indholdet af overskriften og derefter det afsluttende tag. De er selvfølgelig skrevet øverst på webdokumentet.
Titlen på et webdokument kan indeholde et antalyderligere elementer. Undertiden kan formatet på en webside kræve visning af tekst i en bestemt kodning. Hvordan sikrer du, at et webdokument opfylder dette kriterium? Meget simpelt. Strukturen på dokumentoverskriften skal indeholde HTML-algoritmer, der instruerer browseren i at bruge en bestemt kodning af sproget - for eksempel kyrillisk. De tilsvarende kommandoer placeres i META-tagget, som ligesom andre er åbent og lukket.
Webstedets hoveddel
Hoveddelen af webdokumentet åbnes med et tagBODY lukkes med et tilsvarende skråstregselement. Samtidig kan der mellem de åbne og lukke tags være et stort antal yderligere kommandoer til hypertekst markup sprog. Dette skyldes det faktum, at hoveddelen af websiden indeholder dens nyttige indhold - tekster, links, grafik, videoer, forskellige former til udfyldning.
Hver af de respektive indholdstyper haregne tags. Strukturen i hoveddelen af et webdokument kan indeholde HTML-kommandoer, ved hjælp af hvilken tekstformateringen også udføres - for eksempel at give skrifttypen en bestemt farve, størrelse og andre egenskaber.
Lad os se på detaljerne i nogle af de almindeligt anvendte HTML-tags. Faktisk udgør de også hovedelementerne på websiden.
Grundlæggende HTML-tags
Så med henblik på en detaljeret undersøgelse af hvader elementer på en webside, lad os undersøge mere detaljeret essensen af grundlæggende HTML-tags. Vi har allerede givet nogle af dem ovenfor - især dem, ved hjælp af hvilke browseren læser overskrifterne på websider og bestemmer, hvor hoveddelen af dokumentet er placeret.
P-koden er ret almindelig.Det kan ligesom andre lignende elementer i hypertext markup-sproget være åbent og lukket. Dette tag giver dig mulighed for at formatere et enkelt afsnit i dokumentet. Du kan for eksempel indstille en bestemt skrifttype eller dens farve til den. Dette gøres dog ved hjælp af et ekstra tag - FONT. Samtidig placeres den inden i den, der angiver afsnittets grænser - dette forhindrer HTML-kommandoen, der afspejler typen af den foretrukne skrifttype, i at sprede sig til andre elementer på websiden.
Tabeller oprettes ved hjælp af TABLE-tagget.Ved hjælp af de tilsvarende attributter kan du bestemme det krævede antal kolonner og rækker, indstille deres bredde, specifikationer for rammer, størrelse og skriftfarve for tekst i tabellen.
IMG-tag er ansvarlig for behandling af billeder via browseren. Det kan også placere forskellige attributter, der styrer billedets størrelse og dets placering på siden.
Links til andre webdokumenter eller filerer angivet ved hjælp af A-mærket. Som regel er der attributter inde i det, der angiver det faktum, at der er et hyperlink i websides struktur. I dette tilfælde angives det dokument, den fil eller det sted, den fører til.
Et fælles mærke er FRAMESET.Det kan bruges til at opdele pladsen på en webside i flere områder - rammer. I hver af dem kan du placere links til individuelle webdokumenter. Det vil sige, at rammer giver dig mulighed for at placere to eller flere sider korrekt på en skærm på samme tid.
Forklaring af nøgleelementerne på websider ogden følgende fortælling om, hvordan man formaterer dem ved hjælp af HTML-sproget - omtrent vil dette være algoritmen for vores svar på det spørgsmål, som eksaminator stillede os. Hvis han henvendte sig til os og sagde "lister hovedelementerne på en webside", så vil vi ved hjælp af den passende metode have alle chancer for at afsløre emnet. Det vil sige ved udtrykket "elementer" kan vi forstå nøglekomponenterne i strukturen i et webdokument eller indholdstyper - tekst, billeder, tabeller, rammer, links, som webmasteren danner ved hjælp af et værktøj såsom HTML.
Specificiteten af webudviklingsværktøjer
Ud over hvad der er blevet sagt, kan vi præcisere detDer er et stort antal tags og attributter leveret af HTML-standarderne. Ud over HTML kan webudviklere bruge yderligere formateringsværktøjer til hypertekstdokumenter. For eksempel kan du bruge JavaScript-scriptingsproget til at oprette dynamiske websider - det vil sige dem, hvor indholdet konstant opdateres (både på grund af handlinger fra brugeren selv og i overensstemmelse med de algoritmer, der tidligere er skrevet i scripts).
Det er nyttigt at tilføje, at en webudvikler kanbruge fuldt udviklede programmeringssprog i deres arbejde, såsom for eksempel Perl, PHP, Java, Python, ved hjælp af hvilke mulighederne for at arbejde med hypertekstdokumenter bliver endnu bredere. Behovet for dette kan skyldes, at anvendelsesområderne for webteknologier i dag er meget forskellige. Udfordringerne for dagens udviklere kan være skræmmende. For eksempel er det undertiden nødvendigt at oversætte websider skrevet på russisk til engelsk. I dette tilfælde vil udviklerens værktøjskasse være meget forskelligartet.
