Kā izveidot pamata vietni, izmantojot Notepad: 4 soļi
Kā izveidot pamata vietni, izmantojot Notepad: 4 soļi
Anonim
Kā izveidot pamata vietni, izmantojot Notepad
Kā izveidot pamata vietni, izmantojot Notepad

Vai kāds ir aizdomājies

"Kā izveidot tīmekļa vietni no pamata rakstīšanas programmas?"

Protams, ne īpaši …

Jebkurā gadījumā šeit es jums parādīšu, kā izveidot BASIC vietni, izmantojot tikai piezīmju grāmatiņu.

Piegādes

Šim projektam jums būs nepieciešams:

-lielas smadzenes

-piezīmju bloks

-varbūt HTML un CSS komandas apkrāptu lapu

-daudz pacietības

1. darbība: sākums

Sākums
Sākums

Atveriet piezīmju grāmatiņu. Patiesībā atveriet to divas reizes. Jūs kodēsit 2 failus vienlaikus.

Tagad saglabājiet abus failus. Viens būs [faila nosaukums].html, bet otrs būs [faila nosaukums].css

2. darbība. HTML faila iestatīšana

HTML faila iestatīšana
HTML faila iestatīšana

Uz HTML faila ierakstiet pirmajā rindā "" izlaist rindu

2. rinda -

3. rinda - [lapas nosaukums]

4. rinda -

5. rinda -

izlaist rindu

6. rinda -

7. rinda -

[ko vēlaties pirmajā rindā. tas ir parasts teksts.]

8. rinda -

9. rinda -

Tagad rediģējiet, kur es ievietoju ziņojumus

PASKAIDROJUMS - - -

norāda koda sākumu.

norāda galvenes sākumu.

norāda, kas tiks parādīts cilnes nosaukumā

+cits kods saitē sasaistīs css stilu lapu ar stilu html.

beidz paziņojumu.

beidzas galvenes paziņojums

norāda pamatteksta / koda sākumu

ir teksta rindkopas sākums, kas tiks parādīts, palaižot html kodu.

jūs uzminējāt. ar to beidzas ķermeņa paziņojumi

apzīmē koda beigas.

3. darbība: CSS faila iestatīšana

CSS faila iestatīšana
CSS faila iestatīšana

CSS faila pirmajā rindā ievietojiet (@charset "utf-8";)

2. rinda - ķermenis

3. rinda {fons: [ko vēlaties kā fona krāsu]

4. rinda -}

5. rinda - h1 {

6. rinda - fontu saime: treknraksts

7. rinda -}

Varat pievienot citus mainīgos un mainīt manas piezīmes starp

4. solis: Nu, tā tas bija

Nu, tā tas bija
Nu, tā tas bija

Ja vēlaties, varat izmantot labāku rokasgrāmatu, piemēram, vishalapr "Web izstrādes pamati"

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

Pievērsiet uzmanību arī tam, ka piezīmju grāmatiņa neparāda, kur jūsu kods ir kļūdījies.

Tāpēc ir ieteicama vietņu kodēšanas programmatūra.

Ieteicams: