This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Monday, August 6, 2012

Mengelola Halaman Website 6

Heading, Paragraph, Break

Heading
Tag Heading ini diperlukan sebagai judul dalam sebuah paragraph, ada 6 (enam) level heading yang disediakan dalam format HTML. Berikut ini sintaksisnya :
<Hn> Teks Heading </Hn>
huruf n diganti dengan angka 1 sampai 6 sesuai dengan level yang dikehendaki.
Paragraph
Jika dokumen HTML berisi teks yang cukup panjang maka sangat diperlukan untuk membaginya kedalam beberapa paragraph untuk memudahkan pembacaan oleh pengguna. Pembentukan elemen paragraph ini menggunakan sintaksis :
<p>Isi teks sebuah paragraph </p>
tag penutup </p> boleh dituliskan boleh tidak, akan tetapi sebaiknya dituliskan untuk mengetahui berakhirnya sebuah paragraf.
Break
Kadangkala kita memerlukan untuk menulis di baris yang baru dalam sebuah paragraf yang sama. Untuk itu kita perlu menggunakan tag line break ini. Tag Break adalah tag tunggal sehingga tidak memiliki tag penutup. Sintaksis tag Break berupa :
<BR>

Mengelola Halaman Website 5

Tag Tunggal

Secara umum, tag HTML adalah tag-tag yang berpasangan. Akan tetapi, ada beberapa tag yang tidak berpasangan, misalnya :
  • tag <HR>
  • tag <BR>
tag <HR> berfungsi untuk memberikan garis berikut


tag <BR> berfungsi untuk memulai baris baru, misalnya :
Ini adalah baris pertama
Ini adalah baris kedua dengan tag <br>

Mengelola Halaman Website 4

 

Tag BODY

OK, kita mengingat kembali tag Body di penjelasan sebelumnya. Tag Body adalah tag berpasangan dan seluruh content document diletakkan diantaranya. Dalam bentuk yang paling sederhana memiliki format sebagai berikut :
<BODY> </BODY>
Tetapi sebenarnya format tag Body lebih kompleks lagi, karena beberapa setting dokumen kita didalam tag Body ini. Amati contoh berikut :
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red>
</BODY>
Diperlihatkan di contoh, bahwa tag Body memiliki setting tambahan berupa atribut dan value, dengan format sebagai berikut :
<ELEMENT ATTRIBUTE=value>
Jadi kalau kita lihat kembali contoh diatas maka, tag Body adalah elemen, sementara BGCOLOR, TEXT, LINK, ALINK dan VLINK adalah atribut. white, black, blue, green dan red adalah value.
Kesimpulannya, tag menjelaskan arti elemen secara umum sedangkan atribut menjelaskan lebih detail. Untuk lebih jelasnya, mari kita pelajari arti masing-masing atribut tersebut.
BGCOLOR=white
Atribut ini menjelaskan warna background untuk seluruh dokumen. Warna putih (white) dapat diganti dengan red, blue, green, black atau warna yang lain. Bisa juga menggunakan color code yang akan dibahas kemudian.
TEXT=black
Atribut ini mengatur warna teks di halaman web dan warna hitam (black) juga bisa digantikan dengan warna lain.
LINK=blue
Ini adalah warna hyperlink sebelum di-click. Sebaiknya memang warna hyperlink berbeda dengan warna teks untuk memudahkan pengguna.
ALINK=purple
Atribut ini mengeset warna link saat akan di-click (didekati dengan mouse).
VLINK=red
Atribut ini mengeset warna link setelah sebuah link dikunjungi.
Background pada tag Body
Salah satu atribut penting di tag Body adalah BACKGROUND. Atribut ini berfungsi untuk memberikan tampilan latar belakang sebuah gambar dan atribut ini akan menimpa atribut BGCOLOR. Untuk dapat menggunakannya kita harus tahu dimanakah letak file gambar yang akan kita gunakan. Untuk lebih jelasnya amati contoh berikut :
<BODY BGCOLOR=white TEXT=black
LINK=blue ALINK=green VLINK=red
BACKGROUND="/~webs/images/wall1.jpg">
</BODY>

Jangan lupa untuk menambahkan tanda kutip diantara alamat file gambar yang akan digunakan.

Friday, August 3, 2012

Mengelola Halaman Website 3


Tag META


Seperti telah dijelaskan sebelumnya, tag-tag pada elemen HEAD tidak akan ditampilkan oleh web browser, tetapi tag-tag pada elemen ini berfungsi untuk memberikan informasi mengenai halaman web dibawahnya.
Di elemen Head ada beberapa tag-tag Meta yang bisa digunakan, tetapi kita akan membahas tiga tag yang cukup penting, yaitu tag meta author, description dan keyword. Tag-tag meta ini tidak memiliki tag penutup seperti tag-tag di elemen body pada umumnya.
Tag Meta Auhtor
Tag ini berfungsi untuk menjelaskan perancang halaman web. Contoh :
<meta name="Author" content="Nama perancang ">
Tag Meta Description
Tag meta ini berfungsi saat kita menggunakan search engine yang akan mengindex website secara otomatis. Program di search engine ini akan mencari deskripsi di website kita dan akan mencarinya di tag meta ini. Contoh :
<meta name="Description" content="Deskripsi website ">
Tag Meta Keyword
Tag ini berfungsi untuk search engine yang bertipe auto robot yang secara otomatis akan mencari kata-kata di tag ini dan meletakkan di database mereka. Bila seseorang mencari dengan kata-kata yang terdapat dalam tag meta ini maka website kita akan termasuk dalam salah satu hasil pencarian. Contoh :
<meta name="Keywords" content="personal">
Berikut ini komposisi ketiganya dalam elemen Head sebuah dokumen HTML :
<html>
<head>
<title>Halamanku</title>
<meta name="Author" content="Nama Perancang">
<meta name="Description" content="Deskripsi Website">
<meta name="Keywords" content="personal">
</head>
<body>
contoh Meta Tags
</body>
</html>

Mengelola Halaman Website 2


Halaman Sederhana

 Sebaiknya seluruh tag yang digunakan dalam sebuah halaman web menggunakan standard HTML tertentu. Saat ini versi terakhir standard HTML adalah HTML 4.0.
Dokumen HTML terbagi dalam dua bagian besar yaitu bagian head dan bagian body.
Bagian head berfungsi untuk memberikan informasi-informasi penting tentang dokumen HTML tersebut dan informasi tersebut tidak ditampilkan di layar monitor.
Sementara itu, bagian body adalah berisi semua instruksi untuk mengatur seluruh tampilan halaman web di web browser dan informasi lain yang tidak termasuk dalam bagian head.
Berikut ini bentuk paling sederhana sebuah halaman web :
  <html>
  <head>
  <title>Halaman sederhana...</title>
  <!-- bagian header berisi informasi tambaha yang 
       menjelaskan dokumen ini dan 
       tidak ditampilkan -->
  </head>
 
  <body>
  
  <!-- semua instruksi untuk mengatur tampilan -->
 
  <h3> Halaman web sederhana... </h3>
  </body>
  </html>

Mengelola Halaman Website 1


Apa itu Tag HTML ?


Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (dalam hal ini adalah tag HTML) yang ditandai dengan karakter "<" dan ">".
Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan ada tag penutup. Format umum tag HTML adalah :
<nama_tag> Teks yang akan ditampilkan </nama_tag>
Sebuah contoh, misalnya judul halaman ini menggunakan tag header :
<h3> Apa itu tag HTML ? </h3>

Tag tersebut akan memberikan informasi kepada web browser untuk menampilkan teks "Apa itu tag HTML ?" dengan style header level 3. Tag HTML dapat menginstruksikan web browser untuk menebalkan sebuah teks (bold), menampilkan dengan format miring/italic, membuatnya sebagai sebuah header dengan level tertentu, atau membuatnya sebagai sebuah hyperlink ke halaman web yang lain.
Sebuah tag penutup </nama_tag> selalu diberikan karakter "/", yang berfungsi untuk memberhentikan proses tagging kepada web browser. Banyak tag HTML yang selalu berpasangan dengan cara seperti ini. Bila kita lupa memberikan tag penutup maka web browser akan menganggap bahwa tag tersebbut berlaku untuk keseluruhan dokumen dan hasil tampilan halaman web tersebut tidak seperti yang kita inginkan.
Penulisan tag-tag HTML tidak memperhatikan penggunaan huruf (case in-sensitive), apakah menggunakan huruf besar atau huruf kecil, akan menghasilkan tampilan yang sama.
Tidak seperti di bahasa pemrograman, kesalahan akibat peletakan atau penggunaan tag HTML tidak akan mengakibatkan sistem komputer menjadi hang atau rusak. Kesalahan tersebut hanya akan berakibat pada tampilan halaman web tersebut.
Web browser memang sengaja dirancang dengan kemampuan mengenali dan melaksanakan 'hanya' beberapa tag HTML dari keseluruhan tag standard W3C. Bila ada tag HTML yang tidak diketahui dalam halaman web yang sedang diproses, web browser akan mengabaikannya seakan-akan tag tersebut tidak ada.
Contoh : <tagsaya><h3>Apa itu tag HTML ? </h3></tagsaya>
akan menampilkan tampilan yang sama dengan <h3>Apa itu tag HTML ? </h3>. Jadi tag <tagsaya> dan </tagsaya> sama sekali diabaikan oleh web browser.

Selamat menunaikan Ibadah Puasa 1433 H


Kami segenap keluarga besar SMK Islam Sudirman Ampel khususnya Program Keahlian Multimedia mengucapkan selamat menunaikan ibadah puasa ramadhan 1433 H. Semoga dengan semangat ramadhan kita bisa lebih maju, lebih baik dan lebih diakui masyarakat sebagai sekolah yang kompetensi dengan apa yang diajarkan di sekolah, menjadi manusia yang berilmu tapi berakhlak. Amin
Di akhir puasa sebagai hari kemenangan tak lupa kami segenap keluarga besar SMK Issud Ampel program keahlian Multimedia memohon maaf lahir dan batin di hari yang fitri. Selamat hari raya Idul Fitri 1433 H.

Followers