Uw eerste website vanaf nul maken: 4 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:19

Deze instructable laat je zien hoe je je eigen website kunt maken, helemaal opnieuw zonder vrijwel enige html te leren, en helemaal gratis, hoewel enige vaardigheid in een tekenprogramma nodig is, maar als je die vaardigheid niet hebt, kun je op internet zoeken voor wat je gaat doen in verf pre-made.de lijst met dingen die nodig zijn.

• Internettoegang (de kans is groot dat als je dit leest, je deze hebt)
• Een verfprogramma
• Ongeveer een uur (zelfs korter, afhankelijk van je vaardigheden)
• En een paar downloads die natuurlijk freeware zijn.

De eerste download heet gimp, wat in feite een verwaterde versie van fotowinkel is, of een omvangrijkere versie van Windows Paint die u beslist. Gimp dit programma heeft ook versies voor linux- en mac-gebruikers. Het volgende is iets dat ik erg leuk vind, het is een HTML-editor, namelijk. je raadt het al. Gratis ware. hierdoor hoef je geen html te leren. maar als je de codering wilt doen, kun je dat in dit programma doen. NVUGet dat allemaal, Goed nu waar klaar om de stap te zetten in de wereld van het interweb.

Stap 1: De foto's maken

Dit is de stap waarbij je alle foto's voor je site maakt, natuurlijk moet je in dit stadium een naam voor je site hebben. Een beproefde methode is om een 1000x600 foto te maken om alles wat je site zal de instructables-site bijvoorbeeld, het enige wat het echt is, is een banner bovenaan, de oranje balk met de knoppen en een paar menubalken. Maak het hele ding gewoon als een enkele afbeelding (laat het inhoudsgebied weg, dwz waar de tekst staat op de middelste pagina, laat die plek gewoon leeg) en maak geen achtergrond, vul de achtergrond gewoon met een effen kleur die goed bij je pagina past. Ik ga je geen verftips of iets anders vertellen daar in je eentje. als je eenmaal hebt hoe je wilt dat je hoofdpagina eruitziet. als je eenmaal klaar bent. knip en plak alles waarop kan worden geklikt, inclusief de banner en knoppen afzonderlijk in een nieuw venster, en sla het apart op zorg ervoor dat je ze opslaat als een.png, bekijk de afbeeldingen voor een voorbeeld van mij. Het punt hier is om alles te scheiden, zodat je het kunt coderen.

Een andere hint is om een nieuwe map te maken om ze in op te slaan, niet nodig maar voor de organisatie

Stap 2: Alles weer in elkaar zetten

Hiervoor ga je nvu openen, het kostte me een beetje rondklikken, maar het is niet te ingewikkeld. Ik zal je er stap voor stap doorheen leiden.

Eerst moet je de bovenste balk nemen die standaard is ingesteld op 600 (ik ben er vrij zeker van), maar je zult dit willen slepen en het 1000 breed maken, doe hetzelfde aan de zijkant, maak er gewoon 600 van. Als u eerst de achtergrond van de site wilt maken, gebruikt u niet de vulling die u in uw tekenprogramma hebt gebruikt, maar gaat u naar Opmaak>Paginakleuren en achtergrond en klikt u op aangepaste kleuren gebruiken. en maak de achtergrondkleur zoals je hem in het tekenprogramma hebt gemaakt. Het volgende dat u wilt doen, is de bovenste banner toevoegen. klik op de afbeeldingsknop op de werkbalk. en vind je banner. klik op geen alternatieve tekst gebruiken. en oké. je hebt nu je eerste afbeelding op je pagina. *klik op de bronbalk onder aan het programma om te zien hoeveel codering daarin is gestopt. het is ook een goede manier om HTML te leren. Upload de rest van de knoppen, je kunt alternatieve tekst gebruiken of niet, het is aan jou. u moet echter op de knop klikken en naar de opmaakbalk gaan in afbeeldings- en linkeigenschappen. klik op de linkbalk en laat het linken naar waar het op betrekking heeft, de home-knop zou index.htm zijn, de link-knop zou links.htm zijn schrijf waar de knoppen naar zijn gelinkt down je hebt ze later nodig als je alles hebt gedaan het zou eruit moeten zien als de afbeelding van de website voordat je het knippen en plakken deed. Het laatste dat u wilt doen, is een tabel maken in het midden van de pagina onder de knoppen, u kunt de kleur en randen in de menubalk wijzigen, dit is waar uw hoofdtekst komt. schrijf iets in hun, zodat je iets op je site hebt.

Stap 3: Alles instellen

Nu heb je de website zo goed als gemaakt. maar je hebt waarschijnlijk niet de tijd of ruimte die nodig is om een server op te zetten, en dan zou het ook niet gratis zijn. maar het zijn plaatsen die uw website gratis op hun servers hosten. mijn favoriet is. gratis webs

Als je geen zin hebt om dit instructable te doen en gewoon doorleest, kun je nog steeds een site maken van hun. Ze hebben alles wat je nodig hebt. Je hoeft alleen maar te kiezen hoe je wilt dat je site eruitziet en typt wat je wilt. Deze manier van doen is gewoon een stuk flexibeler

Maak een account aan op freewebs als de naam van je website al in gebruik is, maak je geen zorgen, voeg voor nu een 2 toe aan het einde van je site, d.w.z. mines punkholy, als het werd gebruikt, zou ik het punkholy2 noemen. (Dit is hoogstwaarschijnlijk niet wat mensen intypen wanneer ze naar uw site gaan. Als laatste moet u bij het maken van de website ervoor zorgen dat u deze in de html-modus zet. U komt uit op een scherm zoals de derde afbeelding, klik op sitemanager, en klik om de pagina met de naam index.htm te bewerken, verwijder de dingen die erin staan, ga naar de bronbalk in nvu en kopieer en plak die in de nu lege teksteditor. Upload als laatste de afbeeldingen naar de hoofdmap en klik op de kleine wereldbol om de pagina te bekijken. Als er iets misgaat, maak er dan een opmerking over en stuur me een bericht met je html erin en ik zie wat ik kan doen.

Stap 4: Afwerking

Naakt met mij, je bent bijna klaar. weet je nog dat je zo geposeerd was om die namen op te schrijven? Nu wanneer je ze nodig hebt. maak enkele nieuwe pagina's met dezelfde naam als de knoppen waarnaar de knoppen waren gelinkt. ga nu de html-code kopiëren van de indexpagina. en kopieer het na inspectie naar de nieuwe pagina's. je zou moeten zien waar de tekst is die je op de startpagina hebt ingevoerd. je kunt dat verwijderen en iets anders schrijven dat op de pagina zou komen, dan moet je wat html opzoeken als je links naar een andere site en dergelijke wilt toevoegen. maar voor het grootste deel test je GEDAAN je knoppen om te zien of ze werken. bedenk wat inhoud en wees gelukkig. *als een optionele stap als je een naam kreeg die werd gebruikt en een 2 in je naam moest zetten, ga dan hier naar en registreer de naam die je wilt. zelfs als het op freewebs is genomen, is de kans groot dat het hier niet wordt genomen. Tot slot alleen de gebruikelijke opmerkingen als je problemen hebt, ik weet dat het een lange instructie is met veel informatie, en als ik iets heb weggelaten, vertel het me dan, niet vlammen ik, ik heb veel websites gemaakt en iets waarvan ik denk dat het duidelijk is, is misschien niet zo duidelijk voor iemand die er nieuw is. als je een voorbeeld wilt, is hier mijn sitewww.punkholy.tk.