Isi kandungan:

Cara Membuat Laman Web Asas Menggunakan Notepad: 4 Langkah
Cara Membuat Laman Web Asas Menggunakan Notepad: 4 Langkah

Video: Cara Membuat Laman Web Asas Menggunakan Notepad: 4 Langkah

Video: Cara Membuat Laman Web Asas Menggunakan Notepad: 4 Langkah
Video: Tutorial Membuat Website Sederhana Menggunakan Notepad++ 2024, November
Anonim
Cara Membuat Laman Web Asas Menggunakan Notepad
Cara Membuat Laman Web Asas Menggunakan Notepad

Adakah ada yang tertanya-tanya

"bagaimana saya membuat laman web daripada program penulisan asas?"

Baik, jelas, tidak secara khusus…

Bagaimanapun, di sini saya akan menunjukkan kepada anda cara membuat laman web ASAS menggunakan notepad sahaja.

Bekalan

Untuk projek ini, anda memerlukan:

- otak yang besar

-notepad

-mungkin HTML dan CSS perintah cheat sheet

-banyak kesabaran

Langkah 1: Permulaan

Permulaan
Permulaan

Buka notepad. Sebenarnya, buka dua kali. Anda akan mengekodkan 2 fail pada masa yang sama.

Sekarang, simpan kedua-dua fail. Satu akan menjadi [nama fail].html, dan yang lain adalah [nama fail].css

Langkah 2: Menyiapkan Fail HTML

Menyiapkan Fail HTML
Menyiapkan Fail HTML

Pada fail HTML, tulis pada baris pertama "" langkau baris

baris 2 -

baris 3 - [nama halaman]

baris 4 -

baris 5 -

melangkau garis

baris 6 -

baris 7 -

[apa yang anda mahukan pada baris pertama. ini adalah teks biasa.]

baris 8 -

baris 9 -

Sekarang, edit tempat saya meletakkan mesej

PENJELASAN - - -

menyatakan permulaan kod.

menyatakan permulaan pengepala.

menyatakan apa yang akan ditunjukkan pada nama tab

+ kod lain dalam pautan akan menghubungkan lembaran gaya css ke html untuk gaya.

menamatkan penyataan.

mengakhiri penyataan tajuk

menyatakan permulaan teks / kod badan

adalah permulaan perenggan teks yang akan muncul ketika anda menjalankan kod html.

anda meneka. ia mengakhiri penyataan badan

menandakan akhir kod.

Langkah 3: Menyiapkan Fail CSS

Menyiapkan Fail CSS
Menyiapkan Fail CSS

pada baris pertama fail CSS, masukkan (@charset "utf-8";)

garis 2 - badan

baris 3 {latar belakang: [apa yang anda mahukan sebagai warna latar]

baris 4 -}

baris 5 - h1 {

baris 6 - font-keluarga: berani

baris 7 -}

Anda boleh menambahkan lebih banyak pemboleh ubah, dan menukar nota saya di antara

Langkah 4: Baiklah

Baiklah
Baiklah

Sekiranya anda mahu, anda boleh menggunakan panduan yang lebih baik seperti "Asas Merancang Web" oleh vishalapr

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

Juga, berhati-hatilah bahawa notepad tidak menunjukkan kepada anda di mana kod anda salah.

Itulah sebabnya perisian pengekodan laman web disyorkan.

Disyorkan: