Hoe ziet de webpagina eruit? Maak een webpagina en host deze op een lokale webserver

In dit artikel zullen we erover praten diverse concepten gerelateerd aan internet: over webpagina's, websites, webservers en zoekmachines. Deze termen verwarren vaak zowel degenen die nieuw zijn op internet als mensen die het internet zelden gebruiken. Laten we eens kijken wat deze concepten precies betekenen!

In een notendop

Net als elk ander kennisgebied staat het internet vol met specifieke termen. Maar maak je geen zorgen, we willen je niet overweldigen aan het begin van je reis (en als de nieuwsgierigheid nog steeds de overhand krijgt, hebben we een woordenboek). Maar eerst een paar basisvoorwaarden je moet ze nog leren, want je zult ze vaak in onze artikelen tegenkomen. Soms zijn deze termen gemakkelijk te verwarren, omdat ze verwant zijn, maar dat wel zijn verschillende functies. Het is je waarschijnlijk opgevallen dat ze meer dan eens in het nieuws of elders worden misbruikt.

We zullen deze concepten en technologieën iets later bekijken, maar nu korte definities Het volgende zal u een zeer goede start geven:

Webpagina Een document dat kan worden weergegeven door webbrowsers zoals Firefox, Google Chrome,Microsoft Internet Explorer/ Edge of Apple's Safari. Kortheidshalve zullen we het concept van “webpagina” eenvoudigweg “pagina” noemen. Website Een verzameling webpagina's die op de een of andere manier met elkaar verbonden zijn. Gebruik in woordenschat: “website” of eenvoudigweg “site”. Webserver Een computer die computer- en

software

noodzakelijk voor het functioneren van de website. Zoekmachine Een website die u helpt andere webpagina's te vinden, zoals Google, Bing of Yahoo. Actief leren

Er is nog geen actief onderzoek beschikbaar. Als u kunt voorzien

nuttige informatie

, Dat, .

Laten we dieper duiken Laten we dus wat dieper graven en ontdekken hoe deze vier termen met elkaar verband houden, en waarom deze concepten vaak met elkaar worden verward.

  • Webpagina Webpagina
  • - een eenvoudig document dat via een browser op een computerscherm wordt weergegeven. Zo'n document is geschreven in HTML (waar we meer in detail naar zullen kijken). Een webpagina kan veel verschillende materialen bevatten, zoals: stijl informatie
  • - het besturen van de pagina door perceptie en gevoel scripts

- waardoor de pagina dynamischer en gebruiksvriendelijker wordt voor gebruikers Browsers kunnen vaak enkele PDF- of afbeeldingsdocumenten weergeven, maar de term webpagina is direct relevanter voor HTML-documenten. Tot het einde van het artikel, in in dit geval, we zullen het concept gebruiken document.

Alle webpagina's op internet hebben hun eigen unieke adres. Om toegang te krijgen tot de gewenste pagina, voert u eenvoudigweg het adres in adresbalk Uw browser:

Website is een verzameling pagina's die op welke manier dan ook met elkaar verbonden zijn (inclusief hun verbindingen met andere bronnen), die beschikbaar zijn onder één enkele pagina domeinnaam. Elke pagina van de site bevat deep links (bijna altijd gemarkeerde stukjes tekst waarop kan worden geklikt) waarmee de gebruiker snel van de ene pagina van de website naar de andere kan gaan.

Om toegang te krijgen tot een website, typt u de domeinnaam in de adresbalk van uw browser, waarna uw browser wordt weergegeven startpagina website of, met andere woorden, startpagina:

Webpagina En website het is vooral gemakkelijk om elkaar te verwarren wanneer website bevat er slechts één pagina. Deze site wordt ook wel eens genoemd website van één pagina.

Webserver

Webserver is een computer die een of meerdere biedt websites (hosting). De term "hosting" betekent dat alles pagina's en de daaraan gekoppelde bestanden staan ​​op deze computer. Die. Webserver zal er een sturen pagina Met plaats op verzoek van elke gebruiker, wat de hosting voor de browser van de gebruiker zal zijn.

Verwar de concepten niet website En webserver. Als u bijvoorbeeld iemand hoort zeggen: 'Mijn website reageert niet', bedoelen ze dat eigenlijk webserver reageert niet op het verzoek en is daarom zelf niet beschikbaar website. Omdat een webserver meerdere sites kan hosten, wordt de term webserver bovendien nooit gebruikt om naar een website te verwijzen, omdat dit tot veel verwarring kan leiden. Terugkomend op het vorige voorbeeld: als we zouden zeggen: “Mijn webserver reageert niet”, zou dat betekenen dat er geen sites beschikbaar zijn op die server. op dit moment.

Zoekmachine

Zoekmachines zijn een veel voorkomende oorzaak van verwarring online. Zoekmachine- Dit speciaal soort website die gebruikers helpt vinden vereiste pagina's anderen sites.

Meest populaire zoekmachines: Googlen, Bing, Yandex, DuckDuckGo en vele anderen. Sommige daarvan zijn universeel, andere zijn op een specifiek gebied gericht. Gebruik de zoekmachine die voor u handig is.

Veel beginnende internetgebruikers verwarren een zoekmachine en een browser. Laten we het uitleggen: browser is software die webpagina's vindt en weergeeft; zoekmachine - dit is een speciaal type site waarmee gebruikers de pagina's kunnen vinden die ze nodig hebben anderen sites. De verwarring ontstaat omdat wanneer iemand een browser voor het eerst start, deze de startpagina van de zoekmachine weergeeft. Dit is precies waar, want het eerste dat u doet wanneer u uw browser start, is een webpagina zoeken en deze openen. Maar verwar infrastructuur (d.w.z. browser) niet met service (d.w.z. zoekmachine). Dit verschil zal je enigszins helpen, maar zelfs sommige experts gebruiken deze concepten willekeurig, dus je hoeft je er niet al te veel zorgen over te maken.

Hieronder ziet u een voorbeeld van hoe de Firerox-browser het venster standaard weergeeft Google-zoekopdracht op de startpagina (home):

: HTML - hypertext-opmaaktaal (of hypertext-opmaaktaal).

Laten we hem dus beter leren kennen.

Maak eerst een bestand op uw computer met een willekeurige naam en extensie.html (de naam moet aan staan Engels - bijvoorbeeld index.html). Om zo'n bestand te maken, maakt u een normaal bestand tekstdocument ("Start" - "Alle programma's" - "Accessoires" - "Kladblok") en opslaan ("Bestand" - "Opslaan als") waar dan ook door de naam en extensie in te voeren (het komt voor dat wanneer u een extensie introduceert, Kladblok deze nog steeds opslaat als tekstbestand, maar we hebben het nodig webbestand. Om dit te doen, selecteert u voordat u opslaat het bestandstype - "Alle bestanden (*.*)").

Dit is niet het geval voorwaarde(aangezien u de naam van de eerste pagina in de serverinstellingen kunt wijzigen), maar een regel van goede manieren. De naam van de eerste pagina is bij voorkeur index (index.html), aangezien de server bij toegang een bestand met dezelfde naam produceert: index.

Indien correct opgeslagen, zou het bestandspictogram moeten veranderen in het browserpictogram (door standaard internet Ontdekkingsreiziger).

Open dit bestand nu met Kladblok en kopieer de volgende code daarheen.

Dit is de eerste webpagina!

Opslaan en openen in een browser.

Gefeliciteerd, u heeft zojuist uw eerste webpagina gemaakt.

Tekst "Dit is de eerste webpagina!" Je kunt het in een ander veranderen, bijvoorbeeld: "Dit is mijn eerste webpagina!!!" sla op, update de browser en bewonder het resultaat.

Maar onze pagina heeft geen titel.

We moeten dit oplossen - we zullen de code een beetje corrigeren, of beter gezegd, we zullen er een “Site Head” aan toevoegen met behulp van tags En .</p><p> <html> <head> <title>Eerste pagina Dit is mijn eerste webpagina!!!

Bewaar, update, bewonder. Onze pagina heeft nu een titel.

Beschrijving van tags.

Het allereerste label is (deze tag is gepaard, d.w.z. de afsluitende tag vereist) - het wordt gebruikt als een container waarin alle inhoud van de pagina (tekst, afbeeldingen, enz.) zich bevindt. Hoewel deze tag ( En) is optioneel, maar het gebruik ervan duidt op goede manieren. Daarom raad ik je aan om het te gebruiken.

Volgende label - . Dit ook gepaarde label (En). Deze tag verschijnt niet op de pagina (behalve in de header), maar is verplicht om aan te geven aanvullende parameters pagina's - paginabeschrijving (gebruikt door zoekmachines), trefwoorden(gebruikt door zoekmachines), stijlen, scripts, koptekst, enz.

Label </b>- gekoppelde tag ( <title>En), is vereist om de paginatitel aan te geven. Bovendien mag deze tag alleen in de tag worden geplaatst !

En de laatste tag in onze code is - . Ook een gepaarde tag ( En

), waarbinnen zich het gehele zichtbare deel van de site bevindt, d.w.z. teksten, afbeeldingen, links, in algemene informatie die u op de site wilt plaatsen.

In de volgende les zullen we het hebben over de soorten tags en de regels voor het schrijven ervan.

Dus, wat is een website en een webpagina? Laten we, om dit probleem te begrijpen, eens nadenken over welke informatie er eigenlijk op een website kan staan? Het antwoord ligt voor de hand: bijna elk antwoord. De site kan informatie bevatten over computerspellen, auto's, aquariumvissen, mythische wezens, steden en landen van de wereld, enz. enz. De lijst gaat maar door. Je kunt zelfs bijvoorbeeld werken van grote Russische klassiekers op de site plaatsen. Wat vind je van de site "Oorlog en Vrede"? Het blijkt dat de site een boek is, maar niet een eenvoudig boek, maar een elektronisch boek? Ja, een website is in wezen een e-boek, tijdschrift of leerboek, dat zowel informatie kan bevatten die nuttig voor u is, als informatie die u op dit moment helemaal niet interesseert.

Net als een gewoon boek bestaat een website uit pagina's die webpagina's worden genoemd.

Hoe vinden we eigenlijk de informatie waarin we geïnteresseerd zijn in hetzelfde leerboek over computerwetenschappen? We openen de inhoud, die zich aan het begin of einde van het leerboek bevindt, zoeken naar de paragraaf die de nodige informatie bevat, kijken naar het paginanummer tegenover de paragraaf, openen deze en bestuderen het materiaal. Alles is vrij eenvoudig en gewoon.

Nadat we op de hoofdpagina van een goed ontworpen website zijn aangekomen, zouden we ook iets moeten zien dat lijkt op de inhoud van een leerboek, zodat we snel de informatie kunnen vinden die we nodig hebben.

Maar hoe te bereiken noodzakelijke informatie bevindt zich op de website, omdat we niet kunnen scrollen elektronische pagina's net als gewone papieren exemplaren? We gebruiken inderdaad meestal een muis.

In feite is het schakelen tussen pagina's van de site zelfs efficiënter dan het verplaatsen tussen pagina's wanneer u met een gewoon leerboek werkt. Om tussen pagina's van een site te bewegen, worden elementen van de webpagina gebruikt; wanneer u erop klikt, kunt u naar een andere pagina van de site gaan. Deze pagina-elementen worden hyperlinks genoemd en zijn aanwezig op alle pagina's waaruit de site bestaat.

In het “klassieke” geval worden een deel van de tekst (een woord of meerdere woorden) en grafische afbeeldingen (tekeningen en foto's) gebruikt als hyperlinks.

Omdat in het eerste geval tekst wordt gebruikt om hyperlinks te maken, wordt zo'n hyperlink een tekstlink genoemd. Heel vaak is een teksthyperlink onderstreepte tekst blauw. Ik heb bijvoorbeeld op de hoofdpagina van de site de inscriptie 'Websites en webpagina's' gezien op een vergelijkbare manier en door erop te klikken met de linkermuisknop, zou u op een webpagina moeten belanden die aan dit onderwerp is gewijd. De pagina "Websites en webpagina's" moet op zijn beurt minstens één hyperlink bevatten waarmee u naar de inhoud kunt terugkeren.

Indien gebruikt als hyperlink grafisch beeld bijvoorbeeld een foto, dan is het moeilijk te raden dat dit een hyperlink is. Hoe kun je dan bepalen of een afbeelding een hyperlink is of niet? Onthoud in dit geval volgende regel: "Als wanneer u de muiscursor over een element op een webpagina beweegt, deze de vorm aanneemt van een hand, dan is dat element een hyperlink."

Let op: Er bestaat een uitzondering op deze regel, bijvoorbeeld in het geval van rollovers, die weliswaar geen hyperlinks zijn, maar wanneer u er met de muis overheen beweegt, neemt de cursor ook de vorm aan van een hand. Naast het veranderen van het uiterlijk van de cursor, moet ook de URL (uniek adres van de bron) worden weergegeven als u over een hyperlink beweegt, maar we zullen hierover praten in de les over het maken van hyperlinks met FrontPage.

Beveiligingsvragen:

  • Wat is een website?
  • Wat is een webpagina?
  • Wat is een hyperlink?
  • Welke elementen van een webpagina kunnen als hyperlinks worden gebruikt?
  • Hoe kan ik bepalen of een pagina-element een hyperlink is?
  • Kunnen individuele webpagina's van een site niet één enkele hyperlink bevatten?

Een zelfstandig onderdeel van de website; een document voorzien van een uniek adres (URL). Een webpagina kan statische of dynamische constructie. Meestal zijn webpagina's georganiseerd als hypertekst met tekst, afbeeldingen, geluid, video of... Financieel woordenboek

- (Engels) Webpagina) hypertekstbron Wereld wijde web, meestal geschreven in de referentietaal voor snelle overgang naar andere pagina's, maar ook naar statische en dynamische beelden. Een programma dat een webpagina weergeeft, wordt een webbrowser genoemd... Wikipedia

Een zelfstandig onderdeel van de website; een document voorzien van een uniek adres (URL). Een webpagina kan een statische of dynamische constructie hebben. Meestal zijn webpagina's georganiseerd als hypertekst met tekst, afbeeldingen, geluid, video of... Woordenboek van zakelijke termen

webpagina- Websitecomponent, bestand op de webpagina van de server [GOST R 52872 2007]. HTML-document, toegankelijk via internet. Onderwerpen informatietechnologie in het algemeen NL webpaginawebpagina…

- (Engels) Handleiding voor technische vertalers web-web , netwerk), een zelfstandig onderdeel van de website (zie WEBSITE), afzonderlijk document op internet (zie INTERNET), voorzien van een uniek adres (URL), dat tekst, afbeeldingen, geluid, videobestanden en animatie kan bevatten. Geschreven in... ...

Encyclopedisch woordenboek Zelfstandig naamwoord, aantal synoniemen: 4 gateway (1) deuropening (2) internetpagina (1) ...

webpagina Woordenboek van synoniemen - webpagina's, webpagina's...

webpagina Samen. Afzonderlijk. Met koppelteken. - verdomd land, creatief. blz. haar...

Russisch spellingwoordenboek

Een dynamische pagina is een webpagina die programmatisch wordt gegenereerd, in tegenstelling tot een statische pagina, dit zijn bestanden die zich op de server bevinden. De server genereert (X)HTML-code voor verwerking door de browser of een andere user-agent. Beschrijving... ... Wikipedia Het verzoek voor "site" wordt hierheen geleid. Zien ook andere betekenissen. Website (van de Engelse website: web web en site “place”) in computernetwerk

verenigd onder één domeinnaam of IP-adres) een verzameling documenten van een particulier of... ... Wikipedia

Waar begint een webpagina?

Wat zijn de fasen van het creatieproces? Om te begrijpen wat een webpagina is, moet u begrijpen hoe deze is gevormd.

Ontwerp

Het begint allemaal met het werk van de ontwerper. Hij ontwikkelt, in overeenstemming met de eisen en doelstellingen van de klant, een lay-out van de toekomstige website. Deze lay-out is gemaakt voor één, twee of meer pagina's. In dit stadium wordt de locatie van alle benodigde objecten bepaald, lettertypen, afbeeldingen en ontwerp in het algemeen geselecteerd. Dat wil zeggen, het wordt aanvankelijk gevormd verschijning pagina's, waaruit vervolgens een volwaardige website wordt samengesteld.

Indeling

Vervolgens wordt de lay-outontwerper bij het werk betrokken. Op basis van de door de ontwerper ontwikkelde lay-out maakt hij de pagina-indeling en optimaliseert deze verschillende browsers. Voor dit doel is het gemaakt gewoon document, bijvoorbeeld in Kladblok, dat is opgeslagen met de extensie .html. In deze taal wordt een eenvoudige webpagina geschreven. HTML staat voor HyperText Opmaaktaal en is een set tags die dienen om verschillende taken uit te voeren. Deze taal is vrij eenvoudig maar functioneel. Met zijn hulp wordt het gecreëerd logische structuur pagina en deze is onderverdeeld in individuele elementen- koppen, lijsten, alinea's, tabellen en andere objecten. Bovendien definiëren tags de betekenis van alle inhoud. Ze geven de browser informatie over wat moet worden gemarkeerd, onderstreept, waar moet worden ingesprongen, waar een afbeelding moet worden ingevoegd en wat er in een link moet worden omgezet. Hierdoor krijgt de pagina het juiste uiterlijk. Om het echter volledig te laten overeenkomen met wat de ontwerper heeft bedacht, is het ook noodzakelijk om CSS te gebruiken. Dit zijn trapsgewijze stijlbladen die het uiterlijk en het ontwerp van een HTML-document bepalen. Met behulp van CSS-tools kunt u de pagina “inkleuren”. vereiste kleuren, pas een of andere lettertypestijl toe, voeg andere ontwerpelementen toe. Door HTML en CSS te gebruiken, krijgen we een voltooide, prachtig ontworpen pagina. Maar het moet nog steeds dynamisch worden gemaakt, en dit is aan de programmeur.

Programmering

Op in dit stadium u begrijpt al wat een webpagina is en hoe deze wordt gemaakt. Maar dat is niet alles. Er zijn verschillende soorten pagina's: statisch, dynamisch en interactief. De eerste zijn precies degene die alleen zijn gemaakt met met behulp van html en css. Om een ​​pagina dynamisch te maken, heb je een engine nodig: CMS (of Content Management Systeem). Dit speciaal programma, dat op basis van gebruikersverzoeken een pagina genereert op basis van gegevens die zijn opgeslagen in de serverdatabase. Dat wil zeggen dat de pagina wordt gemaakt wanneer een verzoek van de gebruiker wordt ontvangen. Om het te schrijven worden talen zoals ASP, PHP en andere gebruikt. Wat interactieve pagina's betreft, omvatten deze zogenaamde formulieren waarmee de gebruiker en de server gegevens uitwisselen. Ze zijn ook ingeschreven PHP-talen, JavaScript, enz. Programmeren is een complexer proces dan lay-out en vereist hoogwaardige specifieke kennis van ten minste één (of bij voorkeur meerdere) van de genoemde talen.

Hoe laadt een webpagina?

Om de pagina beschikbaar te maken voor alle internetgebruikers, wordt deze (dat wil zeggen het document waarin deze wordt beschreven) op een webserver geplaatst. Dit is een computer die continu werkt en wacht op verzoeken van browsers. Wanneer het deze ontvangt, vindt het de vereiste bron (bijvoorbeeld een webpagina) en stuurt deze naar de juiste browser. En dat geeft op zijn beurt, op basis van de informatie (signalen) in het document, een webpagina weer.

Waarom kan ik een webpagina niet openen?

Er zijn situaties waarin u een verzoek invoert (geef het adres op, schrijf het woord in zoekbalk of klik op een link), maar de browser kan niet de informatie weergeven die u nodig heeft en schrijft dat de webpagina niet is gevonden. Wat is hier de reden en hoe kan een dergelijk probleem worden opgelost?

Eerst moet u de URL controleren om te zien of deze correct is ingevoerd. Als er een fout wordt gemaakt in een letter of symbool, zal de server niet in staat zijn om informatie te vinden die geschikt is voor uw verzoek, en zal de browser deze dienovereenkomstig niet kunnen weergeven. Maar als het adres correct is, waarom is de webpagina dan niet beschikbaar? De oorzaak kunnen cookies zijn. Ze worden gemaakt door webpagina's die u eerder hebt bezocht om bepaalde instellingen en andere zaken op te slaan. Als een dergelijk bestand beschadigd is, kan dit interfereren normaal laden pagina's. Om de situatie te corrigeren, moet deze worden verwijderd. Om dit te doen, gaat u naar het gedeelte 'Privacy', gaat u naar de inhoudsinstellingen en selecteert u in het geopende venster 'Alle cookies en sitegegevens'. Klik op "Alles verwijderen".

De derde reden zou kunnen zijn langzaam werk browser vanwege het gebruik van een proxyserver. Om het probleem op te lossen, moet u de instellingen wijzigen. Dit kunt u doen in het gedeelte 'Internetverbindingen'. Selecteer het netwerk dat u gebruikt, open Instellingen en ga naar het tabblad Proxy. Set vereiste instellingen het gebruik ervan. Nu zou alles moeten werken.

Conclusie

Uit dit artikel heb je geleerd wat een webpagina is, hoe deze is gevormd en welke specialisten deelnemen aan de creatie ervan. We hebben ook gekeken naar hoe sitepagina's worden geladen en weergegeven, waarom ze mogelijk niet worden geopend en hoe dit probleem kan worden opgelost. Nu weet u iets meer over hoe internet werkt en wat de webbronnen zijn.