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:
- Interactieve. Ze omvatten formulieren gegenereerd in VBScript, JavaScript, PHP, waarmee de server gegevens uitwisselt met de gebruiker;
- 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;
- 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:
- 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.
- Maak instructies. Geplaatst tussen tags En de code moet uit twee delen bestaan: de hoofdtekst van het document en de koptekst.
- 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 - 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:
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.
Nu zijn het er veel visuele editors html-code, waardoor u internetpagina's kunt maken zonder de taal te kennen html-opmaak. Maar ik geloof dat het nog steeds noodzakelijk is om de basis te kennen.
Trouwens, mijn blog is gemaakt op gratis platform WordPress. Ik betaal alleen voor het domein en de hosting, dat is nogal wat. 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 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 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. op dit moment helemaal niet geïnteresseerd.
Net als een gewoon boek bestaat een website uit pagina's die webpagina's worden genoemd.
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.
Nadat we bij zijn startpagina 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.
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. 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.
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, dit 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?
Instructies
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 teksteditor- dit zal de eerste stap van het creëren zijn webpagina's. Open bijvoorbeeld standaard Kladblok en maak een leeg bestand met de naam index.html. Wanneer u een websiteadres typt zonder een specifiek adres op te geven pagina(bijvoorbeeld ), allereerst zoekopdrachten pagina met precies deze naam - index.
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 HTML-taal, Dus: De afsluitende tag, die aangeeft dat de HTML-code op dit punt voltooid is, is als volgt geschreven: Zoals u kunt zien, verschilt de sluittag van de openingstag door de aanwezigheid van een schuine streep na het openingshaakje ().
Alle code die je tussen de tags plaatst En, moet in twee delen worden verdeeld: de koptekst en de hoofdtekst van het document. De openings- en sluitingsheader-tags zijn als volgt geschreven:
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: