Sisukord:

Põhi veebisaidi loomine Notepadi abil: 4 sammu
Põhi veebisaidi loomine Notepadi abil: 4 sammu

Video: Põhi veebisaidi loomine Notepadi abil: 4 sammu

Video: Põhi veebisaidi loomine Notepadi abil: 4 sammu
Video: 9 Passive Income Ideas | How You Make $5000 A Month (Side Hustle Ideas) 2024, Juuni
Anonim
Kuidas teha lihtsat veebisaiti Notepadi abil
Kuidas teha lihtsat veebisaiti Notepadi abil

Kas keegi on imestanud

"Kuidas teha põhilisest kirjutamisprogrammist veebisait?"

Noh, muidugi, mitte konkreetselt …

Igatahes, siin näitan teile, kuidas teha BASIC -veebisaiti ainult märkmiku abil.

Tarvikud

Selle projekti jaoks vajate:

-suur aju

-märkmik

-võib -olla HTML- ja CSS -käsklused petavad lehte

-palju kannatlikkust

Samm: algus

Algus
Algus

Avage märkmik. Tegelikult avage see kaks korda. Kodeerite korraga kahte faili.

Nüüd salvestage mõlemad failid. Üks on [faili nimi].html ja teine [faili nimi].css

Samm: HTML -faili seadistamine

HTML -faili seadistamine
HTML -faili seadistamine

Kirjutage HTML -faili esimesel real "" vahele rida

rida 2 -

rida 3 - [lehe nimi]

rida 4 -

rida 5 -

jäta rida vahele

rida 6 -

rida 7 -

[mida soovite esimesel real. see on tavaline tekst.]

rida 8 -

rida 9 -

Muutke nüüd, kuhu sõnumid paigutasin

SELGITUS - - -

näitab koodi algust.

ütleb päise alguse.

ütleb, mida vahekaardi nimes kuvatakse

+muu kood lingil seob css -stiililehe stiilide html -iga.

lõpetab avalduse.

lõpetab päise avalduse

ütleb keha teksti / koodi alguse

on teksti lõigu algus, mis ilmub HTML -koodi käivitamisel.

sa arvasid ära. see lõpetab keha avaldused

tähistab koodi lõppu.

Samm: CSS -faili seadistamine

CSS -faili seadistamine
CSS -faili seadistamine

pane CSS-faili esimesele reale (@charset "utf-8";)

rida 2 - keha

rida 3 {taust: [mida soovite taustavärvina]

rida 4 -}

rida 5 - h1 {

rida 6 - font -family: paks

rida 7 -}

Saate lisada rohkem muutujaid ja muuta minu märkmeid vahepeal

Samm 4: Noh, see oli see

Noh, see oli see
Noh, see oli see

Kui soovite, võite kasutada paremat juhendit, nagu vishalapr "Veebidisaini põhitõed"

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

Samuti olge ettevaatlik, et märkmik ei näita teile, kus teie kood valesti läheb.

Sellepärast on soovitatav veebisaidi kodeerimistarkvara.

Soovitan: