Dee Class Community

Sabtu, 08 Oktober 2011

Contoh File Css

08.16 Dee Class No comments

Berikut contoh satu file yang berisi perintah-perintah untuk mengatur layout halaman web, file tersebut disimpan dengan nama default.css.
Untuk lebih lengkapnya anda dapat mendowload file tersebut default.css.
File CSS tersebut dapat digunakan untuk mengatur format tampilan halaman web dengan pemanggilan menggunakan Link yaitu :
<link href="default.css" rel="stylesheet" type="text/css" >.
Berikut contoh nya :

<html><br /> <head><br /> <title>welcome my website</title><br /> <link href="default.css" rel="stylesheet" type="text/css" ><br /> </head><br /> <body><br /> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg1"><tr> <td valign="top"><table width="740" border="0" align="center" cellpadding="0" cellspacing="0" class="bg2" style="height: 181px; padding-left: 45px;"><tr> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td width="740"><img src="images/spacer.gif" alt="" width="100" height="80"></td> </tr> <tr> <td class="text3"><div align="left">learning by doing</div></td> </tr> <tr> <td class="text4"><div align="left"></div></td> </tr> <tr> <td class="text4"><img src="images/spacer.gif" alt="" width="100" height="38" ></td> </tr>  <tr> <td valign="middle" class="style1"><div align="left"><a href="#">Home</a>  | <a href="#">profil </a> |  <a href="#">galeri</a>  |  <a href="#">buku tamu </a> | <a href="#"> kontak</a>  | </div></td> </tr> </table></td> </tr> </table></td> </tr> </table><table width="680" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <td><table width="650" border="0" align="center" cellpadding="0" cellspacing="0"><tr valign="top"> <td width="189"><table width="96%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="text2"> </td> </tr> <tr> <td class="text2"> </td> </tr> <tr> <td class="text2">Berita terbaru</td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Materi Kuliah</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Catatanku</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Umum</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Islami</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Seni</strong></p></td> </tr> <tr> <td> </td> </tr> </table></td> <td width="40"> </td> <td width="421"><table width="97%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="text2"> </td> </tr> <tr> <td class="text2"> </td> </tr> <tr> <td class="text2">Selamat datang di website kami</td> </tr> <tr> <td> </td> </tr> <tr> <td valign="top"><p>Terimakasih anda telah bergabung dengan kami, semoga website ini dapat memberikan informasi yang anda butuhkan......</p><p> </p></td> </tr> <tr> <td> </td> </tr> </table></td> </tr> </table></td> </tr> </table><table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg3" style="height: 41px;"><tr> <td><table width="740" border="0" align="center" cellpadding="0" cellspacing="0" style="padding-left: 45px;"><tr> <td class="style1"><a href="#">Home</a>  | <a href="#">profil</a>|  <a href="#">galeri</a>  |  <a href="#">buku tamu </a> | <a href="#">kontak</a>  | </td> </tr> <tr> <td class="style1"> </td> </tr> <tr> <td class="style1"> </td> </tr> </table></td> </tr> </table><table width="740" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <td> </td> </tr> <tr> <td align="center">Copyright © 2010 Jakarta. Designed by Endar Nirmala</td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table><div style="text-align: center; font-size: 0.75em;"></div></body><br /> </html>

Silakan anda mencoba file CSS dengan mengubah nilai atau menambahkan attibut yang lain.

Penggunaan Hyperlink

08.08 Dee Class No comments

Hyperlink adalah cara untuk menghubungkan suatu bagian dalam slide, file, program, atau halaman web dengan bagian lainnya dalam bidang-bidang tersebut. Hyperlink digunakan untuk menunjukan lokasi lain dari dari teks atau objek yang dipresentasikan. Hyperlink dapat menghubungkan beberapa dokumen, file, objek, aplikasi, halaman web dan sebagainya.
Langsung try aj code script di bawah ini....

<html><br /> <head><br /> <style type="text/css"> a:link {color:#FF0000;} /* link belum dikunjungi */ a:visited {color:#00FF00;} /* link telah dikunjungai */ a:hover {color:#FF00FF;} /* ketika mouse diletakkan diatas link */ a:active {color:#0000FF;} /* link saat di klik */ </style><br /> </head><br /> <br /> <body><br /> <p><b><a href="lat7.html" target="_blank">Ini adalah Link menuju ke latihan7</a></b></p><p>Setiap umat beragama umumnya memiliki tempat yang dianggap suci. Belum afdol rasanya jika seumur hidup tidak pernah mengunjungi lokasi-lokasi tersebut.<br /> Sebutlah umat Islam yang punya Mekkah, kota Jerusalem di Israel tujuan umat Kristiani, pun negara India tempat lahirnya agama Hindu dan Buddha. Masing-masing punya sejarah yang berkaitan erat dengan asal-usul suatu agama.</p><br /> <p>Nah, situs InfoWorld telah memilih beberapa "tempat suci", khusus bagi para pelaku dunia teknologi informasi (TI). Tempat-tempat ini direkomendasikan untuk dikunjungi, mengingat di sinilah banyak inovasi fenomenal dalam bidang komputer diinisiasi. <br /> <br /> Sudah bukan rahasia lagi, kebanyakan penemuan atau pionir perusahaan TI, terutama di Amerika Serikat, dilakukan dalam garasi rumah atau kamar asrama. Karena itu, jangan heran kalau beberapa tempat dalam daftar berikut bukanlah berwujud gedung atau bangunan megah.<br /> <br /> Ini dia, 12 tempat yang memegang peranan penting dalam sejarah komputer dunia.</p><br /> <b><a href="lat5.html">367 Addison Avenue, Palo Alto, California, USA</a></b><br /> <p>Lokasi yang ditasbihkan sebagai tempat kelahiran Silicon Valley oleh pemerintah negara bagian California pada tahun 1989. Garasi rumah ini merupakan tempat Bill Hewlett dan Dave Packard mengembangkan produk pertama mereka: osilator audio Model 200A, lebih dari 70 tahun yang lalu. Film legendaris "Fantasia" keluaran Disney ialah salah satu karya yang mempergunakan produk ini dalam pembuatan soundtrack-nya. Kini, perusahaan rintisan mereka, HP, telah menjelma menjadi salah satu vendor raksasa di dunia TI.</p><br /> <b>2066 Crist Drive, Los Altos, California, USA</b><br /> <p>Di rumah inilah, Steve Jobs dan Steve Wozniak merintis perusahaan Apple Computer pada tahun 1976. Duo Steve memproduksi 50 buah PC yang mereka beri nama Apple 1 di sebuah kamar yang tak terpakai. Komputer yang mereka buat kemudian dijual melalui toko Byte Shop seharga $500 per unit.</p><br /> <b>232 Santa Margarita Avenue, Menlo Park, California, USA</b><br /> <br /> <p>Tempat terakhir yang berlokasi di wilayah Silicon Valley. Masih berbentuk garasi rumah, di sini duo Larry Page dan Sergey Brin melakukan riset sekaligus mengembangkan mesin pencari Google. Dari ide yang muncul saat kedua mahasiswa ini mengobrol di kamar asrama, mereka mendapat dukungan dana sebesar 1 juta dolar dan akhirnya memutuskan untuk menyewa sebuah garasi di rumah milik Susan Wojcicki, seorang karyawan Intel.<br /> </p><br /> </body><br /> </html>

Penggunaan Class

08.04 Dee Class No comments

Copy koed script di bawah ini untuk copy dan coba sendir di komputer ente....

<html><br /> <head><br /> <style type="text/css"> body { margin-left:300px; background:#5d9ab2 url('tree.jpg') no-repeat top left; background-attachment:fixed; }  .container { text-align:left; margin-right: 100px; text-align:justify; color: sienna; font-size: 150%; }  .center_div { border:4px solid gray; margin-left:auto; margin-right:auto; width:80%; background-color:#d0f0f6; text-align:left; padding:5px; } </style><br /> </head><br /> <br /> <body><br /> <br /> <div class="center_div"><h1>Hello World!</h1><p>This example contains some advanced CSS methods you may not have learned yet. But, we will explain these methods in a later chapter in the tutorial.</p></div><h2>Uji coba container KOTA TUA</h2><div class="container">"Kota tua" merupakan saksi sejarah kota Jakarta, dibalik arsitektur bangunannya yang mengagumkan menyimpan "Misteri" akan peristiwa sejarah di masa lampau. Inilah selintas mengenai kota tua Jakarta dan sejarahnya….<br /> <br /> Museum Wayang Gedung ini awalnya bernama Gereja Lama Belanda (De Oude Hollandsche Kerk) dibangun pada tahun 1640 M. Pada tahun 1732 M, gedung ini diperbaiki dan berganti nama menjadi Gereja Belanda Baru (De Nieuwe Hollandsche Kerk). Namun, terjadi gempa bumi pada tahun 1808 M yang menyebabkan sebagian bangunan ini hancur. Kemudian dibangun lagi pada Tahun 1912, dan dijual oleh pemerintah Hindia Belanda kepada sebuah perusahaan yang bernama Geo Wehry & Co serta dijadikan kantor hingga tahun 1934. Pada tahun 1936, kepemilikan gedung ini berpindah lagi setelah dibeli oleh sebuah Lembaga Ilmu Pengetahuan, Seni dan Budaya di Batavia milik pemerintah Belanda. Baru pada tahun 1957, gedung ini diserahkan pada Lembaga Kebudayaan Indonesia dan secara resmi dijadikan Museum Wayang pada tanggal 13 Agustus 1975.<br /> </div><h2>Kalibesar</h2><h4>Kalibesar merupakan nama jalan di daerah Jakarta Utara. Letaknya tidak jauh dari Museum Sejarah Jakarta. Dengan berjalan kaki dari Museum Sejarah Jakarta, kita hanya membutuhkan waktu lima menit saja untuk mencapai jalan Kalibesar ini. Dulu pada abad ke-17, Jalan Kalibesar terkenal sebagai daerah pusat bisnis perdagangan yang cukup terkenal dan bergengsi. Jalan Kalibesar ini biasa disebut Grootegracht yang artinya kali besar, karena di jalan tersebut terdapat kali yang diapit jalan dan bangunan. Selain pusat bisnis perdagangan, di Jalan Kalibesar juga banyak terdapat rumah penduduk Cina. Kali itu sendiri menjadi jalur lalu lintas kapal bongkar muat barang. Hingga akhirnya pada tahun 1740, terjadi kerusuhan di Jalan Kalibesar dan banyak rumah penduduk dibakar.<br /> <br /> Pada tahun 1870, Jalan Kalibesar dibangun kembali. Di Jalan Kalibesar terdapat bangunan berlantai dua dan berwarna merah. Nggak heran kalau bangunan ini disebut Toko Merah. Bangunan ini sangat terkenal pada zaman dulu karena pernah ditinggali oleh beberapa Gubernur Jenderal VOC. Saat ini bangunan Toko Merah masih berdiri kokoh dan digunakan sebagai perkantoran.</h4></body><br /> </html>

selamat mencoba..

Penggunaan Background Color

07.53 Dee Class No comments

Pada Materi Pelajarn yang ke5 salah satu mater yang dbahas adlah bagaimana cara mengganti bcakground collor.. untuk langsung mencobany copy script contoh di bawah ini....

<html><br /> <head><br /> <style type="text/css"> h1 { background-color:#6495ed; } p { background-color:#e0ffff; } div { background-color:#b0c4de; color: purple; font-size: 125%; text-align: justify; } </style><br /> </head><br /> <br /> <body><br /> <br /> <h1>Contoh Penggunaan Warna Latar Belakang dalam CSS</h1><div>Ini adalah Text dalam elemen div.<br /> <p>Paragraph ini mempunyai warna latar belakang sendiri </p><br /> Museum Sejarah Jakarta <br><br /> Museum Fatahillah yang juga dikenal sebagai Museum Sejarah Jakarta atau Museum Batavia adalah sebuah museum yang terletak di Jalan Taman Fatahillah No. 2, Jakarta Barat dengan luas lebih dari 1.300 meter persegi.<br /> Gedung ini dulu adalah Stadhuis atau Balai Kota, yang dibangun pada tahun 1707-1710 atas perintah Gubernur Jenderal Johan Van Hoorn. Bangunan balaikota itu serupa dengan Istana Dam di Amsterdam , terdiri atas bangunan utama dengan dua sayap di bagian timur dan barat serta bangunan sanding yang digunakan sebagai kantor, ruang pengadilan, dan ruang-ruang bawah tanah yang dipakai sebagai penjara.<br /> <br /> Pada tanggal 30 Maret 1974, gedung ini kemudian diresmikan sebagai Museum Fatahillah.<br /> Arsitektur bangunannya bergaya abad ke-17 bergaya Barok klasik dengan tiga lantai dengan cat kuning tanah, kusen pintu dan jendela dari kayu jati berwarna hijau tua. Bagian atap utama memiliki penunjuk arah mata angin.<br /> Museum ini memiliki luas lebih dari 13.000 meter persegi. Pekarangan dengan susunan konblok, dan sebuah kolam dihiasi beberapa pohon tua.<br /> We are still in the div element.<br /> </div><br /> </body><br /> </html>

Selamat Mencoba.....

APSI- Pertemuan3 Actvity Diagram

07.25 Dee Class No comments

Activity diagrams are constructed from a limited number of shapes, connected with arrows. The most important shape types:

rounded rectangles represent activities;
diamonds represent decisions;
bars represent the start (split) or end (join) of concurrent activities;
a black circle represents the start (initial state) of the workflow;
an encircled black circle represents the end (final state).

Arrows run from the start towards the end and represent the order in which activities happen.

to more this lesson please download this module..

Download

Ilmu Senjata Kita

Kebersamaan

Prosesi Pemotongan Pita Kantor Baru DHC

Tumpengan Kantor Baru DHC

Hidup ini penuh warna

Dengan ilmu dinia ini menjadi lebih berarti

dunia berada di genggaman kita

Sabtu, 08 Oktober 2011

Contoh File Css

Penggunaan Hyperlink

Penggunaan Class

Penggunaan Background Color

APSI- Pertemuan3 Actvity Diagram

Share

menu utama

Popular Posts

Riwayat Pengunjung

Labels

Blog Archive

Blogger templates

lesson schedule

Kritik dan Saran

Dee Class Community

Followers

Information

Visitor