Creëer uw eigen webpagina over dit onderwerp. Hoe u een HTML-pagina maakt: stapsgewijze instructies, technologie en aanbevelingen

Heren, goed humeur voor iedereen) Vandaag heb ik besloten een artikel over het onderwerp te schrijven: hoe u uw eigen webpagina kunt maken. Ik werd tot dit onderwerp geïnspireerd door lezers en vrienden die om de een of andere reden nog steeds geen onderscheid maken tussen de soorten sites en pagina's op internet. Ik noem iets zelden een webpagina))) Veel van mijn vrienden zeggen dat echter vaak. Speciaal voor hen heb ik besloten de belangrijkste soorten webpagina's te beschrijven die je voor jezelf kunt maken, zodat je online een soort representatie van jezelf kunt krijgen.

Voordat u een webpagina maakt, moet u zeker een e-mailadres of e-mailadres aanmaken. Ik heb de creatiemogelijkheden in dit artikel beschreven - . En als u een e-mailadres heeft, gaan we verder met de opties voor het maken van uw persoonlijke webpagina. Lees verder voor manieren om u te helpen uw eigen webpagina te maken.

Eén pagina-site

De oudste methode))) Hiervoor moet je de basisprincipes van de HTML-taal leren. Dit doen in onze tijd is helemaal niet nodig; er zijn een miljoen diensten, die hieronder zullen worden besproken. Als u echter wilt begrijpen hoe een website en, gedeeltelijk, het internet, werken, probeer dan zelf een website van één pagina te maken. Hoe je dit doet, heb ik beschreven in het artikel -. Er zijn opties voor het maken van een website van één pagina met behulp van websitebouwers en gratis platforms.

Pagina op het sociale netwerk VKontakte

Ik denk dat in onze tijd de zin: "Ik heb een pagina voor mezelf op internet gemaakt" vooral van toepassing is op het sociale netwerk Vkontakte. VK is het populairste sociale netwerk in het GOS. Het maken van uw pagina hier duurt slechts 1 minuut. Bovendien gaan er tientallen handige functies voor online activiteiten voor je open.
Ik heb veel over VKontakte geschreven en ben van plan nog meer te schrijven)) Met dit sociale netwerk kun je...

Met VKontakte kunt u ook een handige URL naar uw webpagina maken, in plaats van de standaard URL bij het registreren van http://vk.com/id8032931. Dan kun je het veranderen in een mooie - http://vk.com/vasheimya.vashafamiliya.

Facebook-pagina

Als VKontakte het populairste sociale netwerk in het GOS is, dan is Facebook het nummer 1 sociale netwerk ter wereld. Facebook wordt beschouwd als bedoeld voor gevorderde Russischsprekende gebruikers))) Maar persoonlijk denk ik dat dit allemaal komt omdat Facebook erg populair en handig is.

Net als op VKontakte kunt u uzelf een mooi adres voor uw webpagina toewijzen. De volledige handleiding over het maken van een webpagina op Facebook heb ik beschreven in het artikel -.

Bloggen

Een blog is mijn meest aanbevolen optie voor het maken van uw eigen webpagina. De blog biedt duizenden mogelijkheden voor zelfrealisatie en is zeer gemakkelijk te gebruiken. Vaak net zo gratis als webpagina's op sociale media.
Ik bied een selectie artikelen aan over het maken van een webpagina met behulp van een blog:

  • - snel, maar met kosten voor hosting en een apart domein.
  • is een blogplatform van Google. Geïntegreerd met veel Google-services. Erg handig als je een Google-fan bent))
  • is het meest dynamisch ontwikkelende blogplatform. Ik las statistieken in een van de Amerikaanse publicaties dat Tumblr populairder is onder Amerikaanse kinderen van 12-13 jaar oud dan Facebook!!! Ik denk dat dit een indicator is van het gemak en de ontwikkeling van dit platform.
  • – hier zijn handleidingen voor bijna alle bekende blogplatforms, inclusief de bovenstaande.

Dagboek

Hier vindt u alle belangrijke opties voor het maken van uw webpagina, of, met andere woorden, aanwezigheid op het web. Letterlijk 1 minuut en je bent al ondergedompeld in de ruimte van het World Wide Web. Veel surfplezier!

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 meestal 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 op de website over World Wide Web-technologie. 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 internetgids, 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.

Hallo, beste lezers van de blogsite. Het woord ‘web’ is al lang een begrip geworden en wordt heel vaak als synoniem gebruikt. Maar wat betekent het werkelijk? , Web 2.0, zoeken op internet, website, webpagina, webbrowser, webmaster enzovoort, inclusief dit woord?

Uiteraard hebben al deze woorden rechtstreeks verband met internet, maar wat ze specifiek betekenen, kan niet in een paar woorden worden gezegd. Het lijkt mij dat het beter is om op volgorde te beginnen, zodat er geen verwarring in je hoofd ontstaat. Wees niet bang, er zullen niet “veel letters” zijn, maar je zult toch een paar paragrafen aan elke term moeten wijden. Wat dacht je? Hoge technologie is zoiets...

Wat is web en online? Waarin verschilt Web 2.0 van 1.0?

Heel vaak wordt ook het woord ‘web’ gebruikt in plaats van het woord ‘online’ (pas nu, toen ik dit briefje begon te schrijven, betrapte ik mezelf erop dat ik hierover nadacht). Mensen voegen het woord web of online toe aan hun zoekopdracht, wat betekent dat ze iets willen vinden dat toegankelijk is via de browser (ze schrijven bijvoorbeeld " " of " ").

Dat wil zeggen dat ‘web’ en ‘online’ hier in wezen synoniemen zijn en de mogelijkheid betekenen om iets te ontvangen via een actieve internetverbinding. Online een boek lezen, een film kijken, naar muziek luisteren via internet, chatten of online spelen - dit alles wordt gekenmerkt door de woorden 'web' of 'online'. Trouwens, nu kopen mensen steeds minder personal computers, maar steeds meer mobiele gadgets, met als belangrijkste voordeel een constante verbinding met het netwerk.

En over het algemeen gebruiken mensen steeds minder desktopprogramma's en steeds meer webapplicaties (online diensten) met vergelijkbare kenmerken. Ik schreef bijvoorbeeld al over, over en anderen. Maar één keer was dit niet het geval. Het is zelfs moeilijk voor te stellen hoe mensen vroeger leefden.

Dus wat is het web? In feite is dit alles waar ik al over schreef in het artikel waarnaar wordt verwezen. Het blijkt dat dit een verzameling is van miljoenen websites die zich op webservers bevinden (analogen van gewone computers, maar met de nadruk op het uitvoeren van bepaalde taken - geen monitor, veel RAM en ruimte op de harde schijf). De servers draaien 24/7 en zijn dankzij communicatie via internet overal ter wereld bereikbaar.

Maar WEB (wat we nu WWW noemen) verscheen veel later dan het internet zelf (het fysieke vermogen om computers met een netwerk te verbinden). Pas eind jaren tachtig vond en creëerde Tim Berners-Lee alle benodigde tools hiervoor, en een paar jaar later verscheen de eerste grafische webbrowser. Het is precies vanaf het midden van de jaren negentig dat we kunnen beginnen met het aftellen van het tijdperk van het World Wide Web: de online interactie van miljoenen gebruikerscomputers en webservers.

Het wordt algemeen aanvaard dat dit het tijdperk was van de zogenaamde "Web 1.0", toen eenvoudige mensen regeerden zonder enige zweem van interactiviteit. Dit laatste (interactiviteit - gegenereerd door bezoekers) mocht tot op zekere hoogte alleen worden geïmplementeerd door forums, gastenborden en chats.

Bovendien werd dit allemaal nogal onhandig gedaan (mooie kleuren, gestructureerde achtergrond), slecht (denk aan weer- of valuta-informanten op bijna alle sites), zonder het gebruik van CSS en Java-script.

Aan de andere kant alle nadelen van WEB 1.0 werden bepaald door de mogelijkheden die internetgebruikers destijds hadden (meestal was het een inbelverbinding, met een downloadsnelheid van 5 megabytes per uur!). Het laden van moderne, geavanceerde websites met dergelijke internetsnelheden zou een half uur duren, en de mogelijkheden van browsers en pc's van die tijd lieten het simpelweg niet toe om het grootste deel van hun functionaliteit weer te geven. Over het algemeen kwam alles overeen met zijn tijd en technische mogelijkheden.

De optimale oplossing zijn zoekmachines. is vrij eenvoudig: ze scannen alle internetsites, bestuderen de inhoud van al hun webpagina's en geven het meest geschikte antwoord als reactie op het verzoek van een internetzoeker (in de vorm van een lijst met de meest relevante pagina's, gesorteerd op relevantie voor het verzoek).

Wat in woorden gemakkelijk is, is echter in de praktijk zeer moeilijk uit te voeren. Stelt u zich eens voor hoeveel webservers u nodig heeft om een ​​kopie van het hele internet erop op te slaan? Maar deze gegevens moeten nog steeds in realtime worden verwerkt en vragen worden beantwoord. Niet voor niets is de grootste assembleur van computers een bedrijf dat ze niet verkoopt. Kun jij raden welke? Googlen natuurlijk. Ze gebruiken al deze computers (servers) om webzoekmogelijkheden te implementeren. O, hoe!

Dit is veel geld en zo staan ​​u en mij toe om gratis zoekopdrachten op internet uit te voeren, zij het met het bekijken van advertenties.

Websites, pagina's en webservers

Zowel enginebestanden als databasetabellen worden opnieuw opgeslagen en geladen op verzoek van de sitegebruiker van webserver, gelegen bij de host (zelfs nu, waar u sites op motoren kunt hosten zonder betaling en zonder reclame).

Bovendien vertegenwoordigt een webserver niet altijd een volledige computer die volledig tot uw beschikking staat (dit is de zogenaamde dedicated webserver). Meestal krijgt u (zowel bij betaalde als gratis hosting) slechts een deel ervan tot uw beschikking (een deel van de harde schijf, een deel van het RAM-geheugen en een deel van de processortijd). Daarom wordt een webserver vaak de softwareomgeving genoemd waarmee uw website kan functioneren.

Zet een webserver op je kunt het zelfs op je eigen thuis-pc doen (programma's en zal je hierbij helpen). Hierdoor kunt u werken aan het maken van websites zonder deze toegankelijk te maken via internet. En wanneer alles is gedebugd en geconfigureerd, is het mogelijk om het webproject over te zetten naar een echte server op betaalde of gratis hosting.

Nou, ergens blijkt het zo... Als iets niet duidelijk is, vraag het dan - ik zal proberen te antwoorden.

Veel geluk voor jou! Tot binnenkort op de pagina's van de blogsite

Je kunt meer video's bekijken door naar te gaan
");">

Misschien ben je geïnteresseerd

Host - wat is een host en hoe verschilt deze van hosts en hosting
Website - wat is het en wat zijn ze?
WhatsApp op een computer installeren - pc-versie en WhatsApp Web online gebruiken (via een webbrowser)
Incognito - wat is het en hoe u de incognitomodus in de Yandex-browser en Google Chrome kunt inschakelen

Hallo, lieve lezers! Misschien hebben alle internetgebruikers, terwijl ze door de eindeloze uitgestrektheid van het 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 webpagina maakt. Je leert de basisprincipes van dit proces.

Wat is een webpagina?

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

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 tussen punthaken staan. 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, afbeeldingen en grafische elementen erop installeren, hypertextlinks maken, multimedia-elementen, geluidsopnamen en scripts (VBScript, JavaScript) toevoegen.

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 “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 vervolgens omzet in een webpagina.

Soorten internetpagina's

Er zijn drie soorten webpagina’s:

  1. Interactieve. Ze omvatten formulieren die zijn gegenereerd in VBScript-, JavaScript- en PHP-talen, 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?

HTML-editors worden gebruikt om webpagina's te maken: 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 willen doen, kun je een eenvoudig notitieblok gebruiken, 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 een leeg bestand met de naam 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, 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 er documentinstructies zijn: 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 er veel visuele HTML-code-editors, waardoor u internetpagina's kunt maken zonder de HTML-opmaaktaal te kennen. Maar ik geloof dat het nog steeds noodzakelijk is om de basis te kennen.</p> </blockquote> <p>Mijn blog is trouwens gemaakt op het gratis WordPress-platform. 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>: HTML - hypertext-opmaaktaal (of hypertext-opmaaktaal).</p> <p>Laten we hem dus beter leren kennen.</p> <p>Maak eerst een bestand op uw computer met een willekeurige naam en extensie.html <i>(titel moet in het Engels zijn</i>- bijvoorbeeld index.html). Om zo'n bestand te maken, maakt u een gewoon tekstdocument <i>("Start" - "Alle programma's" - "Accessoires" - "Kladblok")</i> en opslaan <i>("Bestand" - "Opslaan als")</i> waar dan ook door de naam en extensie in te voeren <i>(het komt voor dat wanneer u een extensie invoert, Kladblok deze nog steeds opslaat als een tekstbestand, maar we hebben een webbestand nodig. Om dit te doen, selecteert u voordat u opslaat het bestandstype - "Alle bestanden (*.*)").</i></p> <blockquote class="blockquote"> <p>Dit is geen vereiste (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.</p> </blockquote> <p>Wanneer het correct is opgeslagen, zou het bestandspictogram moeten veranderen in het browserpictogram (standaard Internet Explorer).</p> <p>Open dit bestand nu met Kladblok en kopieer de volgende code daarheen.</p><p> <html> <body>Dit is de eerste webpagina!<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Opslaan en openen in een browser.</p> <p>Gefeliciteerd, u heeft zojuist uw eerste webpagina gemaakt.</p> <p>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.</p> <p>Maar onze pagina heeft geen titel.</p> <p><img src='https://i0.wp.com/in-sites.ru/images/html/lesson-1/l1p2.jpg' height="207" width="365" loading=lazy loading=lazy></p> <p>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 <head>En <title>.</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 is ook een gepaarde tag ( En). Deze tag wordt niet op de pagina weergegeven (behalve de titel), maar het is noodzakelijk om aanvullende paginaparameters aan te geven: paginabeschrijving (gebruikt door zoekmachines), trefwoorden (gebruikt door zoekmachines), stijlen, scripts, titel, 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, 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.