Noen grunnleggende elementer på en nettside. Grunnleggende komponenter på en webside

Enhver nettside må inneholde minst fire elementer: , , Informasjon på nettsiden

GRUNNLEGGENDE NETTDESIGN

Grunnleggende om webdesign

Historien om utviklingen av Internett. Fremveksten av Internett i Hviterussland. Webdesign. Opprinnelseshistorie. Krav til anleggsdesign i henhold til W3C-standarder. Store nettlesere. Nettstedets struktur, beskrivelser og tagger.

Internett ( Engelsk Internett, sammenkoblede nettverk - tilkoblede nettverk) er et gigantisk datanettverk som består av mange mindre nettverk koblet til hverandre og som dekker hele kloden.

Internetts historie begynte i midten av forrige århundre: i 1957 Advanced Research Projects Agency (ARPA) ble opprettet i USA, som var engasjert i militær utvikling.

I 1989 skapte Tim Berners-Lee HTML-språket.

I 1961 US Department of Defense Advanced Research and Development Agency (DARPA – Defense Advanced Research Agency), har på vegne av det amerikanske forsvarsdepartementet startet et prosjekt for å lage et eksperimentelt pakkeoverføringsnettverk. Dette nettverket, kalt ARPANET, var opprinnelig ment å studere metoder for å sikre pålitelig kommunikasjon mellom ulike typer datamaskiner.

I januar 1969 år, for bare noen få minutter, ble det lansert et system som koblet sammen fire datamaskiner i forskjellige deler av USA. Det fant sted over en lavhastighets oppringt telefonlinje.

I 1973 I år "kommuniserte" datamaskiner fra forskjellige land gjennom Arpanet for første gang. Nettverket har blitt internasjonalt.

Utviklingen av nettverket gikk i et raskt tempo. I 1987 passerte antallet verter 10 000. I 1988 ble Canada, Island, Danmark, Norge, Frankrike, Finland og Sverige med i NSFNET. I 1989 oversteg antallet verter 100 000. Storbritannia, Japan, Tyskland, Østerrike, Israel, Italia, Mexico, New Zealand og Nederland ble med i nettverket. Russland ble med i NETTVERKET i 1990. Hviterussland også på begynnelsen av 90-tallet.

Antallet tilkoblede brukere begynte å øke raskt hvert år. I 1995 Internett har blitt det største, mest dynamiske og tilgjengelige middelet for massekommunikasjon.

Webdesign. Opprinnelseshistorie.

Webdesign (fra engelsk webdesign) er den visuelle utformingen av nettsider. Det spiller samme rolle for et nettsted som trykkdesign og layout for en papirpublikasjon. Nettutvikling blir ofte referert til som "webdesign": grensesnittdesign (grafisk og tekstlig innhold på nettstedet), design av struktur, navigasjon og nettstedmotor (en dedikert del av programkoden for implementering av en spesifikk applikasjonsoppgave).

Foreløpig er begrepet "nettdesign" spesifikt forstått som å designe strukturen og den ideologiske integriteten til en Internett-ressurs, noe som sikrer brukervennlighet av Internett-ressursen. En viktig del av webdesign er deres samsvar med W3C-standarder (English World Wide Web Consortium, World Wide Web Consortium - en organisasjon som utvikler og implementerer teknologiske standarder for World Wide Web), som sikrer tilgjengelighet av nettstedinnhold for personer med nedsatt funksjonsevne, så vel som for brukere av bærbare enheter.

Også relatert til selve webdesign er markedsføring på Internett (internettmarkedsføring), det vil si promotering og annonsering av den opprettede ressursen, søkemotoroptimalisering

Webdesign, selv om det er basert på en grafisk komponent, er fortsatt vesentlig forskjellig fra printdesign. Dette skyldes først og fremst dynamikken og interaktiviteten til det visuelle bildet på nettsiden.

Nesten alle nettsider har hyperkoblinger, navigasjonsmenyer og andre elementer som gir overganger mellom deler av informasjon. Interaktive data (det vil si elementer som krever bestemte handlinger fra brukeren og reagerer på dem) skiller elektroniske grensesnitt fra vanlige bok-, magasin- eller avisgrensesnitt.

Når du designer en nettside, er disse elementene nøkkelen. Å utvikle et kompetent sideoppsett, logisk sidestruktur og navigasjonsruter danner grunnlaget for webdesign og brukervennlighet

Brukervennlighet(Engelsk brukervennlighet - bokstavelig talt "brukervennlighet", "anvendbarhet") - i forhold til datateknologi refererer begrepet brukervennlighet til konseptet med å utvikle brukergrensesnitt for programvare, fokusert på maksimal psykologisk og estetisk bekvemmelighet for brukeren.

Krav til webdesign i henhold til W3C-standarder

Utformingen av nettstedet skal være brukervennlig , forståelig og vises riktig i enhver nettleser. Siden må ha en original grafisk design som gir riktig funksjonalitet.

Nettstedet må sikre bekvemmelighet og fullstendighet av navigasjonselementer.

Grunnleggende informasjon, menyer og andre navigasjonselementer skal være tilgjengelige uten horisontal rulling i et helt åpent nettleservindu med en skjermoppløsning på 1024x768 piksler.

Utformingen (plassering av informasjonsblokker, visuell design) på hovedsiden kan avvike fra utformingen av standardsider, samtidig som den stilistiske enheten til nettstedet opprettholdes.

Tilstedeværelsen av vakre grafiske objekter og bruken av små, men stilige grafiske elementer (piktogrammer, "visuals") i utformingen av nettsider oppmuntres.

En liten inkludering av animasjonselementer er velkommen.

Nettstedets design skal være ganske "lett" når det gjelder volumet av grafiske elementer og sikre raskest mulig lastehastighet på sidene.

Gi enkel identifikasjon av seksjonen og underseksjonen der brukeren befinner seg.

Vis informasjon riktig på datamaskiner uten forhåndsinstallerte flash-plugins, med deaktivert støtte for skript, grafikk og stilmaler.

Utformingen bør legge til rette for mulighet for utvikling av tomtestrukturen gjennom utvikling og inkludering av nye seksjoner og understrekninger.

Nettleser eller nettleser.

For øyeblikket velger hver bruker sin egen nettleser. De mest populære er Opera og Firefox. Etter dem er Internet Explorer (IE).

En nettleser, eller nettleser (fra den engelske nettleseren) er programvare for å søke, vise nettsider, det vil si for å be om nettsider (hovedsakelig fra Internett), for å behandle dem, vise dem og flytte fra en side til en annen.

Et nettsted på tvers av nettlesere er et profesjonelt og kompetent nettsted som ser så identisk ut som mulig når det vises i forskjellige nettlesere. Nettstedet må sørge for korrekt visning av data i følgende nettlesere:

Internet Explorer (versjon 5.5 og nyere):

Opera (versjon 7.0 og høyere);

Mozilla Firefox (versjon 1.0 og nyere).

Hovedfargemodusen til skjermer som nettstedet skal vises på er 15 fargesifre og høyere (antall farger er 65536 og høyere).

Utvikling av webprosjektstruktur

I henhold til det generelle konseptet for prosjektet, de fastsatte målene og målene, bestemmes strukturen til webprosjektet, nemlig:

§ datastruktur, definere forbindelser mellom databasetabeller, strukturer for overføring av data fra eksterne kilder;

§ bestemmelse av nivået på automatisering av databehandling, utvikling av en datastyringsstruktur;

§ spesifikasjonen av skjemaer og rekkefølgen av deres utseende utføres;

§ brukergrensesnittstruktur: menyelementer og navigasjonselementer, nødvendige hekkenivåer;

§ utvikling av prosjektdesignskisser (antall alternativer er forhåndsgodkjent).

Utvikling.

§ design: kunstnerisk og teknisk løsning. Opprettelse av en original nettstedstil: fargeskjema, produksjon av designelementer, bannere, grafiske elementer;

§ programmering: opprettelse av programelementer;

§ gjennomføring av navigasjon innenfor rammen av godkjent prosjektmodell;

§ grunnleggende informasjonsinnhold;

Hypertext Markup Language HTML

• (fra engelsk Hypertext Markup Language - "hypertext markup language") er et standard markup-språk for dokumenter på World Wide Web. Alle nettsider er laget med HTML (eller XHTML). HTML tolkes av nettleseren og vises som et lesbart dokument.
• Sammen med XML blir HTML ofte referert til som et "tekstmarkeringsspråk". Faktisk går rollen til disse to språkene, så vel som selve formatet kalt «ren tekst», langt utover behandlingen av tekstinformasjon.
• Å lære et hvilket som helst dataspråk begynner med å bli kjent med de grunnleggende byggesteinene - operatorer, uttrykk, variabler. Fra dette synspunktet er HTML-språket ekstremt enkelt, for ikke å si primitivt: HTML-filen inneholder i tillegg til ren tekst kun én type kontrollkonstruksjoner, den s.k. tagger.

Ord omsluttet av vinkelparenteser "<” и “>" kalles HTML-deskriptorer eller HTML-koder.

Grunnleggende komponenter på en webside

Hovednavigasjonspanelet til nettstedet (meny). En alternativ meny og et duplikat av hovedmenyen. Lenker, typer lenker og deres implementering. Grunnleggende elementer i webdesign. Sidelayout på nettstedet. Fargeskjema på nettsiden. Optimalisering av webgrafikk, klargjøring av bilder for en webside. Prinsipper for arbeid med bilder.

Hovedsidenavigasjonspanel (meny). Nettstedets navigasjonslinje, som inkluderer lenker til hoveddelene av nettstedet (og, muligens, til underseksjoner av den gjeldende delen), må være på hver side av nettstedet og bør ikke endre plasseringen, som anses som den mest åpenbare bruddet av brukervennlighetsstandarder.

Det er to generelt aksepterte alternativer for å plassere en navigasjonslinje: vertikalt i venstre kolonne eller på en linje i overskriften på siden. Du kan ofte finne en kombinasjon av disse metodene når både venstre kolonne og øverste linje brukes til å organisere navigasjonslinjen. I dette tilfellet inneholder topplinjen som regel lenker til de viktigste, etter utviklerens mening, seksjoner.

Flere hovedmenyelementer kan dupliseres inn alternativ meny. Hvis det viktigste er horisontalt, så i vertikalt, eller omvendt.

I henhold til brukervennlighetsstandarder skal du aldri under noen omstendigheter lage menykoblinger - lenker til nedlastbare filer, for eksempel til en prisliste. Alt som ikke fører til standardsidene på nettstedet, skal innledes med inskripsjonen: "last ned".

Den aktive delen av menyen (siden brukeren er på) skal skille seg ut, klart forskjellig fra andre elementer, for eksempel i farger.

Seksjoner som besøkes bør utheves i en annen farge slik at den besøkende kan se hvor han har vært og hvor han ikke har vært.

Link til hovedsiden. Det er svært ønskelig å ha en lenke til hjemmesiden på alle sidene på nettstedet. Det har blitt en generelt akseptert regel å bruke nettstedets logo som en lenke til hovedsiden eller et husformet ikon.

Tilgjengelighet er velkommen duplikat hovedmeny nederst på siden.

Grunnleggende elementer i webdesign.

Design er design av ting, biler, interiør, basert på prinsippene om å kombinere bekvemmelighet, økonomi og skjønnhet.

Grafisk kunst- kunsten å skildre objekter med konturlinjer og streker, uten maling (noen ganger ved hjelp av fargeflekker) (Ozhegovs ordbok).

Hovedideen med grafisk design er å kombinere estetiske prinsipper og funksjonelle oppgaver i ett design. Suksessen til et prosjekt avhenger i stor grad av overholdelse av de interne prinsippene som veileder en spesialist når han lager grafisk design.

Hovedoppgaven til webdesign er å skape en behagelig atmosfære for assimilering av informasjon på sidene til et nettsted.

Det er ingen universell løsning innen web-design. Helt forskjellige alternativer for webdesign er mulig, noe som innebærer utvikling av følgende elementer:

Layout av nettsider;

Grafisk kunst.

Sidelayout på nettstedet.

En nettside blir faktisk sett på som en samling rektangulære blokker som er lagt ut i en bestemt rekkefølge. I dette tilfellet er dataene som regel ordnet i kolonner, så begrepet en-, to-, tre-kolonne layout brukes ved layout.

Utformingen av sidens sider skal sikre automatisk skalering av sider avhengig av bredden på brukerens nettlesers arbeidsfelt. Minimumsstørrelsen (bredden) på nettleserens arbeidsfelt, der det er nødvendig å sikre full visning av sider (uten horisontal rullefelt), er 1024 piksler.

Fargeskjema på nettsiden.

Farge er et av de mest kontroversielle elementene i webdesign. Farge kan understreke konteksten, eller den kan distrahere. Suksessen til nettstedet avhenger i stor grad av det valgte fargeskjemaet. Forskere innen brukervennlighet og webdesign har lagt merke til at førsteinntrykket av en informasjonsressurs på Internett dannes på grunnlag av fargesammensetning, og det er denne sammensetningen som er lagret i brukerens minne, og ikke informasjonsinnholdet.

For å skape et effektivt design, er det nødvendig å ta hensyn til en rekke krav som stilles til valg av fargeskjema:

Lysstyrke, tone og fargemetning må samsvare med bedriftens stil på nettstedet;

Valget av farger gjøres under hensyntagen til publikum til denne ressursen;

Antall primærfarger som brukes bør om mulig ikke overstige tre;

Fargene som brukes på nettstedet skal samhandle og harmonisere med hverandre;

Bruken av farge må være i samsvar med logikkens elementære regler;

Et eget poeng verdt å fremheve er valg av farge på teksten. Bakgrunnen og teksten på siden skal være i kontrasterende farger. Best lesbarhet oppnås ved bruk av svarte tegn på hvit bakgrunn. Teksten skal ikke gli inn i bakgrunnen, og overskriftene skal ikke gå tapt.

Det er nødvendig at fargeskjemaet samsvarer med presentasjonsformen av materialet, innholdet og publikum på nettstedet.

Optimalisering av webgrafikk, klargjøring av bilder for en webside. Prinsipper for arbeid med bilder.

Bruken av grafikk må være begrunnet, grafikken må tydelig samsvare med innholdet på nettstedet. En overflod av grafikk og animasjon distraherer fra hovedinnholdet, endrer oppmerksomheten til besøkende på nettstedet og gjør det vanskelig å laste inn siden.

Nettstedet skal lastes raskt, og grafikk tar opp hoveddelen av nettsidetrafikken. Ett bilde i kilobyte tar opp ti ganger mer plass enn et ark med A4-tekst. Grafikken må optimaliseres! Dupliserte bilder bør brukes fordi datamaskinen lagrer nedlastede filer én gang i midlertidige mapper for å spare innlastingstid. Et repeterende bilde kan være sideoverskriften på alle sidene.

Hvis du trenger å plassere store bilder, kan du få dem til å åpne programmatisk med et ekstra klikk i et nytt nettleservindu. Men som standard skal nettstedet være lett.

Gjennomsnittlig sideinnlastingstid bør ikke overstige 30 sekunder med en tilkoblingshastighet på 28,8 Kbps. Det er tillatt å øke innlastingstiden for individuelle sider opp til 35 sekunder, men ikke mer enn 30 % av det totale antallet sider på nettstedet. Hjemmesiden skal ha en lastetid på ikke mer enn 40 sekunder

På WEB-siden kan du bruke grafikkfiler i JPG-, GIF- og PNG-format. GIF er et spesielt nettverksformat: det har en liten filstørrelse, muligheten for jevn utvikling og animasjon, samt en gjennomsiktighetseffekt, slik at du kan bruke bildet som "bakgrunnsbilde" på en side eller i tabeller. Men fordi gif inneholder en 256 fargepalett, den er ineffektiv for lagring av bilder. JPG har på sin side ingen begrensninger på fargedybde, men også på animasjonsmuligheter. Det nye filformatet, som støtter både dybde og transparens – PNG, har den ulempen at eldre nettlesere ikke ser det. Derfor, hvis du ikke tar hensyn til brukere av utdaterte programmer, kan ping inkluderes på sidene dine. For å inkludere en tegning på en side, må du beskrive en lenke til den:

hvor SRC (fra s ou rc e -source)= Bildefil i gif-, jpg- eller png-format som inneholder et bilde.
Du kan spesifisere den relative plasseringen av bildet og teksten ved å inkludere align = " "-attributtet:

Følgende justeringstyper er mulige:
align = "midt" - i forhold til midten av linjen
align = "venstre" - teksten flyter rundt bildet til høyre
align = "right" - det samme til venstre

Når du bruker venstre- eller høyrejustering, kan du inkludere en ekstra utfyllingsparameter rundt bildet i img-taggen slik at bildet ikke trykkes nær teksten din. VSPACE="n"-parameteren lager et vertikalt innrykk, og HSPACE="n" - oppretter et horisontalt innrykk på n piksler. Dermed vil en riktig skrevet bildekode med tekst som flyter rundt til høyre se slik ut:

Tekst.

Den siste parameteren er bredden på kantlinjen. Hvis den er til stede uten en verdi, men bare i form av ordet BORDER, vil grensen bli tegnet av nettleseren på egen forespørsel, og hvis, som i eksemplet, indikerer verdien bredden. En nullverdi for denne parameteren brukes hvis filen fungerer som en grafisk hyperkobling, for å maskere den.

Relatert informasjon.

Hoveddelen av innholdet som presenteres på Internett er nettsider. Dette er historisk sett den aller første typen dokument beregnet for plassering i et virtuelt nettverksområde, men det er fortsatt relevant og har praktisk talt ingen konkurrerende formater. Hva er strukturen til nettsider? Hvilke webutviklingsverktøy brukes de til å lage?

Hva er en webside?

"List opp hovedelementene på en nettside," forteller sensoren oss i en informatikktime. Hva kan vi si til ham som svar? Først av alt skal vi snakke om hva en nettside er i prinsippet.

I henhold til den allment aksepterte definisjonen blant IT-spesialister er dette et dokument som er ment å åpnes i et spesialisert program - en nettleser, og som inneholder data for visning på dataskjermen ved hjelp av riktig type programvare med forskjellig nyttig innhold - tekster , lenker, grafikk, videoer, musikk og etc. En nettside er et tekstdokument. De tilsvarende dataene for nettleseren består av bokstaver, tall og spesialtegn som brukes som elementer i markup-språket - HTML. Det er ved hjelp av det at skaperen av nettsiden "forklarer" til nettleseren hvordan du viser dette eller det innholdet på skjermen.

Stedet og rollen til nettsider i strukturen til nettsteder

Kan vi si at en nettside er hovedkomponenten i et nettsted? Dette er delvis sant. Men som vi bemerket ovenfor, er en nettside bare et tekstdokument. Nettstedet inneholder som regel også bilder, videoer og andre multimedieelementer. En nettside kan ikke inneholde dem, men den kan inneholde lenker til dem i sin struktur. Dermed kan nettsiden kalles hovedkomponenten av nettstedet når det gjelder dens dominerende rolle i å vise virtuelt innhold foran brukere.

I sjeldne tilfeller vil selvfølgelig det aktuelle dokumentet være den eneste komponenten på nettstedet - hvis det av en eller annen grunn ikke sørger for visning av grafikk, video og andre multimedieelementer. Spesielt de aller første nettstedene - da merkespråkene for nettsider først dukket opp - inkluderte ikke relevant innhold. Foran brukerens øyne var det bare tekst og lenker.

Prinsippet om å bruke hypertekst

Så en webside er et dokument skrevet i HTML, som brukes til å merke hypertekst. Men hva er dette fenomenet? Hva er hypertekst? Uten å gå for dypt inn i teorien, konstaterer vi at dette er en tekst som på en eller annen måte lar deg raskt få tilgang til en annen – gjennom lenker. Dette er umulig i en vanlig bok - det er "enkel tekst". For å få tilgang til ønsket side må leseren gjøre flere svinger, først lese innholdsfortegnelsen eller fotnotene. I hypertekstmodus gjøres mesteparten av arbeidet av datamaskinen ved å bruke informasjon som gjenspeiles i HTML-elementene på siden.

Hvis en lærer i informatikk forteller oss: "List opp hovedelementene på en nettside", så kan vi ganske riktig begynne å snakke om komponentene i det tilsvarende dokumentet som er opprettet ved hjelp av HTML-markeringsspråket. La oss derfor først se på noen teoretiske punkter angående HTML.

HTML-språkstruktur: koder

Hvordan leser en nettleser de nødvendige dataene om en nettside fra et HTML-dokument? Veldig enkelt.

Hovedelementene i dette språket er tagger. I de fleste tilfeller er de sammenkoblet - det er en åpning, og det er en avsluttende. De førstnevnte er kun angitt med vinkelparenteser. De andre er like, men før den andre parentesen er det en skråstrek - symbolet /. Nettleseren er i stand til å gjenkjenne dem, og viser derfor innholdet på nettsider uten problemer i henhold til algoritmene laget av dokumentutvikleren.

Åpningsbrikken skrives vanligvis med store bokstaver, den avsluttende taggen med små bokstaver. Dette er en standard som har blitt etablert blant IT-spesialister. Nettleseren vil selvfølgelig gjenkjenne HTML-kommandoen i alle bokstaver, men nettutviklere rådes fortsatt til å følge det merkede kodeskrivingsskjemaet. Dette vil gjøre det lettere for for eksempel andre spesialister å forbedre nettsiden.

Attributter

Andre viktige elementer i HTML-språket er attributter. Med deres hjelp kan skaperen av en nettside angi egenskapene til innholdet - for eksempel skrifthøyde, farge, posisjon i forhold til siden. Det samme gjelder bilder, videoer og andre multimediekomponenter. Attributter er skrevet i åpningstaggen.

Innhold

Mellom åpnings- og avslutningstaggen ligger den neste nøkkelkomponenten på en nettside – innholdet. Dette er faktisk selve innholdet som skal vises foran brukeren på skjermen. Dette kan være tekst, en lenke, et bilde, en video eller et annet multimedieelement.

Nettsideelementer

"Så liste opp hovedelementene på en nettside, endelig!" – gjentar læreren. "Med glede," svarer vi ham. Hva er inkludert i strukturen til dokumenttypen som vurderes? La oss bli enige om at vi vil vurdere dette aspektet i sammenheng med HTML-elementene på nettsiden. Det vil si at deres visning i nettleseren – det brukeren ser på skjermen – vil interessere oss i mindre grad. Faktum er at de tilsvarende HTML-algoritmene, på grunnlag av hvilke programmet viser innhold på samme måte, kan være forskjellige. Og dette er en funksjon i HTML-språket: ønsket bilde på en webside kan vises på forskjellige måter. Samtidig kan de enten være likeverdige når det gjelder arbeidskostnadene til nettsideskaperen, eller kreve en annen mengde innsats og tid for implementeringen.

Nettsideelementer: Overskrift

Standardelementer på en webside, hvor overraskende det enn kan høres ut, presenteres i svært små mengder. Faktisk er det bare to av dem - tittelen og hoveddelen av dokumentet. Samtidig kan hver av dem ha en ganske kompleks struktur.

Hva er detaljene ved tittelen? Den ligger helt øverst på nettsiden. HTML-koden som danner overskriften er vanligvis ment å "kryptere" bare teksten, men om nødvendig kan små grafiske innlegg også plasseres i det tilsvarende elementet. Og det er faktisk alt som kan sies om tittelen. Det ser ut til at dens rolle i strukturen til det tilsvarende dokumentet er ubetydelig. Men det er ikke sant. Nettsidetitler er svært viktige med tanke på nettstedindeksering i søkemotorer - Yandex, Google. Dette elementet må være helt relevant for innholdet på nettsiden, så vel som de tematiske spesifikasjonene til nettstedet.

Hvordan fanges tittelen på en nettside med HTML? Veldig enkelt. Først skrives åpningstaggen, som alltid ser ut som HEAD med vinkelparenteser, deretter header-innholdet, deretter den avsluttende taggen. De er selvfølgelig skrevet helt øverst i nettdokumentet.

Tittelen på et nettdokument kan inneholde en rekke tilleggselementer. Noen ganger kan formatet til en webside kreve at tekst vises i en bestemt koding. Hvordan kan du sikre at webdokumentet ditt oppfyller dette kriteriet? Veldig enkelt. HTML-algoritmer må plasseres i dokumenthodestrukturen, og instruerer nettleseren til å bruke en spesifikk språkkoding - for eksempel kyrillisk. De tilsvarende kommandoene er plassert i META-taggen, som, i likhet med andre, kan åpne og lukke.

Hoveddelen av nettsiden

Hoveddelen av nettdokumentet åpnes med BODY-taggen og lukkes med det tilsvarende elementet, inkludert en skråstrek. Dessuten kan det være et stort antall ekstra hypertekst-markeringsspråkkommandoer mellom åpnings- og avslutningstaggen. Dette skyldes det faktum at hoveddelen av nettsiden inneholder dets nyttige innhold - tekster, lenker, grafikk, videoer, ulike skjemaer å fylle ut.

Hver av de tilsvarende innholdstypene har sine egne tagger. Strukturen til hoveddelen av et nettdokument kan inneholde HTML-kommandoer, som også brukes til å formatere teksten – for eksempel å gi skriften en viss farge, størrelse og andre egenskaper.

La oss se på detaljene til noen ofte brukte HTML-koder. Faktisk utgjør de hovedelementene i en nettside.

Grunnleggende HTML-tagger

Så, for å studere i detalj hva elementene i en nettside er, la oss studere mer detaljert essensen av grunnleggende HTML-koder. Vi har allerede gitt noen av dem ovenfor - spesielt de med hjelp av hvilke nettleseren leser overskriftene på nettsider og bestemmer hvor hoveddelen av dokumentet er plassert.

P-taggen er ganske vanlig. Den, som andre lignende elementer i hypertekst-markeringsspråket, kan åpne og lukke. Denne taggen lar deg formatere et enkelt avsnitt i et dokument. Du kan for eksempel angi en bestemt skrifttype eller farge for den. Dette gjøres imidlertid ved å bruke en ekstra kode - FONT. I dette tilfellet vil den bli plassert innenfor den som markerer grensene for avsnittet - dette vil forhindre at HTML-kommandoen som gjenspeiler typen foretrukket skrift distribueres til andre elementer på nettsiden.

Tabeller opprettes ved hjelp av TABLE-taggen. Ved å bruke de tilsvarende attributtene kan du bestemme det nødvendige antallet kolonner og rader, angi bredde, spesifikke grenser, størrelse og skriftfarge på teksten i tabellen.

IMG-taggen er ansvarlig for hvordan bilder behandles av nettleseren. Du kan også plassere forskjellige attributter i den som regulerer størrelsen på bildet og plasseringen på siden.

Lenker til andre nettdokumenter eller filer angis ved hjelp av taggen A. Som regel er det attributter inni den som indikerer at det er en hyperkobling i strukturen til nettsiden. I dette tilfellet er dokumentet, filen eller nettstedet som det fører til, angitt.

En vanlig tag er FRAMESET. Med dens hjelp kan du dele plassen på en nettside i flere områder - rammer. I hver av dem kan du plassere lenker til individuelle nettdokumenter. Det vil si at rammer lar deg plassere to eller flere sider riktig på en skjerm samtidig.

En historie om nøkkelelementene til nettsider og en påfølgende historie om måten å formatere dem på ved hjelp av HTML-språket - omtrent dette vil være algoritmen for svaret vårt på spørsmålet som sensor stilte oss. Hvis han kom til oss og sa «liste opp hovedelementene på en nettside», så vil vi, ved å bruke riktig metodikk, ha alle muligheter til å avdekke emnet. Det vil si at med begrepet "elementer" kan vi forstå nøkkelkomponentene i strukturen til et nettdokument, eller typene innhold - tekst, bilder, tabeller, rammer, lenker som webmaster genererer ved hjelp av et verktøy som HTML-språket .

Spesifikasjoner for webutviklingsverktøy

I tillegg til det som er sagt, kan vi forklare at det er et stort antall tagger og attributter levert av HTML-standarder. I tillegg til HTML kan webutviklere bruke ekstra formateringsverktøy for hypertekstdokumenter. Ved å bruke JavaScript-skriptspråket kan du for eksempel lage dynamiske nettsider - det vil si de der innholdet hele tiden oppdateres (både på grunn av handlingene til brukeren selv og i samsvar med algoritmer som er forhåndsskrevet i skript).

Det ville være nyttig å legge til at en webutvikler kan bruke fullverdige programmeringsspråk i arbeidet sitt, som for eksempel Perl, PHP, Java, Python, ved hjelp av hvilke mulighetene for å jobbe med hypertekstdokumenter blir enda bredere. Behovet for dette kan skyldes at bruksområdene til nettteknologier i dag er svært forskjellige. Utfordringene moderne utviklere står overfor kan være ganske komplekse. Noen ganger er det for eksempel nødvendig å oversette nettsider skrevet på russisk til engelsk. I dette tilfellet vil utviklerens verktøy være svært forskjellige.

Enhver nettside inneholder et visst sett med standardelementer som er obligatoriske komponenter i hver Internett-ressurs. Selvfølgelig kan rekkevidden og antallet slike objekter variere avhengig av nettstedets tematiske fokus, mengden materiale som er publisert på det, samt målene og målene som skaperen av denne ressursen setter for seg selv. Utformingen av slike elementer, utforming av deres relative posisjon er en av hovedoppgavene til webmaster.

Det første elementet på en nettside som vi må se på er tittelen. Den kan lages i enten tekst eller grafisk form, men i begge tilfeller bør den være plassert øverst i dokumentet. Noen ganger er overskriften kombinert med en meny for valg av kyrillisk koding og knapper for å bytte fra den russiske til den engelske versjonen av nettstedet, hvis denne nettressursen presenteres på to språk. Direkte under dokumentets undertittel er som regel plassen som er tildelt for å plassere et reklamebanner. Å inkludere et banner øverst på nettsiden er i de fleste tilfeller en forutsetning for å registrere et nettsted i bannerbyttetjenester - systemer som annonserer ressursen du har opprettet i bytte mot å vise annonser fra andre deltakere i bannerutvekslingsnettverket på sidene til din side. Standardstørrelsen på bannere publisert under dokumenttittelen er vanligvis 468x60 piksler. Hvis du bruker et statisk sideoppsett, vil dokumentets topptekstbredde være omtrent 640 piksler, først og fremst for å sikre at dokumentet ditt vises riktig på 640 x 480 pikslers skjermer og for å unngå å ha et horisontalt rullefelt som gjør det vanskelig å se. Åpenbart vil bredden på banneret i dette tilfellet være betydelig mindre enn bredden på overskriften, på grunn av at det vil vises ledig plass på den delen av siden der du planlegger å tildele plass for annonsering, som kan fylles med logoen til selskapet som eier dette nettstedet eller en lenke til serveren som implementerer webhotellet. Selvfølgelig er en logo ikke alltid nødvendig: som regel er den inkludert på en nettside bare hvis nettstedet har et kommersielt fokus.

Hoveddelen av dokumentet er okkupert av det såkalte tekstfeltet - området der det semantiske innholdet på siden befinner seg: meningsfull informasjonstekst og illustrasjoner. De oppførte elementene kalles også "innhold" (fra engelsk, innhold). Plasseringen av tekstfeltet avhenger først og fremst av hvordan webdesigneren vil plassere de resterende elementene i dokumentet.

Den neste obligatoriske komponenten på en nettside er navigasjonselementer - hyperkoblinger som forbinder dette dokumentet med andre deler av nettstedet. Navigasjonselementer kan lages i form av tekststrenger, grafiske objekter, det vil si knapper, eller aktive komponenter, for eksempel Java-appleter. Sistnevnte er de samme knappene som, i motsetning til deres "tradisjonelle" søstre, kan reagere på musebevegelser, utføre noen enkle handlinger når markøren holdes over dem (slå på bakgrunnsbelysningen, skape en "klikk"-effekt, endre form osv. d.). Som jeg allerede har nevnt i avsnittet "Grunnleggende "postulater" for webdesign, bør navigasjonselementer plasseres på en slik måte at de alltid er "i sikte", "for hånden", det vil si slik at brukeren ikke har å "spole tilbake" siden tilbake , hvis tekstfeltet opptar flere fysiske skjermer i høyden, så bruk lang tid på å lete etter lenker til andre seksjoner. Den mest etablerte tilnærmingen er å plassere navigasjonselementer på venstre kant av siden.

Nederst i dokumentet er det vanlig å publisere informasjon om nettstedsutviklerne og en e-postadresse som besøkende på ressursen kan sende sine svar, forslag og ønsker til sideeierne. Hvis nettsiden er startdokumentet, er det også plassert en besøksteller nederst på den - et lite skript som kaller opp et CGI-skript installert på serveren, som registrerer hver åpning av dokumentet i brukerens nettleser, og endrer verdien på tellerindikatoren. Takket være dette kan webmaster enkelt bestemme antall besøkende som har besøkt siden hans over en periode. Jeg legger merke til at besøkstelleren bare er installert på den første siden som kalles når du går inn på nettstedet; den er ikke til stede i andre dokumenter i ressursen.

Så vi har undersøkt alle hovedkomponentene til en nettside og deres mulige plassering i forhold til hverandre. Et eksempel på et nettstedoppsett som inneholder et komplett sett med komponentene beskrevet ovenfor er vist i fig. 3.6. Den velger navigasjonselementene som skal plasseres langs venstre kant av dokumentet.

Ris. 3.6. Et eksempel på en nettsidelayout med venstre posisjonering av navigasjonselementer

I praksis møter vi ofte nettsider der utformingen av navigasjonselementer er plassert langs høyre kant av skjermen. I dette tilfellet flyttes tekstfeltet til venstre, de resterende komponentene i dokumentet er ordnet basert på prinsippet om maksimal estetikk av kombinasjonen deres. Et eksempel på en slik nettstedimplementering er vist i fig. 3.7.

Ris. 3.7. Et eksempel på et websideoppsett med høyreposisjonering av navigasjonselementer

Som det fremgår av figuren, er logoen i dette tilfellet plassert på samme nivå som dokumenttittelen, og reklamebanneret er plassert i forhold til midten av siden. Med denne tilnærmingen anbefales det å opprettholde den grafiske utformingen av overskriften, logoen og feltet for annonsering i en enkelt farge og kunstnerisk stil - da vil asymmetrien i plasseringen av disse objektene ikke være så åpenbar og vil ikke "skade øynene ” av tilhengere av en streng, “tabellformet” designestetikk.

Navigasjonselementer kan plasseres ikke bare nær høyre og venstre kant på siden, men også øverst i dokumentet. Dette layoutalternativet er etter min mening best egnet når du lager hjemmesider: i dette tilfellet "passer" alle sideobjekter harmonisk inn i den gitte bredden på den usynlige tabellen, mens forberedelsen av selve tabellen er sterkt forenklet. Den eneste ulempen med denne tilnærmingen er behovet for å duplisere navigasjonselementene nederst i dokumentet, siden når du ruller vertikalt på siden, forsvinner de bak den øverste kanten av skjermen, og for å komme til dem, må brukeren "spole tilbake" skjermen, som du ser er veldig upraktisk. Et eksempel på utformingen av en side med toppnavigasjonselementer er vist i fig. 3.8.

Ris. 3.8. Eksempel på nettsideoppsett med toppplassering av navigasjonselementer

Alt som er sagt i denne delen er selvfølgelig ikke et universalmiddel, men en veiledning til handling. Jeg prøver å skissere bare de generelle prinsippene som brukes når du legger ut strukturen til et nettsted, men den endelige avgjørelsen forblir alltid hos webmaster. Til syvende og sist, uansett hvilket design du bruker som grunnlag for ditt fremtidige prosjekt, vil resultatet av arbeidet ditt fortsatt være korrekt: på Internett er det verken sensur eller noen forskrifter som tvinger nettstedskaperen inn i et eller annet strengt rammeverk. Et eksempel på en designløsning som ikke faller inn i noen av de ovennevnte kategoriene er den såkalte blandede layouten, et omtrentlig diagram som er vist i fig. 3.9.

Som det fremgår av figuren, i dette eksemplet, er noen av kontrollelementene innebygd direkte i sideoverskriften - vi snakker om knapper for å bytte mellom den russiske og engelske versjonen av nettstedet, samt navigasjonsknapper: dette kan være en lenke til e-postadressen til ressursskaperne, duplisert nederst i dokumentet, og en lenke til en av de tematiske delene, for eksempel en nyhetsside. Hovedblokken med navigasjonselementer er plassert i forhold til venstre kant av dokumentet, men menyen for valg av kyrillisk koding er plassert rett under reklamebanneret øverst på siden. Tekstfeltet er delt inn i to asymmetriske kolonner, og den høyre inneholder korte kunngjøringer av de tematiske seksjonene som utgjør ressursen, inkludert lenker til disse seksjonene.

Det er klart at det kan være mange alternativer for en "blandet layout" av en nettside: spesifikke løsninger avhenger av antall seksjoner som utgjør ressursen, volumet av tekst som er forberedt for plassering på nettstedet, og til slutt, på fantasien til designeren selv. Det er bare viktig at utseendet til nettstedet ikke forårsaker noen klager fra besøkende. Til syvende og sist er det bare du som utvikler, du og ingen andre, som har rett til å vise alle dine evner og talenter og tilrettelegge siden etter din egen smak. Skaperne av noen hjemmesider, uten å bli plaget av tvil, plasserer trefftelleren i øvre høyre hjørne av dokumentet, navnet på nettstedet er skrevet med liten, pen skrift og publisert under et reklamebanner, og av en eller annen grunn navigasjonselementer dukker uventet opp midt i tekstblokken, mellom historien om deg selv og fotografier av den elskede hunden til forfatteren av prosjektet. Det er ingen kamerater for smak og farge, som man sier. Men personlig virker denne sykdommen uhelbredelig for meg.

Ris. 3.9. Et eksempel på en "blandet" nettsidelayout

Nettsteder er forskjellige fra hverandre:

Størrelser (fra flere sider til webservere med gigabyte med informasjon).

Design (generelt fargeskjema, skriftformat, brukt illustrasjoner osv.).

Struktur (system med lenker, tilkobling av sider på nettstedet, samt tilkobling til andre nettsteder).

Samtidig bygges enhver nettside av standardelementer, som kan deles inn i to grupper:

Passive (illustrative) elementer

• animasjon

Aktive elementer

• inndatafelt

  brytere

Rammerramme- frame, framework) er en teknologi som lar deg dele opp en nettside i flere deler (vinduer) og gjør det mulig å endre innholdet i hver del uavhengig av de andre delene. Dermed er innholdsfortegnelsen til et nettsted ofte plassert i en uforanderlig ramme, og innholdet i en annen.

Tema 9. Elektronisk kommunikasjon. E-post adresse

Elektronisk post (e-post) er hovedtypen nettverkstjeneste. Meldinger utføres gjennom systemet e-postservere.

For hver bruker på e-postserveren er det en egen Postkasse er plasseringen på serverdisken der e-postmeldinger er lagret. Når du har fullført registreringsprosedyren for e-postadresse, mottar brukeren et pålogging og passord, som deretter vil bli brukt for å få tilgang til postkassen hans. Navnet (pålogging) på postkassen oppgis av brukeren selv. Serveren sørger bare for at navnet er unikt.

En e-postadresse består av to deler, atskilt med @-tegnet (dette tegnet kalles vanligvis en "hund"):

brukerens postboksnavn (valgt av ham, i vårt eksempel - irina).

domenenavnet til e-postserveren (i vårt eksempel - post. ru) .

For eksempel, irina@ post. ru

E-postadresser skrives uten mellomrom med latinske bokstaver, tall eller symboler (tillatt for bruk).

Basert på registreringsdataene til e-postadressen på brukerens datamaskin, aRegnskap , som inneholder informasjon som er nødvendig for å kontakte e-posttjenesten, inkludert brukernavnet (Logg Inn) og passord.

Basert på denne posten identifiserer serveren brukeren.

Internett-sikkerhetsplanlegging for beskyttelse

Målet for et angrep kan være både informasjon som overføres over nettverket og en datamaskin koblet til Internett.

Det er umulig å sikre fullstendig sikkerhet når du bruker Internett, men forhåndssikkerhetsplanlegging reduserer sannsynligheten for angrep betydelig. Fordi Internett er i konstant utvikling, oppstår det stadig nye sikkerhetsproblemer, så oppdatering av sikkerhetsverktøy er en viktig del av å opprettholde helsen til datasystemet.

Forsvarslinjer:

Blokkering av mulige angrep:

Bruk spesiell programvare og maskinvare som blokkerer usikre og unødvendige data.

Bruk autentisering og kryptering.

Redusere risikokilder:

Bruk bare de Internett-tjenestene du virkelig trenger.

Bruk feilfri programvare og hold den oppdatert regelmessig.

Konfigurer programvaren riktig (jo mindre tillatt, jo høyere sikkerhet).

Ikke annonser informasjon om deg selv på nettet.

Begrens tilgangen til datamaskinressursene dine.

Forbereder på å komme seg etter et angrep:

Lag og oppdater regelmessig sikkerhetskopier av arbeidsdataene dine.

Ha alltid programvaredistribusjonssett for hånden.

Autentisering (frarpøkologiskeautentiske- autentisitet) - bekreftelse av autentisitet.