Sadržaj:

Kako napraviti osnovnu web stranicu pomoću bilježnice: 4 koraka
Kako napraviti osnovnu web stranicu pomoću bilježnice: 4 koraka

Video: Kako napraviti osnovnu web stranicu pomoću bilježnice: 4 koraka

Video: Kako napraviti osnovnu web stranicu pomoću bilježnice: 4 koraka
Video: Kako napraviti web stranicu sa alatom Wordpress - 1.dio ( instalacija na server ) 2024, Lipanj
Anonim
Kako napraviti osnovnu web stranicu pomoću bilježnice
Kako napraviti osnovnu web stranicu pomoću bilježnice

Je li se itko zapitao

"kako napraviti web stranicu od osnovnog programa za pisanje?"

Pa, očito, ne konkretno …

U svakom slučaju, ovdje ću vam pokazati kako napraviti OSNOVNU web stranicu koristeći samo bilježnicu.

Pribor

Za ovaj projekt trebat će vam:

-veliki mozak

-bilježnica

-možda HTML i CSS naredbe varalica

-puno strpljenja

Korak 1: Početak

Početak
Početak

Otvorite bilježnicu. Zapravo, otvorite ga dva puta. Kodirat ćete 2 datoteke istovremeno.

Sada spremite obje datoteke. Jedan će biti [naziv datoteke].html, a drugi će biti [naziv datoteke].css

Korak 2: Postavljanje HTML datoteke

Postavljanje HTML datoteke
Postavljanje HTML datoteke

Na HTML datoteci napišite u prvom retku preskakanje retka

redak 2 -

redak 3 - [naziv stranice]

redak 4 -

redak 5 -

preskočite redak

redak 6 -

redak 7 -

[ono što želite u prvom retku. ovo je običan tekst.]

redak 8 -

redak 9 -

Sada uredite mjesto na koje stavljam poruke

OBJAŠNJENJE - - -

navodi početak koda.

navodi početak zaglavlja.

navodi što će se prikazati na nazivu kartice

+drugi kôd na linku povezat će css tablicu stilova s html -om za stilove.

završava izjavu.

završava izraz zaglavlja

navodi početak tjelesnog teksta / koda

je početak odlomka teksta koji će se pojaviti kada pokrenete html kôd.

pogodio si. završava tjelesne izjave

označava kraj koda.

Korak 3: Postavljanje CSS datoteke

Postavljanje CSS datoteke
Postavljanje CSS datoteke

u prvom retku CSS datoteke stavite (@charset "utf-8";)

linija 2 - tijelo

redak 3 {pozadina: [koju želite boju pozadine]

redak 4 -}

redak 5 - h1 {

6. redak - obitelj fontova: podebljano

redak 7 -}

Možete dodati još varijabli i promijeniti moje bilješke između

Korak 4: Pa, to je bilo to

Pa, to je bilo to
Pa, to je bilo to

Ako želite, mogli biste upotrijebiti bolji vodič poput "Osnove web dizajna" by vishalapr

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

Također, imajte na umu da vam bilježnica ne pokazuje gdje vaš kôd polazi po zlu.

Zato se preporučuje softver za kodiranje web stranica.

Preporučeni: