Webpagina's, enz. Basis HTML-termen

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

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

Wat is een webpagina?

Een hypertextdocument of webpagina is een tekstbestand dat is gemarkeerd met tags met behulp van HTML (HyperText Markup Language).

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

Bijvoorbeeld een tag die de browser vertelt dat het onderstaande HTML-document er als volgt uit zou zien: . En de laatste, die zegt dat de code hier eindigt, ziet er als volgt uit:. Het enige verschil tussen de sluittag en de openingstag is dus de aanwezigheid van een schuine streep na de openingshaak.

Met deze opmaaktaal kunt u de tekst van een webpagina opmaken, afbeeldingen en grafische elementen erop installeren, hyperlinks maken, multimedia-elementen, geluidsopnamen, scripts (VBScript, JavaScript) toevoegen.

Om erachter te komen wat deze taal is, is het helemaal niet nodig om in saaie studieboeken te kruipen. Voor mij persoonlijk was het voldoende om mijn browser te openen en de optie "Broncode bekijken" te selecteren (klik met de rechtermuisknop). De coderegels die in het venster worden weergegeven, zijn dezelfde html-code. Het is deze code die de browser verder omzet in een webpagina.

Soorten pagina's op internet

Er zijn drie soorten webpagina's:

Interactief. Ze omvatten formulieren die zijn gegenereerd in VBScript-, JavaScript-, PHP-talen, met behulp waarvan de server gegevens uitwisselt met de gebruiker;
Dynamisch. Ze zijn geschreven in ASP, PHP met .aspx, .php permissies. 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;
statisch. Deze omvatten statische bestanden (afbeeldingen, tabellen, typen, enz.) die zijn gegenereerd in de HTML-opmaaktaal.

Hoe maak je?

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 gemakkelijk maken om websites te maken, evenals sjablonen voor pagina's met ontwerp en structuur. Met hun hulp kunt u snel uw eigen webpagina maken.

Maar voor wie graag alles zelf doet, kan ook een eenvoudig kladblok gebruiken, dat standaard al op elke computer geïnstalleerd is.

Instructie:

Maak een bestand met een teksteditor. Dit is het eerste wat je moet doen. Maak in Kladblok een leeg bestand met de naam index.html. Het is deze pagina waar de server eerst naar zoekt als u het adres van de bron invoert zonder een specifieke webpagina van de site op te geven.
Genereer instructies. Geplaatst tussen tags En de code moet uit twee delen bestaan: de hoofdtekst van het document en de koptekst.
Laten we een kop maken. Header openen en sluiten tags: En. Dit "service"-gedeelte van de pagina bevat gegevens voor de venstertitel, beschrijving, trefwoorden voor zoekmachines, scripts, stijlbeschrijvingen, enzovoort. 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
We hebben de kop behandeld. Nu moeten we body-tags plaatsen En. Daartussen bevinden zich documentinstructies: links, teksten, afbeeldingen, enz., Dat wil zeggen, de belangrijkste.

Dus de code in het algemeen zou er als volgt uit moeten zien:

titel <TITLE> </HEAD> <BODY>Hoofdtekst van webpagina</BODY> </HTML> Gefeliciteerd! Nu weet u hoe u uw eigen webpagina kunt maken, zij het de eenvoudigste! Vergeet alleen niet het document op te slaan, anders gaat al uw werk verloren en moet u alles opnieuw doen. <blockquote> Nu zijn er veel visuele editors van html-code, waardoor je webpagina's kunt maken zonder de html-opmaaktaal te kennen. Maar ik denk dat je nog steeds de basis moet kennen. </blockquote> Overigens is mijn blog gebaseerd op het gratis WordPress-platform. Ik betaal alleen voor het domein en de hosting - dit is nogal wat. Wil meer weten? Hier is de link. Eerlijk! Abdullin Ruslan Dus wat is een website en een webpagina? Laten we, om dit probleem te begrijpen, eens nadenken over wat voor soort informatie er op een website kan staan? Het antwoord ligt voor de hand - bijna alles. De site kan informatie bevatten over computerspelletjes, auto's, aquariumvissen, mythische wezens, steden en landen van de wereld, enz. enzovoort. De lijst is eindeloos. Op de site kun je bijvoorbeeld zelfs de werken van de grote Russische klassiekers plaatsen. Wat vind je van de site "Oorlog en vrede"? Het blijkt dat de site een boek is, maar niet een eenvoudige, maar een elektronische? Ja, een website is in wezen een e-book, een tijdschrift of een leerboek dat zowel informatie kan bevatten die nuttig voor u is als informatie die op dit moment helemaal niet interessant voor u is. Net als een gewoon boek bestaat een website uit pagina's die webpagina's worden genoemd. En hoe vinden we in feite in hetzelfde leerboek informatica de informatie die ons interesseert? We openen de inhoud die zich aan het begin of einde van het leerboek bevindt, zoeken naar de alinea waarin de benodigde informatie staat, tegenover de alinea kijken we naar het paginanummer, openen het en bestuderen het materiaal. Alles is vrij eenvoudig en gewoon. Nadat we op de hoofdpagina van een goed ontworpen site zijn gekomen, zouden we ook iets moeten zien dat lijkt op de inhoud van het leerboek om snel de informatie te kunnen vinden die we nodig hebben. Maar hoe komen we bij de nodige informatie op de website, omdat we niet zo goed door elektronische pagina's kunnen bladeren als door gewone papieren? We gebruiken inderdaad meestal de muis. In feite is het verplaatsen tussen de pagina's van de site zelfs sneller dan het verplaatsen tussen pagina's bij het werken met een gewoon leerboek. Om tussen de pagina's van de site te bewegen, worden elementen van de webpagina gebruikt, wanneer u erop klikt, kunt u naar een andere pagina op 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) als hyperlinks gebruikt. Aangezien in het eerste geval tekst wordt gebruikt om hyperlinks te maken, wordt zo'n hyperlink een teksthyperlink genoemd. Heel vaak is een teksthyperlink blauw onderstreepte tekst. Als u bijvoorbeeld op de hoofdpagina van de site het opschrift "Websites en webpagina's" ziet die op een vergelijkbare manier zijn ontworpen en erop klikt met de linkermuisknop, zou u terecht moeten komen op een webpagina 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. Als een grafische afbeelding, zoals een foto, als hyperlink wordt gebruikt, is het moeilijk te raden dat dit een hyperlink is. Hoe kun je dan bepalen of de afbeelding een hyperlink is of niet? Onthoud in dit geval de volgende regel: "Als, wanneer u de muiscursor over een element op een webpagina beweegt, dit de vorm aanneemt van een hand, dan is dit element een hyperlink." Let op: Er is een uitzondering op deze regel, bijvoorbeeld in het geval van rollovers, dit mogen geen hyperlinks zijn, maar wanneer u de muiscursor eroverheen beweegt, heeft de cursor ook de vorm van een hand. Naast het veranderen van het uiterlijk van de cursor, moet bij het zweven over een hyperlink ook de URL (uniek bronadres) worden weergegeven, maar we zullen hierover praten in de les over het maken van hyperlinks met behulp van het FrontPage-programma. Testvragen: <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 bepaal je of een pagina-element een hyperlink is?</li> <li>Kunnen afzonderlijke webpagina's van een site geen hyperlinks bevatten?</li> </ul> Instructie Alles wat de bezoeker op het web ziet, wordt door de browser opnieuw gemaakt op basis van instructies die door de server zijn verzonden. Deze instructies zijn geschreven in HTML (HyperText Markup Language - “hypertext markup language”) en htm en html zijn gemarkeerd voor de bestanden waarin ze zijn opgeslagen. U kunt zo'n bestand maken in een gewone teksteditor - dit is de eerste stap bij het maken webpagina's. Open bijvoorbeeld standaard Kladblok en maak een leeg bestand aan met de naam index.html. Wanneer u een websiteadres typt zonder een specifiek adres op te geven bladzijde(bijvoorbeeld ), zoekt allereerst naar bladzijde met dezelfde naam - index. HTML-taalinstructies worden "tags" genoemd en elk ervan staat tussen haakjes -<>. Sommige tags zijn gekoppeld, dat wil zeggen, ze bestaan uit openings- en sluitingstags, en er wordt informatie tussen geplaatst. Bijvoorbeeld een tag die de browser vertelt dat de onderstaande code in HTML is, zoals deze: <HTML>De eindtag, die aangeeft dat de HTML-code op dit punt is beëindigd, is als volgt geschreven:</HTML> Zoals u kunt zien, verschilt de sluittag van de openingstag door een schuine streep na de openingshaak (</). Alle code die je tussen de tags plaatst <HTML>En</HTML>, moet in twee delen worden verdeeld: kop en hoofdtekst van het document. De openings- en sluitingsheader-tags zijn als volgt geschreven: <HEAD></HEAD> Dit is het "service" gedeelte van de pagina - informatie voor de venstertitel, trefwoorden en beschrijvingen voor zoekrobots, stijlbeschrijvingen, scripts, enz. worden hier geplaatst. Voer de titel van het paginavenster erin in: <TITLE>Het is een kop! De volledige tekst van uw html-pagina zou er op dit moment als volgt uit moeten zien:

Het is een kop!

Na het kopgedeelte moet u tags plaatsen waartussen de instructies van de hoofdtekst van het document worden ingesloten: Voer er tussen in, bijvoorbeeld een tag die wordt weergegeven op bladzijde alinea tekst:

Er is een hele paragraaf met informatie hier!

Niet alle HTML-taaltags zijn gekoppeld. Sommigen van hen hebben alles wat ze nodig hebben in de openingstag. Deze tags hebben een afsluitende schuine streep voor de afsluitende accolade. Bijvoorbeeld het regeleinde en de tag "carriage return"
:

De eerste regel van de alinea.

De tweede regel van de alinea.

Dit alles is voldoende voor de browser om uw bladzijde. De volledige html-code zou er als volgt uit moeten zien:

Het is een kop!

De eerste regel van de alinea.

De tweede regel van de alinea.

Op dit

Een website, vaak kortweg een website genoemd, is niets meer dan een verzameling logisch met elkaar verbonden webpagina's, of slechts één pagina. Sitepagina's zijn beschikbaar op internet met behulp van HTTP- of HTTPS-protocollen. Een website heeft zijn eigen plek op internet, bepaald door een persoonlijk adres voor elke site, meestal een URL genoemd. Elke website heeft zijn eigen eigenaar, de eigenaar kan zowel een natuurlijke persoon als een rechtspersoon zijn.

De website is opgebouwd uit pagina's

Een website bestaat uit pagina's die met elkaar zijn verbonden door een gemeenschappelijke root-URL en in de regel een gemeenschappelijke logische structuur, thema, uiterlijk (ontwerp) en technisch hulpmiddel. Op zijn beurt is het World Wide Web niets anders dan de verzameling van alle websites. Webpagina's zijn tekstbestanden die zijn geschreven in de Hypertext Markup Language HTML of XHTML.

Bij het bekijken van een webpagina, in een speciaal programma dat een browser wordt genoemd, worden HTML-bestanden gedownload naar de computer van de gebruiker. Na het downloaden geeft de browser webpagina's weer op het scherm van de gebruiker. Verschillende apparaten kunnen worden gebruikt als hardwaretool voor toegang tot internet om de inhoud van webpagina's te bekijken: een pc, PDA, sommige modellen van gameconsoles en andere apparaten, al deze apparaten ondersteunen HTML / XHTML-taalstandaarden en webpagina's worden op hen hetzelfde weergegeven.

De HTML / XHTML-taal maakt het mogelijk om 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. Hypertext-links, of kortweg hyperlinks, worden gebruikt om te linken tussen webpagina's binnen een site en links tussen verschillende websites op het World Wide Web. Als een hyperlink wordt gebruikt om pagina's binnen een site te koppelen, wordt dit een interne link genoemd en als het verschillende sites koppelt, wordt dit een externe link genoemd.

Sitepagina's

De pagina's op de site kunnen statisch zijn, dat wil zeggen dat ze op de webserver worden opgeslagen in de vorm van onveranderlijke bestanden, of ze kunnen dynamisch zijn, dat wil zeggen dat ze rechtstreeks op de server worden gegenereerd door een speciaal programma, dat ook de site-engine genoemd. De site-engine kan een breed scala aan opties bieden om de inhoud van webpagina's te wijzigen, nieuwe webpagina's toe te voegen en andere acties uit te voeren om een website te configureren en informatie erop te bewerken via een webbeheerinterface, die een inhoudbeheersysteem of CMS.

Het maken van een website is een arbeidsintensief proces dat het werk van verschillende specialisten combineert: webdesigners, programmeurs, HTML-codeerders, optimizers, managers, journalisten om de site met informatie te vullen, enz. De tijd en kosten van het maken van een website zijn afhankelijk van de complexiteit van het project, de structuur en de ontwerpkwaliteit.

Een beetje geschiedenis van websiteontwikkeling

'S Werelds eerste site werd op 6 augustus 1991 gemaakt door de Amerikaan Tim Berners-Lee, hij plaatste een publicatie op de site over de World Wide Web-technologie. De basis van de World Wide Web-technologie is het HTTP-protocol voor gegevensoverdracht, de HTML-hypertext-opmaaktaal en het URL-adressysteem. 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 internetgids, omdat. Later werden er links naar andere bronnen van het toenmalige internet op geplaatst.

De benodigde tools voor de werking van de site waren zelfs eerder voorbereid, eind 1990 verscheen de eerste browser, die WorldWideWeb heette, en bevatte bovendien de functie van een hypertext-editor. Tim Berners-Lee produceerde ook de eerste op NeXTcube gebaseerde webserver.