Daftar Isi:

Cara Membuat Website Dasar Menggunakan Notepad: 4 Langkah
Cara Membuat Website Dasar Menggunakan Notepad: 4 Langkah

Video: Cara Membuat Website Dasar Menggunakan Notepad: 4 Langkah

Video: Cara Membuat Website Dasar Menggunakan Notepad: 4 Langkah
Video: Tutorial Membuat Website Sederhana Menggunakan Notepad++ 2024, Juni
Anonim
Cara Membuat Website Dasar Menggunakan Notepad
Cara Membuat Website Dasar Menggunakan Notepad

Apakah ada yang bertanya-tanya?

"bagaimana cara membuat situs web dari program penulisan dasar?"

Yah, jelas, tidak secara khusus …

Bagaimanapun, di sini saya akan menunjukkan cara membuat website BASIC hanya dengan menggunakan notepad.

Perlengkapan

Untuk proyek ini Anda akan membutuhkan:

-otak besar

-buku catatan

-mungkin lembar contekan perintah HTML dan CSS

-banyak sabar

Langkah 1: Awal

Permulaan
Permulaan

Buka buku catatan. Sebenarnya, buka dua kali. Anda akan mengkodekan 2 file sekaligus.

Sekarang, simpan kedua file tersebut. Salah satunya adalah [nama file].html, dan yang lainnya adalah [nama file].css

Langkah 2: Menyiapkan File HTML

Menyiapkan File HTML
Menyiapkan File HTML

Pada file HTML, tulis di baris pertama ""lewati baris

baris 2 -

baris 3 - [nama halaman]

baris 4 -

baris 5 -

lewati satu baris

baris 6 -

baris 7 -

[apa yang Anda inginkan di baris pertama. ini adalah teks biasa.]

baris 8 -

baris 9 -

Sekarang, edit tempat saya meletakkan pesan

PENJELASAN - - -

menyatakan awal kode.

menyatakan awal dari header.

menyatakan apa yang akan ditampilkan pada nama tab

+kode lain dalam tautan akan menautkan lembar gaya css ke html untuk gaya.

mengakhiri pernyataan.

mengakhiri pernyataan header

menyatakan awal teks / kode tubuh

adalah awal paragraf teks yang akan muncul ketika Anda menjalankan kode html.

Anda menebaknya. itu mengakhiri pernyataan tubuh

menandakan akhir dari kode.

Langkah 3: Menyiapkan File CSS

Menyiapkan File CSS
Menyiapkan File CSS

pada baris pertama file CSS, letakkan (@charset "utf-8";)

baris 2 - badan

baris 3 {latar belakang: [apa yang Anda inginkan sebagai warna latar belakang]

baris 4 - }

baris 5 - h1 {

baris 6 - font-family:bold

baris 7 - }

Anda dapat menambahkan lebih banyak variabel, dan mengubah catatan saya di antara

Langkah 4: Nah, Itu Dia

Nah, Itu Dia
Nah, Itu Dia

Jika mau, Anda bisa menggunakan panduan yang lebih baik seperti "Dasar-Dasar Desain Web" oleh vishalapr

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

Juga, berhati-hatilah bahwa notepad tidak menunjukkan di mana kesalahan kode Anda.

Itulah mengapa perangkat lunak pengkodean situs web direkomendasikan.

Direkomendasikan: