Website maken website bouwen webdesign
Homepage Maken, webdesign? Surf naar httpwww.nl
Eigen Website Maken eenvoudig & snel met een goed webdesign .
Maak je eigen Website met bijvoorbeeld WordPress.
Wordpress is gemakkelijk te gebruiken en iedereen die dat wil kan professioneel ogende websites bouwen
Met WordPress kan ook jij eenvoudig je eigen website maken.
Webdesigners heb je niet nodig om jou eigen homepage te maken, maak zelf het webdesign.
Eenvoudig en Snel je Eigen Website maken met foto’s, video’s of mooie verhalen.
Wat je wel nodig hebt bij het maken van een website met een goed webdesign is een Webhost
Er zijn vele web hosting bedrijven waar je een website kan laten maken.
de servers van de webhosting bedrijven zijn altijd verbonden met het internet, zodat uw website altijd beschikbaar is.
Het kiezen van een betrouwbare, maar toch goedkope website hosting kan een van de belangrijkste beslissingen zijn die je maakt.
voor jou website.
Hosting providers bieden u verschillende types van webhosting aan.
Gratis hosting is voor de lol. Als u wilt experimenteren met een site of een kleine, persoonlijke site voor de lol, dan zal een gratis pakket voldoende zijn.
Shared hosting is geschikt voor de meeste mensen. Een paar tientallen of paar honderd sites zijn ondergebracht op een server.
Dedicated hosting wordt gebruikt voor websites die veel verkeer hebben af te handelen, deze hebben behoefte aan een hogere mate van veiligheid, of sites die hun eigen aangepaste software te draaien.
Wil je WordPress op je website dan zul je wel over een webhost met database moeten beschikken, en natuurlijk een mooi webdesign.
Natuurlijk kun je ook een website op een eigen server thuis maken. Het is erg leuk om zelf een website te maken met wordpress
website maken voor dummies website maken software website maken met dreamweaver gratis website maken zonder reclame
website maken wordpress website maken google
cursus website maken website laten maken
Het website maken kan ook zonder wordpress. Hier een handleiding website maken
Website maken Website bouwen webdesign
Maken van een website maken website bouwen van een website Gratis zelf Een website maken of laten maken doe je zo.
Een website bouwen is leuk en simpel
Inleiding van een website maken:
Deze pagina zal je leren hoe je een eenvoudige website kunt maken met een goed webdesign .
Hierbij ga ik er vanuit dat je bekend bent met de basis computervaardigheden, zoals hoe te openen en opslaan van bestanden, hoe om te gaan op het internet en hoe te werken met een internet browser.
Een browser is het programma dat je gebruikt om een website op het internet te bekijken. De meest bekende browser is Internet Explorer.
Er zijn een paar stappen die je zal moeten doorlopen om een website met een degelijk webdesign te kunnen maken.
Claim je website domeinnaam
Domeinnamen voor het website webdesign maken
Elke website heeft een domeinnaam, zoals http://leukstewebsite.nl.
Elke website kan alles bevatten wat je maar zou willen
Het controleren van de beschikbaarheid van de website domeinnaam
Een domeinnaam voor je website moet iets unieks zijn. Er kan slechts een leukstewebsite.nl zijn!
Eerst moet je denken aan een naam voor je website die je zou willen maken, en vervolgens controleren of deze domeinnaam beschikbaar is. Er zijn verschillende manieren om domeinnamen te controleren.
De eerste stap is om het internet op te gaan, en typ de website naam die je zou willen hebben, zoals www.leukstewebsite.nl. Meestal is je browser slim genoeg om de pagina te vinden, zelfs zonder het voorvoegsel http://.
Er zijn twee mogelijkheden. De website domeinnaam was al geclaimd door een andere persoon of bedrijf, en een website worden getoond.
Als alternatief is er geen website met deze domeinnaam, en je website browser zal je vertellen dat de pagina niet gevonden kan worden. Maar dit betekent niet noodzakelijkerwijs dat de domeinnaam nog niet is gereserveerd.
Het kan nog steeds mogelijk zijn dat iemand al de domeinnaam heeft geclaimd, maar nog niet iets op de website heeft gezet, omdat hij / zij nog steeds bij stap 1, is.
De beste manier om de beschikbaarheid van een te maken website domeinnaam te controleren is om naar een gespecialiseerde internet pagina, een zogenaamde domeinregistratie dienst te gaan.
Een voorbeeld van deze bedrijven:
• www.mijndomein.nl website maken webdesign
• www.versatel.nl
website maken webdesign
Al deze bedrijven maken gebruik van dezelfde database van domeinnamen, dus als je een domeinnaam bij een van hen zou kopen, zullen alle anderen dit weten binnen een paar uur. Het is de moeite waard om de prijzen van de providers te vergelijken Typ de gewenste domeinnaam, en kijk of het nog beschikbaar is. Als je domeinnaam al is geclaim, moet je wat anders verzinnen, zoals het veranderen van de extensie van. Com naar. nl. Wees creatief!
Laten we aannemen dat je een domeinnaam hebt die nog steeds beschikbaar is.
website maken
Inleiding tot HTML voor het website maken
Een website maken heeft twee kanten.
Een daarvan is wat je ziet op het internet: tekst, kleuren, foto’s, misschien zelfs geluiden Dit is het webdesign .
Maar er is ook nog eens de “bron” van de te maken website, de echte computer code. Websites zijn geprogrammeerd in HTML, wat staat voor Hyper Text Markup Language.
1. Met behulp van een gespecialiseerd website maak programma zoals Microsoft FrontPage, Macromedia Dreamweaver of HomeSite. Programma’s zoals genoemd zijn HTML Editors of HTML Builders.
De voordelen van deze aanpak is dat je geen HTML hoeft te leren.
Nadelen zijn dat je deze programma’s zou moeten kopen.
website maken
2. De alternatieve manier is om HTML te leren (wat je nu doet) en direct de computer code voor je website te schrijven. Bestanden rechtstreeks in HTML zijn zeer klein in omvang (meestal slechts 12 kb). De nadelen zijn dat je HTML zal moeten leren om een website te maken of website bouwen zoals vele mensen zeggen.
Tags en attributen voor het website maken
HTML maakt gebruik van tags, opdrachten tussen kleinere-dan (<) en het groter-dan (>) symbolen. In principe is alles tussen de <en de> niet weergegeven in de browser. Hier is een eenvoudig voorbeeld van een tag:
<b> Deze tekst is vet </ b>, maar nu niet meer.
Vertaald door de browser, zal deze HTML-code er als volgt uitzien op de website:
Deze tekst is vet, maar nu niet meer.
Het grootste deel van de website maak commando’s in HTML hebben een begin tag en een eind tag. De eind-tag is hetzelfde als de tag aan het begin, maar met de / achter het voorste symbool. In het bovenstaande voorbeeld, <b> is de begin tag, </ b> is de eind-tag. Vergeet niet de eind-tag, omdat dit zal leiden tot vreemde effecten op je website!
website maken
Er zijn een heleboel tags in HTML, zoals bijvoorbeeld <u> om te onderstrepen, <i> voor cursief, en <font> om de vorm en kleur van je lettertype te veranderen. De meeste website tags hebben attributen, extra commando’s in de tag om bepaalde waarden te definiëren. Dit kan zeer gecompliceerd zijn, maar dit voorbeeld, met behulp van de tag <font> zal verduidelijken wat dit betekend.
<font size=”3″> Hier je tekst. </ Font> voor het website maken.
Binnen de tag van het lettertype zie je het attribuut size. De grootte van de letters kan hiermee worden bepaald.
De waarde van een attribuut is vaak tussen haakjes, hoewel dit niet altijd noodzakelijk is.
Een tag kan meer dan een attribuut bevatten, zoals in het volgende voorbeeld .
De volgorde is niet belangrijk voor het website maken.
<font size=”3″ face=”ms sans serif”> Hier je tekst. </ Font>
Tags om een website te maken kunnen worden geschreven in hoofdletters of kleine letters, het maakt niet uit. HTML is niet hoofdlettergevoelig. Dus <font> is gelijk aan <FONT>. Natuurlijk, de tekst tussen de tekst is wel hoofdlettergevoelig.
De tags kunnen ook door elkaar worden gebruikt, zie het volgende voorbeeld.
<font size=”3″>
Deze tekst wordt in grootte 3.
<font size=”4″>
Deze tekst wordt in grootte 4.
</ Font>
Deze tekst staat weer in formaat 3.
</ Font>
Nu ben je klaar om te beginnen met programmeren van de te bouwen website met een eigen webdesign
Om te typen in een HTML document, zou ik adviseren een eenvoudige tekst editor zoals Kladblok of Wordpad te gebruiken.
start Kladblok, Een leeg venster is nu geopend, waarin je kunt typen.
Sla het document nu op onder de nieuwe naam index.html, dat is de standaard naam voor de belangrijkste website bestand. Je kunt nu al deze pagina openen in de browser. Dit geeft nu een website weer, maar dit zal zeer binnenkort veranderen ….
Elke website webdesign begint met de tag <html> en eindigt met </ html>. Alles moet tussen deze labels. De pagina is op te delen in twee onderdelen, het hoofd en het lichaam (de body). Het hoofd deel bestaat uit de titel van je website, dat is, wat wordt weergegeven als tekst in de bovenste blauw lijn van je internet browser. Het lichaam van de website bevat de belangrijkste tekst van je pagina. De tags <html>, <head> en <body>, en de bijbehorende eind tags zijn essentieel in elk HTML-document!
Bouwen aan de Body van de website
Ga terug naar Kladblok met je bestand index.html.
Nu ben je klaar om de eerste regels HTML-code te maken!
Voorbeeld:
<html>
<head>
<title> Website van … (je naam) </ title>
</ Head>
<body>
Welkom op mijn website!
Hier vindt je vele interessante verhalen en foto’s.
</ Body>
</ Html>
Ok, nu heb je de eerste HTML-programmering gedaan! een website maken of bouwen is leuk.
Sla het document op, en ga naar je browser om te zien hoe het eruitziet.
Je ziet nog altijd een wit scherm, omdat als je de website wilt zien je de browser moet vernieuwen. Dus in je browser, ga naar Beeld, Vernieuwen, of klik op de knop met de twee groene gebogen pijlen, of druk op F5.
Zoals je kunt zien staat de tekst achter elkaar, terwijl je een enter getypt had.
Dit komt omdat je voor enter een apart teken moet gebruiken, dit is de <br> (break).
Voorbeeld van de body:
<body>
Welkom op mijn website! <br>
Mijn naam is pietje puk. <br>
Ik ben een kunstenaar.
Op deze website kunt u kijken naar mijn werk. <br>
<body>
De tag <body>, achtergrond en kleur van de hoofdtekst
De achtergrondkleur van de website bepaalt de uitstraling van je website! De kleur van de achtergrond, wordt bepaald door een attribuut in de tag <body>, net als de kleur van de hoofdtekst.
De volgende HTML-code geeft een blauwe achtergrond en een zwarte tekst:
<body bgcolor=”#CCCCFF” text=”#000000″>
Als je nog niets begrijpt van de vreemd uitziende kleurwaarden, wanhoop niet, ze worden verderop in de tekst uitgelegd!
De tag <body> heeft de volgende kenmerken:
Bgcolor kleur van de achtergrond, meestal gegeven als een hexadecimale code
Achtergrond = “naam-van-plaatje.jpg” kunt je gebruiken voor een foto in de achtergrond. De foto wordt automatisch herhaald (tegels) om het hele venster te vullen.
Bgproperties = “fixed” zal je achtergrond bevriezen, terwijl de tekst kunt scrollen.
Tekst kleur van de hoofdtekst, meestal gegeven als een hexadecimale code (zie kleuren). Zorg ervoor dat het leesbaar is!
<body background=”bgkittens.jpg” bgproperties=”fixed” text=”#000000″>
Lettertype
Binnen de tag <font> verschillende attributen te bepalen grootte, kleur en type van het lettertype.
Een voorbeeld:
<font size=”3″ face=”ms sans serif, geneva” color=”#CCCCFF”>
Hier is de tekst.
</ Font>
website maken
De volgende attributen worden gebruikt binnen <font>:
grootte: bepaalt de grootte van de letters. Nummer 1 is de kleinste, 7 de grootste. Waarden groter dan 7 zal worden getoond als 7.
gezicht: bepaalt het type van het lettertype. Het is het beste te kiezen voor een regelmatig gebruikt lettertype, want zeldzame lettertypen worden niet altijd herkend door de browser. In het voorbeeld hierboven zie je dat twee lettertypen worden gegeven, zodat als de browser de eerste niet herkent, het de tweede kan kiezen.
Veelgebruikte en bekende lettertypen voor het website maken zijn:
• MS Sans Serif (lijkt op Arial, modern uitziende)
• Genève (lijkt op Arial, modern uitziende)
• Times Roman (meer ouderwets lettertype)
• Verdana (modern uitziende)
Tekst-tags: vet, cursief, onderstrepen, enz. voor het website maken
Om bepaalde woorden of lijnen te laten opvallen in je tekst, maak je ze vet, cursief of onderstreept. Het volgende voorbeeld toont het gebruik van de tag <b>, om een woord te vet te maken.
Nu gaan we <b>vetgedrukte tekst </ b> voor de website maken.
De meest gebruikte tekst tags voor een website maken zijn de volgende. Een eind-tag is een must!
<b> vetgedrukt
<i> cursief
<u> onderstrepen
<sup> superscript
<sub> subscript
<strike> doorhalen
<blink> knippert aan en uit, heel vervelend voor de meeste lezers
<marquee> scrollende tekst, om van rechts naar links. Nog vervelender. Spaarzaam gebruiken.
zo is <h1> de grootste kop, <h2> en <h3> zijn iets kleiner, <h4> is van hetzelfde formaat als de hoofdtekst, terwijl <h5> en <h6> kleiner zijn dan de hoofdtekst.
Deze tag maakt automatisch een ruimte tussen de koptekst en de tekst na de eind-tag. Het attribuut lijn wordt het meest gebruikt.
align = left / center / rechts / rechtvaardigen: kies een van deze waarden om de uitlijning te bepalen
Om de kop een andere kleur dan de rest tekst te geven, kan je een font-tag tussen de header tags zetten, zoals in dit voorbeeld:
Headers website maken
HTML heeft 6 verschillende Headers, die gecodeerd worden met tags <h1> tot en met <h6>. De tekst tussen de begin-tag en de eind tag </ h> wordt beschouwd als een rubriek. De eind-tag is een must!
<h3 align=”center”> <font color=”#0000FF”> blauwe balk in het midden </ font> </ h3>
De tag <hr> geeft een horizontale lijn. Geen eind-tag is hier nodig.
Standaard zal de horizontale lijn over de volle breedte van de te maken website zijn.
Door het gebruik van attributen zijn andere waarden mogelijk:
Horizontale lijnen voor het website bouwen
Voorbeeld:
<hr size=”12″ width=”10%” noshade>
Foto’s en andere multimedia-elementen die je op websites ziet zijn niet echt deel van het HTML-document. In plaats daarvan zijn ze aparte bestanden, waar de HTML-code naar verwijst.
leuke Afbeeldingen voor het website maken
voorbeeld:
<img src=”plaatje.jpg” width=”200″ align=”right”>
Zorg ervoor dat de foto in dezelfde directory als de andere HTML-documenten staan van de te bouwen website, zodat de browser ze gemakkelijk kan vinden. Als je een heleboel foto’s hebt sla ze dan op in een aparte directory (bijvoorbeeld plaatjes) in de directory waar je HTML-bestanden zijn. Als de browser het plaatje niet kan vinden word het zichtbaar als een rood kruis.
Hyperlinks zijn de blauwe tekstregels op je internet browser, waar je op kunt klikken, en leidt je naar een andere plaats op de website of naar een andere webpagina. De tag om een hyperlink te maken is de <a>. De eind-tag is hier wel nodig.
Klik <a href=”anderepagina.html”> hier </ a> om naar mijn andere pagina te gaan.
Hyperlinks van de te maken website
<a href=”anderepagina.html”> <img src=”afbeelding.jpg” border=0 align=”center”> Klik hier om naar mijn andere website te gaan </ a>
Hyperlink met afbeelding voor de website
In het voorbeeld hieronder, zijn een foto en wat tekst geplaatst tussen de <a> tags. Dit zal je toelaten om te klikken op de foto of op de tekst naar een andere pagina. De foto wordt dan met een blauwe rand er omheen afgebeeld, wat aangeeft dat hij ‘klikbaar’ is. Als je de blauwe rand niet wil, voeg je de opdracht border = 0 (zie hoofdstuk afbeeldingen).
Met behulp van align = “center” kan je het plaatje uitlijnen.
website maken webdesign
De website van het jaar 2020