Membuat Favicon

Kali ini saya akan membahas tentang cara membuat favicon di website,
jika anda tidak tahu favicon itu apa ? saya akan memberitahunya. Favicon
itu adalah icon yang terletak di bagian tab pada browser anda. Jika
kurang jelas, lihat gambar berikut !

Sekarang sudah jelas bukan ?



saya akan memberikan script/kode menampilkan favicon :



1. Buka file website anda di software web seperti DW, Notepad, Notepad++, DLL.

2. Masukan script berikut di atas kode </head> :

<link href="images/favicon.png" rel="icon" />


3. Simpan



Lihat hasilnya



Catatan :
Ganti images/favicon.png dengan alamat gambar anda



7. Simpan







Good Luck

baca selengkapnya »

Menambahkan Gambar Ke Website

Pada artikel sebelumnya saya telah memberikan tutorial tentang Membuat Halaman Pada Website, Kali ini saya akan memberikan tutorial tentang Menambahkan Gambar Pada Website. Ikuti Langkah-langkahnya :

Pada Dreamweaver :
1. Buka Software Dreamweaver anda

2. Pilih file Dengan format HTML

3. Klik pada bagian image (lihat gambar)

4. Pilih Image Placeholder lalu, akan ada tampilan seperti berikut

5. Kemudian tekan ok

6. Jika berhasil akan ada tampilan seperti ini

lihat gambar, pada garis warna merah adalah alamat/URL gambar anda berada
pada garis warna biru kotak hyperlink jika anda akan memberikan gambar dengan hyperlink maka isilah kotak yang berwarna biru dengan URL tujuan Anda Contoh : http://zooroos.blogspot.com.

7. Lihat garis berwarna merah, lalu klik gambar folder  

8. Cari gambar yang ingin anda masukan, lalu klik OK

9. Jika ada tampilan seperti ini klik OK saja

10. Kemudian jika ukuran gambar besar sesuaikan dengan yang anda mau

11. Simpan dan lihat hasilnya

Semoga Bermanfaat

Good Luck

baca selengkapnya »

Membuat Halaman Pada Website

Hai, pada artikel kali ini saya akan memberikan artikel tentang membuat halaman pada website. Jika anda ingin membuatnya silakan ikuti langkah-langkahnya :

Software Pendukung :
1. HTML editor (dreamweaver)
2. Mozilla Firefox

Pembuatan :
1. Buka software dreamweaver anda, buat document baru HTML

2. Kemudian buat tabel(lihat gambar)

3. Buat dengan struktur seperti gambar dibawah, klik OK

4. Lalu buat bentuk tabel seperti berikut

5. Kemudian block tabel lalu, atur posisi tabel menjadi center

6. Block kedua columns di tengah, lalu klik kanan » tabel » marge cell (CTRL + M)

7. Lakukan hal no.6  pada kedua columns dibawah, klik kanan » tabel » marge cell (CTRL + M)

8. Kemudian buat text "Selamat Datang Di Website Kami" lalu posisikan text tersebut ke tengah

9. Setelah itu buat text di columns diatas dan di columns bawah lalu posisikan menjadi ditengah (lihat gambar)

10. Block columns bagian tengah dan beri background warna

11. Kemudian block text bertuliskan HOME lalu beri link index.html pada kotak link (lihat gambar)

 

12. Lakuan hal yang sama pada no.11 block text PROFIL lalu berikan link profil.html

13. Setelah itu klik file » save

14. Simpan file dengan nama index.html

15. Masih di dalam file index.html masuk ke bagian code lalu block semua script(CTRL + A), copy semua script(CTRL + C)

16. Kemudian buat document baru dengan format HTML (CTRL + N)

17. Pada document yang baru dibuat masuk kedalam bagian code hapus semua script yang ada. Lalu paste script yang telah di copy pada document yang baru dibuat ini

18. Hapus text yang bertuliskan "Selamat Datang Di Website Kami"ganti dengan biodata diri anda

19. Simpan file tersebut pada folder yang sama dengan index.html, dengan nama profil.html

20. Selesai silakan test pada Mozilla firefox atau software browser lainnya

Hasil akhir :

Semoga bermanfaat

Good Luck ^_^

baca selengkapnya »

Hyperlink

Pada artikel kali ini saya akan memberikan tutorial tentang hyperlink. Hyperlink adalah sebuah text yang bisa menghubungkan antara halaman satu kehalaman lainnya dalam web. Contoh klik link berikut Click Me ketika anda mengklik link berikut anda akan dibawa ke blog http://97-ninetyseven.blogspot.com.

Pada umumnya hyperlink dalam sebuah website berbentuk seperti ini <a href='Halaman-Yang-Dituju'>Text Yang Ditampilkan </a>. Pada text href='', halaman yang dituju berarti tujuan halaman yang akan anda beri ke pengunjung website anda. Contoh about.html.

Membuat Hyperlink
1. Buka notepad
tekan WINDOW START + R (run) lalu ketikan NOTEPAD kemudian OK

 

 2. Lalu ketikan script berikut :

Hyperlink.html »

<a href="http://id-ourweb.blogspot.com/">Click Me</a>

Kemudian simpan file tersebut dengan nama hyperlink.html

Selseai



Semoga Bermanfaat

baca selengkapnya »

Struktur Website

Hai, pada kesempatan kali ini saya akan memberikan sebuah tutorial sederhana tentang contoh struktur web sederhana. Untuk lebih jelasnya ikuti langkah-langkah berikut ini :

1. Buka notepad
tekan WINDOW START + R (run) lalu ketikan NOTEPAD kemudian OK

2. Jika sudah dibuka masukan script berikut :

Struktur Dasar HTML »

<html>
<head>
<title>JUDUL WEBSITE &#9786;</title>
</head>

<body>
<marquee>Selamat Datang Di Website Kami.</marquee><br>
<br>
Di website ini anda akan mendapatkan berita - berita yang menarik
</body>
</html>

3. Simpan file diatas dengan nama test.html



Demikian Tutorial Dari saya Semoga Ilmu Anda Bertambah

baca selengkapnya »

HTML

HTML

HTML atau Hyper Text Markup Language adalah sebuah bahasa pemrogramman yang sering digunakan pada web. HTML merupakan file text murni yang dibuat dengan sembarang, “sembarang” dalam hal ini pengerjaannya bisa menggunakan software editor apa saja seperti notepad, editplus, dreamweaver ataupun editor lainnya.

STRUKTUR DASAR HTML

Secara umum struktur HTML terbagi menjadi dua bagian yaitu Head dan Body, kedua kode tersebut terpisah oleh beberapa tag. Struktur Dasar HTML :

<HTML>

<HEAD>
<TITLE>Belajar WEB</TITLE>

</HEAD>

<BODY>
isi dari web yang ditampilkan pada browser ...
</BODY>
</HTML>


SEJARAH HTML

HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).


HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).


Semoga Arikel Kali Ini Bermanfaat

baca selengkapnya »