Jaty Hernawan

HTML

2010-12-30T07:13:00.000-08:00

Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan untuk menentukan format atau style dari teks yang di tandai.

Pada dasarnya elemen HTML ada 2 kategori:

Elemen berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.

Sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu di awali dengan dan di akhiri dengan .

Berikut adalah contoh HTML:

Contoh HTML

inilah contoh kode HTML

Menikmati Liburan Di Kota Seberang,Kota Tepian,Kota Samarinda,Kalimantan Timur

2010-12-22T20:25:00.000-08:00

Pada tanggal 21 Juli 2010 kemarin saya pergi ke suatu pulau terbesar di kawasan indonesia yaitu Pulau Kalimantan.

Saya berangkat dari kediamanku sekitar jam 11.40 wib,saya di antar oleh ayah saya ke adisujipto airport yogyakarta.

Perjalanan dari kediamanku sampai ke airport memakan waktu sekitar 1 jam perjalanan,saya sampai di bandara sekitar jam 12.45 wib,sesampainya di depan bandara saya langsung masuk untuk chek-in di maskapai penerbangan mandala air.

Setelah chek-in saya langsung masuk ke ruang tunggu penumpang,setelah menunggu sekitar 1,5 jam akhirnya pesawat itu datang walaupun telat dari jadwal.Sesuai dengan jadwal pesawat berangkat jam 13.50 wib dan ternyata ada gangguan operasional menjadi jam 14.25 wib.

Perjalanan dari Jogja sampai kalimantan memakan waktu sekitar 1,15 menit,saya turun di propinsi kalimantan timur tepatnya di bandara internasional sepinggan kota balikpapan sekitar jam 17.15 wita.

Setelah sampai di balikpapan saya singgah sebentar di tempat saudara saya di komplek AURI, 5 Km dari bandara internasional sepinggan.

Sekitar jam 17.30 wita saya minta pamit mau menuju tujuan utama aku yaitu kota Samarinda.

Dari tempat saudara sampai ke terminal batuampar,Balikpapan menggunakan taxi,dan setelah itu dari terminal batuampar sampai terminal kota Samarinda.

Setelah sampai di Kota samarinda aku ganti kendaraan naik angkot jurusan Loa Bakung.

Dari terminal kota samarinda sampai Loa bakung tujuan utama aku memakan waktu kurang lebih 10 menit.

Alhamdulilah, Akhirnya aku bisa sampai di kota Samarinda,Kalimantan Timur dan di sambut gembira sama keluarga di samarinda.

Demikian perjalanku dari Kota Gudeg(yogyakarta) sampai Kota Tepian(Samarinda) .

KAPAN LAGI AKU BISA SAMPAI DI SAMARINDA,KALIMANTAN TIMUR

YAA........????

CSS (Cascading Stylesheet) - Belajar CSS, bagaimana CSS dapat merubah tampilan website

2010-12-04T06:03:00.000-08:00

Memasang CSS

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu: External Style Sheet (file CSS berbeda dari file HTML), Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML) dan Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan). Saya sarankan anda menggunakan cara External Style Sheet karena lebih mudah dalam mengelolanya. Disini saya akan menerangkan dasar-dasar CSS. Langsung saja kita coba kode berikut ini:

Tanpa CSS:

</span>Belajar CSS<span class="shkeyword">

 face="Verdana">Belajar CSS

Jika kita menggunakan Internal CSS, maka kodenya akan menjadi:

</span></span><span style="" lang="SV">Belajar CSS<span class="shkeyword">

 type="text/css">

h1 { font-family: verdana; }

Belajar CSS

Jika kita menggunakan teknik external CSS, maka kita perlu membuat file css, misal buat file dan simpan dengan nama style.css dan isikan kode berikut:

h1 { font-family: verdana; }

Sekarang untuk kode HTML tulislah kode berikut ini dan simpan dengan nama coba.html:

</span>Belajar CSS<span class="shkeyword">

 rel="stylesheet" type="text/css" href="style.css">

Belajar CSS

Didalam HTML kita perlu memanggil file CSS dengan menggunakan tag yang diletakkan diantara tag . Pada contoh CSS selanjutnya kita menggunakan teknik external CSS, jadi gunakan saja file style.css dan coba.html anda hanya perlu mengubah isinya. Untuk file HTML anda gunakan coba.html dan ubah isinya pada bagian saja bagian yang didalam tidak usah diapa-apakan.

Apapun yang terjadi, berusahalah untuk selalu menggunakan External CSS dengan memisahkan file CSS dengan file HTML nya

CSS terdiri dari dua bagian utama yaitu: selector, dalam hal ini H1 dan deklarasi yang berada diantara kurung kurawal {font-family: verdana}. Didalam deklarasi juga terbagi menjadi dua bagian yaitu property dalam hal ini font-family dan value dalam hal ini verdana. Dalam contoh diatas hanya mengubah sebuah tag yaitu tag

menjadi teks dimana jenis hurufnya menjadi verdana. Kita dapat mengkombinasikan berbagai macam style menjadi satu. Kita akan segera mempelajarinya.

Sekarang kita coba mengkombinasikan banyak style. Cobalah kode CSS berikut ini dan simpan dengan nama style.css:

.title {

    font-size: 13px;

    color: #6095d0;

    font-family: Arial, Helvetica, sans-serif;

    font-weight:bold;

.thank {

    font-size: 11px;

    color: #000000;

    font-family: Georgia, "Times New Roman", Times, serif;

}p {

    font-size: 12px;

    color: #000000;

    font-family: verdana;

Sekarang tulis kode HTML ini dan simpan dengan nama coba.html:

</span>Belajar CSS<span class="shkeyword">

 rel="stylesheet" type="text/css" href="style.css">

 class="title">Halo dunia

Saya mau belajar CSS, ini kode CSS saya yang pertama

 class="thank">Terimakasih

Hasil:

Untuk memanggil CSS dalam tag HTML kita perlu menggunakan atribut class untuk memanggil CSS selector (dalam contoh diatas selectornya title dan thank). Dengan demikian apabila semua halaman anda memanggil class title, dan jika anda ingin mengganti font untuk semua halaman anda cukup mengubah selector CSSnya saja. Bagaimana anda sudah paham kegunaan CSS.

CSS memiliki ratusan properties dan values, tentu saja saya tidak akan menerangkan semuanya, saya hanya akan menerangkan yang penting-penting saja.

Tidak semua browser dapat menampilkan jenis huruf yang kita spesifikasikan didalam CSS. Untuk itu kita perlu mendeklarasikan lebih dari satu jenis huruf agar browser mengenal jenis huruf yang digunakan. Anda dapat menggunakan property font-family, yang mirip dengan tag . Sebagai contoh anda ingin menampilkan dari keluarga huruf Serif dan hurufnya Times yaitu Times New Roman. Anda dapat menuliskannya dari yang paling spesifik sampai yang umum, sehingga jika browser tidak mengenal fontnya, maka browser akan otomatis melihat font yang umum. Untuk lebih jelasnya lihat bkode berikut:

<h1 style="font-family: 'Times New Roman', Times, serif">Serif

fonth1>

Jika anda ingin menampilkan jenis huruf sans-serif gunakan kode berikut:

body {Arial, Verdana, Geneva, Helvetica, sans-serif}

Jika ingin menggunakan jenis huruf serif, gunakan kode berikut:

body {Times New Roman, Times, Georgia, serif}

Untuk jenis huruf untuk kode program dapat anda gunakan kode berikut:

body {Courier New, Courier, monospace}

Scrollbar

Dengan menggunakan CSS anda juga dapat mengubah warna pada scrollbar yang terdapat dikanan browser. CSS memiliki 8 properties untuk mengubah warna pada scrollbar yaitu: scrollbar-arrow-color, scrollbar-basecolor, scrollbar-face-color, scrollbar-shadow-color, scrollbar-darkshadow-color, scrollbar-3dlight-color, scrollbar-highlight-color dan scrollbartrack-color. Properties-properties ini mengatur warna untuk setiap bagian dari scrollbar.

Coba kode berikut ini:

body {

scrollbar-face-color: #ffffff;

scrollbar-highlight-color: #8b98b7;

scrollbar-shadow-color: #8b98b7;

scrollbar-3dlight-color: #8b98b7;

scrollbar-arrow-color: #8b98b7;

scrollbar-track-color: #ffffff;

scrollbar-darkshadow-color: #8b98b7;

scrollbar-base-color: #ffffff;

Link

Salah satu hal yang menarik dalam CSS anda dapat mengubah warna pada setiap link, menghilangkan garis bawah pada link sehingga jika anda bosan dengan link yang berwarna biru tua terang dengan garis bawah anda dapat mengubahnya.

Coba kode CSS berikut:

a.link1:link {

font-weight: bold;

font-size: 12px;

color: #C87C28;

font-family: Times New Roman;

text-decoration: none;

a.link1:visited {

font-weight: bold;

font-size: 12px;

color: #CC6600;

font-family: Times New Roman;

text-decoration: none;

a.link1:hover {

font-weight: bold;

font-size: 12px;

color: #C87C28;

font-family: Times New Roman;

text-decoration: underline

a.link1:active {

font-weight: bold;

font-size: 12px;

color: #C87C28;

font-family: Times New Roman;

text-decoration: none;

a.link2:link {

font-weight: bold;

font-size: 12px;

color: #663300;

font-family: Arial, Helvetica, sans-serif;

text-decoration: underline;

a.link2:visited {

font-weight: bold;

font-size: 12px;

color: #800000;

font-family: Arial, Helvetica, sans-serif;

text-decoration: none;

a.link2:hover {

font-weight: bold;

font-size: 12px;

color: #ff6600;

font-family: Arial, Helvetica, sans-serif;

text-decoration: underline overline;

a.link2:active {

font-weight: bold;

font-size: 12px;

color: #ff6600;

font-family: Arial, Helvetica, sans-serif;

text-decoration: underline;

PAMERAN KOMPUTER DI JEC 2008

2008-05-10T01:11:00.000-07:00

PAMERAN COMPUTER “DYANDRA” & “NIX ‘ 08 “ di JEC

Pada tanggal 12 s/d 16 maret 2008 aku diajak jaga stan di JEC .
Pertama kali ikut aku merasa takut karena belum tau harga –harga barang tersebut.
Setelah aku jalani, aku merasa senang karena ada yang manarik di sebelah stanku.
Karena stan saya di bagi 2 yang satu “MITRA JAYA COMPUTERSHOP” & yang satu”ISTA PRINTER”.
Pada pameran ini yang mengadakan “DYANDRA”,malahan panitianya pada enak di ajak berkomunikasi.
Aku pada mengikuti pameran itu aku merasa sudah tidak sekolah lagi malahan seperti sudah bekerja he..he…he… .
Setelah selesai pameran itu,aku malah jadi malas mau bekerja,sebab masih asix deh dapat kenalan teman banyak.
Disamping itu aku dapat kenalan teman di sebelah stanku di dia sudah bekerja di ista printer,dia cewek namanya NUNIK ,yang bisa merasa senang aku dapat kenalan itu,jadi setelah aku selesai pameran aku pingin ikut pameran lagi.
Pada tanggal 3 s/d 7 mei 2008 kemarin aku ikut pameran lagi di JEC .
Pada pameran kemarin yang mengadakan National IT expo ’08.
Pada pameran kemarin tidak meriah /ramai seperti yang mengadakan dyandra kemarin .
Karena yang kemarin pameran terbesar atau mega bazar computer jadi banyak para pengunjungnya.
Sayangnya pada pameran yang kemarin aku tidak satu stan dengan ISTA jadi aku merasa tidak terlalu acix he..he..
Stan saya di sebelah timur ,lalu stan ISTA berada di sebelah barat,jadi jarang berkomunikasi/ ketemu dengan cewek itu .
Hari terakhir aku malah di beritau sama mas djarot senior saya ,dia bilang “baru kamu lho maz? yang kreatif membuka notebook/laptop di pameran jadi bisa ym-man sama boz nya”.
Aku hari terakhir sampai jam 02.00 wib,untung saya bawa notebook/laptop jadi ada hiburannya sambil menunggu mobil datang membawa barang2 ku itu aku hotspot-tan dulu + YM-man sama gren master(boz ku).

Itulah pengalaman ku pada waktu jaga stan di JEC jogjakarta.
Kalimat yang terakhir saya mengucapkan”BERKEMBANGLAH I.T (information of technology)INDONESIA”.
Aku berpesan kepada warga negara Indonesia khususnya D.I.Y jangan sampai ketinggalan kemajuan I.T di Indonesia.,karena dengan belajar I.T kita bisa tau tentang informasi dari dalam negeri bahkan luar negeri.

Saran & kritik kirim ke email :Jaty_hernawan@yahoo.com

Nyamplung ,08 Mey 2008