Kamis, 12 April 2012

Belajar membuat halaman web sederhana, dengan notepad bag 1

Website memiliki berbagai macam fungsi mulai dari; komunikasi, berbagi ilmu pengetahuan, berbagi file bahkan sampai berjualan pun dapat dilakukan dengan website. Untuk itu pada posting kali ini saya akan  menjelaskan cara membuat website hanya dengan menggunakan notepad. Karena hanya menggunakan notepad maka halaman yang tampil masih sangat sederhana. Dan materi yang saya share ini merupakan bagian dasar dari pembuatan web, untuk itu bagi anda yang sudah ahli dalam pembuatan web bersedia menambahkan jika ada kekurangan maupun kesalahan dalam penulisan.
Berikut cara pembuatanya
Pertama persiapkan aplikasi yang diperlukan yakni notepad (bisa notepad biasa tetapi lebih baik menggunakan notepad++, bisa didownload filehippo atau indowebster) dan browser internet  (saran saya dengan google chrome dan firefox)
Untuk kita pelajari pada bagian pertama adalah dengan menggunakan bahasa html,  untuk keterangan mengenai html bisa klik disini..oke deh kita mulai
tag-tag dasar yang perlu dipelajari
<html></html>                                   Tag untuk mengapit semua halaman HTML
<head></head>                                 Tag yangyang berfungsi memberikan informasi umum dari halaman
<title></title>                                     Judul halaman. Terdapat pada <head>
<body></body>                                 untuk mensetting attribut keseluruhan isi halaman
<b></b>                                                Untuk menebalkan teks (bold)
<i></i>                                                   Untuk memiringkan teks (italic)
<u></u>                                                Untuk menggaris bawahi teks (underline)
<p></p>                                                Untuk membuat paragraf
<font></font>                                    Untuk memanipulasi bentuk dan ukuran huruf
<br>                                                        Untuk pindah ke baris baru
<hr>                                                        Untuk membuat garis horizontal
<a></a>                                                 Untuk membuat links (hyperlink)
·         Materi membuat halaman berisi judul dan artikel
1.       Buka notepad anda (yang saya gunakan notepad++)
2.       Ketik kode dibawah ini, di bawah pada notepad anda

<html>
<head>
<title>kata kata bijak cinta</title>
</head>
<body>
<p>kata-kata bijak cinta</p>
<p>Cinta tidak pernah meminta, ia sentiasa memberi, cinta membawa penderitaan, tetapi tidak pernah berdendam, tak pernah membalas dendam.
Di mana ada cinta di situ ada kehidupan; manakala kebencian membawa kepada kemusnahan.</p>
</body>
</html>
3.       Simpan di localdisc D: dan buat folder baru dengan “web” dan simpan file tadi dengan nama “belajar membuat artikel web.html”  - pilih All type pada kotak “Save as type”
4.       buka file tadi dengan Mozilla firefox ataupu google chrome
5.       Dan hasilnya akan Nampak seperti ini
6.       Selesai selanjutnya akan dibahas pada posting  “Belajar membuat halaman web sederhana, dengan notepad bag 2




6 komentar:

Komentar anda sangat bermanfaat bagi saya