Sisällysluettelo:

Perussivuston luominen Notepadin avulla: 4 vaihetta
Perussivuston luominen Notepadin avulla: 4 vaihetta

Video: Perussivuston luominen Notepadin avulla: 4 vaihetta

Video: Perussivuston luominen Notepadin avulla: 4 vaihetta
Video: Будущее за длиной 128 бит: декодирование уровня OSI 3 и IPv6 2024, Kesäkuu
Anonim
Perussivuston luominen Notepadin avulla
Perussivuston luominen Notepadin avulla

Onko kukaan ihmetellyt

"Miten teen verkkosivuston peruskirjoitusohjelmasta?"

No ei tietenkään nimenomaan …

Joka tapauksessa, tässä näytän sinulle, kuinka tehdä BASIC -verkkosivusto käyttämällä vain muistilehteä.

Tarvikkeet

Tätä projektia varten tarvitset:

-suuret aivot

-muistilehtiö

-ehkä HTML- ja CSS -komentojen huijausarkki

-paljon kärsivällisyyttä

Vaihe 1: Aloita

Alku
Alku

Avaa muistilehtiö. Itse asiassa avaa se kahdesti. Koodat 2 tiedostoa samanaikaisesti.

Tallenna nyt molemmat tiedostot. Toinen on [tiedoston nimi].html ja toinen [tiedostonimi].css

Vaihe 2: Määritä HTML -tiedosto

HTML -tiedoston määrittäminen
HTML -tiedoston määrittäminen

Kirjoita HTML -tiedoston ensimmäiselle riville "" ohita rivi

rivi 2 -

rivi 3 - [sivun nimi]

rivi 4 -

rivi 5 -

ohita rivi

rivi 6 -

rivi 7 -

[mitä haluat ensimmäisellä rivillä. Tämä on tavallinen teksti.]

rivi 8 -

rivi 9 -

Muokkaa nyt sitä, mihin laitoin viestit

SELITYS - - -

ilmoittaa koodin alun.

kertoo otsikon alun.

kertoo, mitä välilehden nimessä näkyy

+Muu linkissä oleva koodi linkittää css -tyylitaulukon tyylien html -tiedostoon.

lopettaa lausunnon.

lopettaa otsikkolausekkeen

kertoo tekstin / koodin alun

on tekstin kappaleen alku, joka tulee näkyviin, kun suoritat html -koodin.

sinä arvasit sen. se lopettaa kehon lausunnot

tarkoittaa koodin loppua.

Vaihe 3: CSS -tiedoston määrittäminen

CSS -tiedoston määrittäminen
CSS -tiedoston määrittäminen

kirjoita CSS-tiedoston ensimmäiselle riville (@charset "utf-8";)

rivi 2 - runko

rivi 3 {tausta: [mitä haluat taustaväriksi]

rivi 4 -}

rivi 5 - h1 {

rivi 6 - fonttiperhe: lihavoitu

rivi 7 -}

Voit lisätä muita muuttujia ja muuttaa muistiinpanojani välillä

Vaihe 4: No, se oli siinä

No, se oli siinä
No, se oli siinä

Jos haluat, voit käyttää parempaa opasta, kuten vishalaprin "Web -suunnittelun perusteet"

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

Varo myös, että muistilehtiö ei näytä, missä koodisi menee pieleen.

Siksi verkkosivustojen koodausohjelmistoa suositellaan.

Suositeltava: