Pada pelajaran kali ini kita akan belajar mengedit font yang tampil pada website kita. Dalam mengedit font kita dapat menggunakan beberapa tag. Yang pertama tag <h1> sampai <h6> ini kita gunakan untuk mengganti ukuran font dengan ukuran yang stadart.
Kedua tag <font> tag ini kita gunakan unutk mengedit warna, bentuk, dan ukuran font kita. Dalam tag ini tidak cukup <font> saja, ada beberapa atribut yang tidak boleh hilang. Seperti "face" unutk bentuk font, "color" untuk warna font, "size" untuk ukuran. Bentuk umum dari tag font yaitu <font face=arial color=red size=4> Text </font>. Itu menunujukkan bahwa tulisan yang kita posting dengan jenis font Arial warna merah dan ukuran 4 (4 disini bukan berarti 4px, tapi ini adalah perbandingan yang telah ditentukan).
Selain itu untuk membuat tulisan kita berjalan kita dapat menggunakan tag <marquee> Text </marquee>. Semua tulisan yang ada diantara tag <marquee> dan </marquee> akan berjalan. Arah default jalannya tulisan yaitu kearah kanan. Kita dapat merubah arah jalannya tulisan sesuaia keinginan kita. Hal ini akan kita bahas di pelajaran nanti.
Kita juga dapat membuat tulisan kita berkedip menggunakan tag <blink>. Tulisan yang ada didalam tag <blink> akan berkedip. Bebtuk umum dari tag ini yaitu <blink> Text </blink>.
Untuk membuat tulisan menjadi tebal, miring, dan bergaris bawah kita dapat menggunakan tag berikut :
<b> Text </b> untuk membuat tulisan menjadi tebal.
<i> Text </i> Untuk membuat tulisan menjadi italic atau miring.
<u> Text </u> untuk membuat tulisan menjadi bergaris bawah.
Demikian postingan saya mengenai cara memanipulasi font.
Rabu, 14 Desember 2011
Selasa, 13 Desember 2011
Bikin Tampilan Web Dengan HTML
Hai sobat blogger semua. Kali ini kita akan belajar cara membuat website sendiri dengan HTML. Untuk pertama kita akan belajar mengenai tag-tag awal html. Untuk membuat suatu web kita cukup membutuhkan seperangkat komputer dan program note serta web browser. Untuk web browser kita bisa gunakan IE atau mozilla. Buka notepad anda. Kita mulai pelajaran pertama.
Sintax-sintax html pada umumnya diawali dengan dan selalu diakhiri dengan . Dalam kedua tag itu ada 3 tag yang paling penting, yaitu yang pertama <head></head> yang berguna untuk mendeklarasikan header dari suatu web, yang kedua <title></title> yang berfungsi untuk mendeklarasikan judul dari suatu web. Tag <title> berada diantara tag <head>dan</head>, yang ketiga <body></body> tag ini berfungsi untuk mendeklarasikan bahwa segala yang ada di antara tag <body>dan</body> adalah isi dari web yang kita buat.
Untuk project pertama silakan anda tuliskan sintax dibawah:
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
Web pertamaku
</body>
</html>
Simpan project anda di directori yang anda mau misal di directori D, simpan dengan nama pertama.html . Untuk melihat hasilnya buka web browser anda dan ketikan file:///D:/web/pertama.html pada adress bar web browser anda. Itu berarti file anda berada di direktori D dan berada di folder web dengan nama pertama.html.
Untuk syntax diatas background web kita masih berwarna putih. Kita bisa mengganti background kita dengan menambahkan bgcolor untuk mrngganti warna dan background untuk background gambar pada tag <body>. Contohnya <body bgcolor="yelloegreen"> untuk background warna hijau agak kuning. <body background="images1.jpg"> untuk background gambar images1.jpg. Untuk memasukkan gambar kita harus menjadikan semua file itu dalam 1 folder.
Sintax-sintax html pada umumnya diawali dengan dan selalu diakhiri dengan . Dalam kedua tag itu ada 3 tag yang paling penting, yaitu yang pertama <head></head> yang berguna untuk mendeklarasikan header dari suatu web, yang kedua <title></title> yang berfungsi untuk mendeklarasikan judul dari suatu web. Tag <title> berada diantara tag <head>dan</head>, yang ketiga <body></body> tag ini berfungsi untuk mendeklarasikan bahwa segala yang ada di antara tag <body>dan</body> adalah isi dari web yang kita buat.
Untuk project pertama silakan anda tuliskan sintax dibawah:
<html>
<head>
<title>Web Pertamaku</title>
</head>
<body>
Web pertamaku
</body>
</html>
Simpan project anda di directori yang anda mau misal di directori D, simpan dengan nama pertama.html . Untuk melihat hasilnya buka web browser anda dan ketikan file:///D:/web/pertama.html pada adress bar web browser anda. Itu berarti file anda berada di direktori D dan berada di folder web dengan nama pertama.html.
Untuk syntax diatas background web kita masih berwarna putih. Kita bisa mengganti background kita dengan menambahkan bgcolor untuk mrngganti warna dan background untuk background gambar pada tag <body>. Contohnya <body bgcolor="yelloegreen"> untuk background warna hijau agak kuning. <body background="images1.jpg"> untuk background gambar images1.jpg. Untuk memasukkan gambar kita harus menjadikan semua file itu dalam 1 folder.
Jumat, 09 Desember 2011
Cara Membuat Link Dalam Blog
Hallo sobat bloger semua..... Ketemu lagi dengan saya di blog kita tercinta ini. saat ini saya akan membahas mengenai cara merubah blog kita menjadi lebih menarik. Kali ini saya akan membahas menggunakan cara mengganti template atau latar belakan blog kita. Caranya mudah ok sob, pasti sobat bloger cepat menyerap ilmu itu.
Oke sbelum kita mulai pembahasan ini, tentu sobat bogger semua sudah pernah lihat kan blog yang template atau latar belakangnya menarik? Bahkan disitu disediain banyak link. Nah dsini kita akan belajar tentang itu. Oke kita mulai dari sekarang.
Pertama anda harus sudah sebuah akun blogger terlebih dahulu. itu merupakan syarat utama pelajaran kita. Setelah itu anda cari dah tu template-template blogger yang terebar bebas di interenet. Anda bisa cari yang sudah disediakan beberapa lin kosong, nanti link itu dapat kita isi sendiri sesuka hati kita. Caranya anda harus mengganti beberapa tag html dari blog anda. Caranya simak dibawah ini:
1. Buka akun blog anda.
2. Dalam halaman dasbor klik rancangan.
3. Pilih dah tu edit html.
4. Lalu kita upload template yang sudah kita download kedalam blog kita.
5. Klik browse->pilih direktori dimana kita simpan template kita-> pilih file template->klik open.
jangan lupa kita harus mengamankan widget kita dengan mencentang "Expand Template Widget".
6. Sekarang kita mulai edit html. yang perlu kita edit linknya saja ya, untuk yang lain mneyusul.
7. Cari kode <a href='#' title='display link'>Display</a> dst.
8. Terus ganti tanda '#' dengan alamat tujuan link kita misal kan saya ganti dengan 'http://inspirate-blog.blogspot.com/search/label/Blog' maka nantinya link itu akan menuju kehalaman yang saya tuju.
9. Ganti tulisan display atau yang lain itu dengan tulisan yang ingin kita tampilkan dalam link kita misal saya ganti dengan 'BLOG' maka nantinya link itu akan bertuliskan blog.
10. Dah tuh link pertama kita selesai. Tinggal kita tambah lagi dengan yang lain.
Cukup sekian dulu ya Sob semoga bermanfaat.
Oke sbelum kita mulai pembahasan ini, tentu sobat bogger semua sudah pernah lihat kan blog yang template atau latar belakangnya menarik? Bahkan disitu disediain banyak link. Nah dsini kita akan belajar tentang itu. Oke kita mulai dari sekarang.
Pertama anda harus sudah sebuah akun blogger terlebih dahulu. itu merupakan syarat utama pelajaran kita. Setelah itu anda cari dah tu template-template blogger yang terebar bebas di interenet. Anda bisa cari yang sudah disediakan beberapa lin kosong, nanti link itu dapat kita isi sendiri sesuka hati kita. Caranya anda harus mengganti beberapa tag html dari blog anda. Caranya simak dibawah ini:
1. Buka akun blog anda.
2. Dalam halaman dasbor klik rancangan.
3. Pilih dah tu edit html.
4. Lalu kita upload template yang sudah kita download kedalam blog kita.
5. Klik browse->pilih direktori dimana kita simpan template kita-> pilih file template->klik open.
jangan lupa kita harus mengamankan widget kita dengan mencentang "Expand Template Widget".
6. Sekarang kita mulai edit html. yang perlu kita edit linknya saja ya, untuk yang lain mneyusul.
7. Cari kode <a href='#' title='display link'>Display</a> dst.
8. Terus ganti tanda '#' dengan alamat tujuan link kita misal kan saya ganti dengan 'http://inspirate-blog.blogspot.com/search/label/Blog' maka nantinya link itu akan menuju kehalaman yang saya tuju.
9. Ganti tulisan display atau yang lain itu dengan tulisan yang ingin kita tampilkan dalam link kita misal saya ganti dengan 'BLOG' maka nantinya link itu akan bertuliskan blog.
10. Dah tuh link pertama kita selesai. Tinggal kita tambah lagi dengan yang lain.
Cukup sekian dulu ya Sob semoga bermanfaat.
Langganan:
Postingan (Atom)
