Cara Membuat Website Serderhana Dengan Notepad

HTML adalah sebuah bahasa pemograman. Sama seperti bahasa pemrograman lainnya.
Membuat halaman website sebenarnya gampang2 susah. Bahkan anda hanya perlu notepad. Saya ingin mengajak Anda mengenal HTML dengan memulai dari yang sederhana. Berikut cara mudah membuat halaman Web dengan Notepad.
Jika anda pemula/newbie, anggap ini latihan sederhana untuk jadi webmaster hehe. OK deh kita langsung ke TKP
Langkah 1
Star Menu > All Program > Accessories > Notepad ( Windows + R ).

Belajar menulis dengan HTML

Selamat Datang




Ini adalah halaman web pertama saya!!!



Jika sudah, simpan itu di folder dengan pilihan :
File Name : contoh.html
Save as type : All files
Klik ganda pada file yang sudah Anda buat tadi. Maka akan tampil halaman Web

Untuk menulis paragraf – paragraf Anda, awali selalu dengan tag dan tutup
. Jika Anda ingin meng-editnya, cukup klik kanan pada file html Anda, point open with, pilih Notepad. Sebagai bahan untuk belajar buat Anda, Masih pada halaman ini, silahkan ketik CTRL+U – jika Anda menggunakan Mozila FireFox, atau pilih view kemudian Source- jika Anda menggunakan IE.
Cara Mebuat Link atau Navigasi
Edit dengan Notepad file contoh.html kemudian tambahkan isi sebagai berikut :

Belajar menulis HTML

Selamat Datang



Home|Halaman 2|Halaman 3


Ini adalah paragraf pertama dari halaman homepage. Belajar HTML itu sangatlah mudah tidak perlu pake kursus…

Jika sudah klik SAVE, Masih pada jendela Notepad yang sama, ubah paragraf Anda dengan kalimat Anda sendiri, kemudian SAVE AS sebagai contoh2.html. Jangan ditutup dulu, ubah lagi paragraf Anda untuk menandakan itu halaman ke-tiga dengan kalimat Anda sendiri, kemudian SAVE AS sebagai contoh3.html.
Sekarang buka salah satu file HTML Anda kemudian coba klik pada navigasi / link yang baru Anda buat. Jika link Anda bekerja, SELAMAT Anda SUKSES

Sekian dulu,,semoga tutorial cara mudah membuat halaman Web dengan Notepad bermanfaat bagi kita semua…

oleh : Sarah Kusuma Wardani
XI NMM3
sumber : http://xeroncyber.blogspot.com/2013/02/cara-membuat-website-dengan-mudah.html

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s