Webpagina's, enz. Basis HTML-termen

Hallo, lieve lezers! Misschien hebben alle internetgebruikers, terwijl ze door de eindeloze uitgestrektheid van internet lopen, vroeg of laat de wens om daar iets van zichzelf achter te laten, om hun mening over bepaalde dingen aan mensen over te brengen.

Trouwens, zelfs voor beginnende gebruikers is hier niets ingewikkelds. In dit artikel vertel ik je hoe je een creatie maakt webpagina. Je leert de basisprincipes van dit proces.

Wat is een webpagina?

Een hypertekstdocument of webpagina is dat wel tekstbestand, getagd met de HTML-taal (HyperText Opmaaktaal).

Alle daar gepresenteerde objecten worden opnieuw gemaakt volgens de instructies die door deze tool zijn geschreven en die op verzoek van de server zijn verzonden. Om markeringen aan een document toe te voegen, worden tags gebruikt die omsluiten hoekbeugels. In de regel zijn ze gepaard, dat wil zeggen dat er een opening en sluiting is, en wat informatie daartussenin.

Een tag die de browser vertelt dat hieronder een HTML-document staat, ziet er bijvoorbeeld als volgt uit: . En de laatste, waarin staat dat de code hier eindigt, ziet er als volgt uit:. Het enige verschil tussen een sluittag en een openingstag is dus de aanwezigheid van een schuine streep na het openingshaakje.

Met deze opmaaktaal kunt u de tekst van een webpagina opmaken, er afbeeldingen op installeren, grafische elementen, creëren hypertekstlinks, voeg multimedia-elementen, geluidsopnamen, scripts (VBScript, JavaScript) toe.

Om erachter te komen wat deze taal is, hoef je geen saaie leerboeken te lezen. Voor mij persoonlijk was het voldoende om mijn browser te openen en de optie “Bekijken” te selecteren broncode» (klik rechter knop muizen). De coderegels die in het venster worden weergegeven, zijn dezelfde HTML-code. Het is deze code die de browser vervolgens omzet in een webpagina.

Soorten internetpagina's

Er zijn drie soorten webpagina’s:

  1. Interactieve. Ze omvatten formulieren gegenereerd in VBScript, JavaScript, PHP, waarmee de server gegevens uitwisselt met de gebruiker;
  2. Dynamisch. Ze zijn geschreven in ASP, PHP met .aspx, .php-rechten. Deze pagina's worden gemaakt door een engine of een speciaal programma dat een webpagina genereert op basis van gebruikersverzoeken, met behulp van gegevens van de databaseserver;
  3. Statisch. Hiertoe behoren statische bestanden (tekeningen, tabellen, tekst, enz.) die zijn gegenereerd in de HTML-opmaaktaal.

Hoe creëren?

Om webpagina's te maken, worden html-editors gebruikt: FCKeditor, TinyMCE WYSIWYG Editor, Macromedia Dreamweaver, Microsoft Frontpage en anderen. Al deze editors hebben veel verschillende wizards die het mogelijk maken om eenvoudig websites te maken, evenals sjablonen voor pagina's met ontwerp en structuur. Met hun hulp kunt u snel uw eigen webpagina maken.

Maar voor degenen die graag alles zelf doen, kun je gebruiken met een eenvoudig notitieblok, dat standaard al op elke computer is geïnstalleerd.

Instructies:

  1. Maak een bestand met behulp van een teksteditor. Dit is het eerste dat u moet doen. Maak in Kladblok leeg bestand genaamd index.html. Het is deze pagina waar de server eerst naar zoekt als u een bronadres invoert zonder een specifieke webpagina van de site op te geven.
  2. Maak instructies. Geplaatst tussen tags En de code moet uit twee delen bestaan: de hoofdtekst van het document en de koptekst.
  3. Laten we een titel maken. Headertags openen en sluiten: En. Dit “service”-gedeelte van de pagina bevat gegevens voor de venstertitel, beschrijving en trefwoorden voor zoekmachines, scripts, stijlbeschrijvingen, enz. Tussen deze woorden schrijven we de titel van het paginavenster met behulp van tags: En. Uw webpagina zou er nu als volgt uit moeten zien:

    titel

  4. We hebben het headergedeelte gedaan. Nu moet je body-tags plaatsen En. Daartussen zullen documentinstructies staan: links, teksten, afbeeldingen, enz., dat wil zeggen de belangrijkste.

De code zou er dus over het algemeen als volgt uit moeten zien:

titel <TITLE> </HEAD> <BODY>Hoofdgedeelte van de webpagina</BODY> </HTML></p> <p>Gefeliciteerd! Nu weet u hoe u uw eigen webpagina kunt maken, zij het een heel eenvoudige! Vergeet alleen niet het document op te slaan, anders gaat al uw werk verloren en moet u alles opnieuw doen.</p> <blockquote> <p>Nu zijn het er veel <a href="https://leally.ru/nl/word/kak-pomenyat-vizualnyi-redaktor-zapisei-v-wordpress-tinymce-advanced/">visuele editors</a> <a href="https://leally.ru/nl/word/onlain-redaktirovanie-html-koda-besplatnyi-onlain-html-redaktor/">html-code</a>, waardoor u internetpagina's kunt maken zonder de taal te kennen <a href="https://leally.ru/nl/browsers/yazyk-gipertekstovoi-razmetki-html-html-yazyk-razmetki-giperteksta-bazovyi/">html-opmaak</a>. Maar ik geloof dat het nog steeds noodzakelijk is om de basis te kennen.</p> </blockquote> <p>Trouwens, mijn blog is gemaakt op <a href="https://leally.ru/nl/excel/kak-sozdat-svoi-onlain-kursy-bolshoi-obzor-platform/">gratis platform</a> WordPress. Ik betaal alleen voor het domein en de hosting, dat is nogal wat. Meer weten? Hier is de link.</p> <p>Eerlijk! Abdullin Ruslan</p> <p>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, <a href="https://leally.ru/nl/payment-system/akvariumnye-rybki-fon-rabochego-stola-oboi-dlya-rabochego-stola/">aquariumvissen</a>, 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 alleen een eenvoudig, maar een elektronisch boek? Ja, een website is in de kern inderdaad een e-boek, tijdschrift of leerboek dat zowel informatie kan bevatten die nuttig voor u is als die u nodig heeft. <a href="https://leally.ru/nl/excel/gde-v-dannyi-moment-nahoditsya-avtobus-yandeks-transport-programma-dlya/">op dit moment</a> helemaal niet geïnteresseerd.</p> <p>Net als een gewoon boek bestaat een website uit pagina's die webpagina's worden genoemd.</p> <p>En hoe vinden we in feite de informatie die ons interesseert 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.</p> <p>Nadat we bij zijn <a href="https://leally.ru/nl/internet/yandeks-glavnaya-stranica-sdelat-startovoi-avtomaticheski-kak/">startpagina</a> een goed ontworpen website, dan moeten we ook iets zien dat lijkt op de inhoud van het leerboek om snel de informatie te kunnen vinden die we nodig hebben.</p> <p>Maar hoe te bereiken <a href="https://leally.ru/nl/how-to-open-file/kak-naiti-interesnyh-lyudei-ili-ne-menee-interesnye-temy-na-pomoshch-nam/">noodzakelijke informatie</a> bevindt zich op de website, omdat we niet kunnen scrollen <a href="https://leally.ru/nl/good-to-know/kak-propiarit-gruppu-v-kontakte-kak-raskrutit-gruppu-v-vk/">elektronische pagina's</a> net als gewone papieren exemplaren? We gebruiken inderdaad meestal een muis.</p> <p>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.</p> <p>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.</p> <p>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 <a href="https://leally.ru/nl/browsers/kakoi-telefon-luchshe-aifon-ili-honor-modnyi-glubokii-sinii-i-belyi-cveta-korpusa/">blauw</a>. Als u bijvoorbeeld op de hoofdpagina van de site de inscriptie 'Websites en webpagina's' ziet die op een vergelijkbare manier is ontworpen en erop klikt 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.</p> <p>Indien gebruikt als hyperlink <a href="https://leally.ru/nl/good-to-know/graficheskoe-izobrazhenie-vidov-informacii-graficheskaya/">grafisch beeld</a> 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 <a href="https://leally.ru/nl/excel/programma-dlya-sozdaniya-rospisi-onlain-vvedenie-novyh/">volgende regel</a>: "Als wanneer u de muiscursor over een element op een webpagina beweegt, dit de vorm aanneemt van een hand, dan is dat element een hyperlink."</p> <p><i>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.</i></p> <p><b>Beveiligingsvragen:</b></p> <ul><li>Wat is een website?</li> <li>Wat is een webpagina?</li> <li>Wat is een hyperlink?</li> <li>Welke elementen van een webpagina kunnen als hyperlinks worden gebruikt?</li> <li>Hoe kan ik bepalen of een pagina-element een hyperlink is?</li> <li>Kunnen individuele webpagina's van een site niet één enkele hyperlink bevatten?</li> </ul> <p>Instructies</p> <p>Alles wat een bezoeker op internet ziet, wordt door de browser opnieuw gemaakt op basis van de instructies die door de server worden verzonden. Deze instructies zijn geschreven in HTML (HyperText Markup Language) en de bestanden waarin ze zijn opgeslagen zijn gemarkeerd als htm en html. U kunt zo'n bestand op de gebruikelijke manier maken <a href="https://leally.ru/nl/download-soft/tekstovyi-redaktor-dlya-iphone-obzor-tekstovyh-redaktorov-dlya-ipad-tolstomu-i-ne/">teksteditor</a>- dit zal de eerste stap van het creëren zijn <b>webpagina's</b>. Open bijvoorbeeld <a href="https://leally.ru/nl/excel/prosteishie-tekstovye-redaktory-podobnye-bloknot-notepad-alternativy/">standaard Kladblok</a> en maak een leeg bestand met de naam index.html. Wanneer u een websiteadres typt zonder een specifiek adres op te geven <b>pagina</b>(bijvoorbeeld ), allereerst zoekopdrachten <b>pagina</b> met precies deze naam - index.</p> <p>HTML-instructies worden “tags” genoemd en elk ervan staat tussen haakjes, zoals deze:<>. Sommige tags zijn gekoppeld, dat wil zeggen dat ze bestaan ​​uit een openings- en sluitingstag, en er wordt informatie tussen geplaatst. Bijvoorbeeld een tag die de browser vertelt waar onderstaande code precies op staat <a href="https://leally.ru/nl/internet/istoriya-razrabotki-html-yazyk-html-istoriya-razvitiya/">HTML-taal</a>, Dus: <HTML>De afsluitende tag, die aangeeft dat de HTML-code op dit punt voltooid is, is als volgt geschreven:</HTML> Zoals u kunt zien, verschilt de sluittag van de openingstag door de aanwezigheid van een schuine streep na het openingshaakje (</).</p> <p>Alle code die je tussen de tags plaatst <HTML>En</HTML>, moet in twee delen worden verdeeld: de koptekst en de hoofdtekst van het document. De openings- en sluitingsheader-tags zijn als volgt geschreven: <HEAD></HEAD> Dit is het “service”-gedeelte van de pagina - informatie over de venstertitel, trefwoorden en beschrijvingen voor zoekrobots, stijlbeschrijvingen, scripts, enz. worden hier geplaatst. Voer de titel van het paginavenster erin in: <TITLE>Dit is de titel! De volledige tekst van uw HTML-pagina zou er op dit moment als volgt uit moeten zien:

Dit is de titel!

Na het koptekstgedeelte moet u tags plaatsen waartussen de instructies van de documenttekst worden ingesloten: Voeg daartussen bijvoorbeeld een tag in die wordt weergegeven pagina paragraaf tekst:

Er staat hier een hele paragraaf met informatie!

Niet alle HTML-taaltags zijn gekoppeld. Sommigen van hen hebben alles wat ze nodig hebben in de openingstag. Bij dergelijke tags wordt de afsluitende schuine streep vóór het sluitende haakje geplaatst. Bijvoorbeeld de tag 'end-of-line' en 'carriage return'
:

Eerste regel van de alinea.


Tweede regel van de alinea.

Dit alles is voldoende voor de browser om uw inhoud normaal weer te geven. pagina. Alle samengestelde html-code zou er als volgt uit moeten zien:

Dit is de titel!


Eerste regel van de alinea.


Tweede regel van de alinea.



Hierop

Een website, vaak afgekort als site, is niets meer dan een verzameling logisch met elkaar verbonden webpagina's, of gewoon één pagina. Sitepagina's zijn toegankelijk op internet via het HTTP- of HTTPS-protocol. Een website heeft zijn eigen plaats op internet, bepaald door een persoonlijk adres voor elke site, dat gewoonlijk een URL wordt genoemd. Elke website heeft een eigenaar; de eigenaar kan een individu of een rechtspersoon zijn.

De website bestaat uit pagina's

Een website bestaat uit pagina's die zijn verenigd door een gemeenschappelijke hoofd-URL en, in de regel, een gemeenschappelijke logische structuur, thema, lay-out (ontwerp) en technisch apparaat. Het World Wide Web is op zijn beurt niets meer dan een verzameling van alle websites. Webpagina's zijn tekstbestanden die zijn geschreven in de hypertext-opmaaktaal HTML of XHTML.

Wanneer u een webpagina bekijkt, worden in een speciaal programma, een browser genaamd, HTML-bestanden naar de computer van de gebruiker gedownload. Eenmaal geladen, geeft de browser webpagina's weer op het scherm van de gebruiker. Verschillende apparaten kunnen worden gebruikt als hardware voor toegang tot internet om de inhoud van webpagina's te bekijken: een personal computer, een PDA, sommige modellen gameconsoles en andere apparaten, al deze apparaten ondersteunen HTML / XHTML-taalstandaarden en webpagina's worden er identiek op weergegeven.

De HTML/XHTML-taal maakt het mogelijk pagina's op te maken, tekst, hyperlinks, tabellen, afbeeldingen en andere objecten erop te plaatsen. Een CSS-stijlblad dat in HTML-documenten kan worden gebruikt, biedt extra opties voor het creëren van het uiterlijk van webpagina's.

JavaScript en enkele andere scripttalen

Op webpagina's kunt u ook JavaScript en enkele andere scripttalen gebruiken die door de browser worden ondersteund, en interactiviteit aan het webdocument toevoegen. Hypertekstlinks, of kortweg hyperlinks, worden gebruikt om webpagina's binnen een site met elkaar te verbinden en tussen verschillende websites op het World Wide Web te linken. Als een hyperlink wordt gebruikt om pagina's binnen een site met elkaar te verbinden, wordt dit een interne link genoemd, en als deze verschillende sites met elkaar verbindt, wordt dit een externe link genoemd.

Sitepagina's

Pagina's op een website kunnen statisch zijn, dat wil zeggen dat ze op een webserver worden opgeslagen in de vorm van onveranderlijke bestanden, of ze kunnen dynamisch zijn, dat wil zeggen rechtstreeks op de server worden gegenereerd door een speciaal programma, dat ook wel de site wordt genoemd. motor. De site-engine kan een breed scala aan mogelijkheden bieden voor het wijzigen van de inhoud van webpagina's, het toevoegen van nieuwe webpagina's en het uitvoeren van andere acties om de website te configureren en informatie erop te bewerken via een webgebaseerde beheerinterface, die inhoudsbeheer wordt genoemd. systeem of CMS.

Het maken van een website is een arbeidsintensief proces dat het werk van verschillende specialisten combineert: webontwerpers, programmeurs, HTML-lay-outontwerpers, optimizers, managers, journalisten om de site te vullen met informatie, enz. De tijd en kosten voor het maken van een website zijn afhankelijk van de mate van complexiteit van het project, de structuur ervan en de kwaliteit van het ontwerp.

Een beetje geschiedenis van website-ontwikkeling

De eerste website ter wereld werd op 6 augustus 1991 gemaakt. De Amerikaan Tim Berners-Lee plaatste een publicatie over de World Wide Web-technologie op de website. De basis van de World Wide Web-technologie is het HTTP-protocol voor gegevensoverdracht, de hypertext-opmaaktaal HTML en het URL-adresseringssysteem. De site beschreef ook andere basisprincipes van internet, zoals de werking van servers, webbrowsers, enz. De site, gemaakt door Tim Berners-Lee, werd ook 's werelds eerste internetcatalogus, omdat... het bevatte later links naar andere bronnen van het toenmalige internet.

De benodigde tools om de site te laten werken werden al eind 1990 voorbereid; de eerste browser, die WorldWideWeb heette, bevatte bovendien de functie van een hyperteksteditor. Tim Berners-Lee heeft ook de eerste webserver op basis van NeXTcube voorbereid.