Innehållsförteckning:

Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg
Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg

Video: Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg

Video: Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg
Video: Lär dig att skriva en insändare (argumenterande text) 2024, Juni
Anonim
Hur man gör en grundläggande webbplats med anteckningsblock
Hur man gör en grundläggande webbplats med anteckningsblock

Har någon undrat

"hur gör jag en webbplats av ett grundläggande skrivprogram?"

Tja, uppenbarligen inte specifikt …

Hur som helst, här ska jag visa dig hur du gör en BASIC webbplats med endast anteckningsblock.

Tillbehör

För detta projekt behöver du:

-en stor hjärna

-anteckningsblock

-kanske ett HTML- och CSS -kommandon fuskblad

-mycket tålamod

Steg 1: Starten

Starten
Starten

Öppna anteckningsblock. Öppna den faktiskt två gånger. Du kommer att koda 2 filer samtidigt.

Spara nu båda filerna. En kommer att vara [filnamn].html, och den andra kommer att vara [filnamn].css

Steg 2: Konfigurera HTML -filen

Konfigurera HTML -filen
Konfigurera HTML -filen

På HTML -filen skriver du på den första raden "" hoppa över en rad

linje 2 -

rad 3 - [namn på sidan]

rad 4 -

rad 5 -

hoppa över en rad

rad 6 -

rad 7 -

[vad du vill ha på första raden. det här är vanlig text.]

rad 8 -

rad 9 -

Redigera nu var jag lade meddelandena i

FÖRKLARING - - -

anger början av koden.

anger början på rubriken.

anger vad som ska visas på fliknamnet

+annan kod i länken länkar css -stilarket till html för stilar.

avslutar uttalandet.

avslutar rubriken

anger början på brödtexten / koden

är början på stycket i texten som kommer att visas när du kör html -koden.

du gissade det. det avslutar kroppsuttalandena

betyder slutet på koden.

Steg 3: Konfigurera CSS -filen

Konfigurera CSS -filen
Konfigurera CSS -filen

på första raden i CSS-filen sätter du (@charset "utf-8";)

rad 2 - kropp

rad 3 {bakgrund: [vad du vill ha som bakgrundsfärg]

rad 4 -}

rad 5 - h1 {

rad 6 - font -family: fetstil

rad 7 -}

Du kan lägga till fler variabler och ändra mina anteckningar mellan

Steg 4: Tja, det var det

Tja, det var det
Tja, det var det

Om du vill kan du använda en bättre guide som "Web Designing Basics" av vishalapr

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

Tänk också på att anteckningsblock inte visar var din kod går fel.

Därför rekommenderas programvara för kodning av webbplatser.

Rekommenderad: