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

Untuk menebalkan teks (bold)

Untuk memiringkan teks (italic)

Untuk menggaris bawahi teks (underline)

Untuk membuat paragraf

Untuk memanipulasi bentuk dan ukuran huruf

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>

kata-kata bijak cinta

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.

</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”