Jumat, 24 Januari 2014

Cara membuat web sederhana dengan Notepad

Cara membuat web sederhana 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 ). Kemudian ketik Source dibawah ini :
<HTML>
<HEAD>
<TITLE>Belajar menulis dengan HTML</TITLE>
</HEAD>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<P>Ini adalah halaman web pertama saya!!!</P>
<HR>
</BODY>
</HTML>

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 seperti ini :
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 :
<HTML>
<HEAD>
<TITLE>Belajar menulis HTML</TITLE>
<BODY>
<H1>Selamat Datang</H1>
<HR>
<p><a href=”contoh.html”>Home</a>|<a href=”contoh2.html”>Halaman 2</a>|<a href=”contoh3.html”>Halaman 3</a></p>
<HR>
<p>Ini adalah paragraf pertama dari halaman homepage. Belajar HTML itu sangatlah mudah tidak perlu pake kursus…</p>
</BODY>
</HTML>
Jika sudah klik SAVE, Masih pada jendela Notepad yang sama, ubah paragraf Anda dengan kalimat Anda sendiri, kemudian SAVE AS sebagaicontoh2.html. Jangan ditutup dulu, ubah lagi paragraf Anda untuk menandakan itu halaman ke-tiga dengan kalimat Anda sendiri, kemudianSAVE 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…

Tidak ada komentar:

Posting Komentar