Inhoudsopgave:

Een basiswebsite maken met Kladblok: 4 stappen
Een basiswebsite maken met Kladblok: 4 stappen
Anonim
Een basiswebsite maken met Kladblok
Een basiswebsite maken met Kladblok

Heeft iemand zich afgevraagd?

"hoe maak ik een website van een eenvoudig schrijfprogramma?"

Nou, natuurlijk, niet specifiek…

Hoe dan ook, hier laat ik je zien hoe je een BASIC-website maakt met alleen Kladblok.

Benodigdheden

Voor dit project heb je nodig:

-een groot brein

-kladblok

-misschien een spiekbriefje met HTML- en CSS-opdrachten

-veel geduld

Stap 1: Het begin

Het begin
Het begin

Kladblok openen. Open het eigenlijk twee keer. Je codeert 2 bestanden tegelijk.

Sla nu beide bestanden op. De ene is [bestandsnaam].html en de andere is [bestandsnaam].css

Stap 2: Het HTML-bestand instellen

Het HTML-bestand instellen
Het HTML-bestand instellen

Schrijf in het HTML-bestand op de eerste regel ""een regel overslaan

lijn 2 -

regel 3 - [naam van pagina]

lijn 4 -

lijn 5 -

een regel overslaan

lijn 6 -

lijn 7 -

[wat je wilt op de eerste regel. dit is gewone tekst.]

lijn 8 -

lijn 9 -

Bewerk nu waar ik de berichten heb geplaatst

UITLEG - - -

geeft het begin van de code aan.

geeft het begin van de kop aan.

geeft aan wat er op de naam van het tabblad wordt weergegeven

+andere code in link zal de CSS-stylesheet koppelen aan de html voor stijlen.

beëindigt de verklaring.

beëindigt de header-instructie

geeft het begin van de hoofdtekst / code aan

is het begin van de alinea van de tekst die verschijnt wanneer u de html-code uitvoert.

je hebt het geraden. het beëindigt de lichaamsverklaringen

betekent het einde van de code.

Stap 3: Het CSS-bestand instellen

Het CSS-bestand instellen
Het CSS-bestand instellen

op de eerste regel van het CSS-bestand, zet (@charset "utf-8";)

regel 2 - lichaam

regel 3 {achtergrond: [wat je wilt als achtergrondkleur]

regel 4 - }

regel 5 - h1 {

regel 6 - font-family:bold

regel 7 - }

U kunt meer variabelen toevoegen en mijn notities tussendoor wijzigen

Stap 4: Nou, dat was het

Nou, dat was het
Nou, dat was het

Als je wilt, kun je een betere gids gebruiken, zoals "Web Designing Basics" door vishalapr

www.instructables.com/Web-Designing-Basics…

Pas ook op dat Kladblok u niet laat zien waar uw code fout gaat.

Daarom wordt software voor het coderen van websites aanbevolen.

Aanbevolen: