Praktikum Pemodelan dan Simulasi - 20 Desember 2010

Bissmillah Hirahmanirahim

Assalamualaikum

Pertemuan pada tanggal 20 Desember 2010, mempelajari 2 (dua) materi yaitu penggunaan fungsi Tag Iframe dan pembuatan Form Pembelian. Materi kali ini tidak banyak berbeda dengan materi pembuatan frame yang lalu. Hanya terdapat sedikit modifikasi dibeberapa baris HTML.

• Penggunaan Fungsi Tag Iframe

Fungsi tag Iframe berbeda dengan tag frame biasa. Pada Iframe terdapat bar scrolling disini kanan. Jadi tampilan yang didalam frame tidak ditampilkan keseluruhan. Namun, hanya ditampilkan sebagian saja. Dan untuk melihat isinya secara keseluruhan, dapat di-scroll kebawah atau keatas.

Tampilan dari hasil akhir fungsi Iframe sangat rapih dan teratur, jika dibandingkan dengan tampilan hasil akhir para fungsi frame biasa. Untuk jelasnya bisa dilihat pada gambar berikut.

 Gambar 1: Tampilan Hasil Akhir

Praktikum Pemodelan dan Simulasi - 13 Desember 2010 (Part 2)

Bissmillah Hirahmanirahim

Assalamualaikum

Pertemuan pada tanggal 13 Desember 2010 terbagi menjadi 2 part. Sebab pada pertemuan ini mempraktekan dua metode pembuatan daftar isi dalam frame berkolom-kolom atau berbaris-baris.

Untuk part 1-nya bisa dilihat disini. Untuk part ke-2 ini Kita juga akan membahas mengenai pembuatan daftar isi dengan menggunakan frame-frame. Namun berbeda dengan part 1, pada part ke-2 ini Kita tidak membutuhkan meng-link-kan sebuah file HTML.

Untuk lebih memahami apa yang akan Kita buat, baiknya lihat gambar-gambar berikut ini terlebih dahulu.

Gambar 1 : Isi dari frame-frame pada daftar isi

 Gambar 2 : Tampilan hasil akhir dari praktikum ini

Praktikum Pemodelan dan Simulasi - 13 Desember 2010 (Part 1)

Bissmillah Hirahmanirahim

Assalamualaikum

Materi pada pertemuan kali ini merupakan kelanjutan atau pengembangan dari materi pada minggu lalu. Yang juga membahas tentang pembuatan sebuah tabel. Dapat dilihat disini.

Pada pertemuan kali ini, kita akan membuat sebuah daftar isi berbentuk frame 3 kolom. Untuk materi pembuatan daftar isi dan tabel yang berkolom-kolom bisa diliat di tulisan yang lalu. Cek disini.

Tak sama seperti daftar isi pada umumnya. Daftar isi yang nanti akan Kita buat akan memadukan fungsi hyperlink dan beberapa trik lainnya. Untuk lebih jelasnya bisa dilihat pada gambar-gambar dibawah ini.

 Gambar 1 : Isi dari frame pada kolom pertama

Just For My Mom

Bissmillah Hirahmanirahim

Assalamualaikum

Tak akan banyak yang ingin saya tulis dalam artikel ini. Hanya saja dalam artikel ini, saya akan menuliskan isi hati saya...Tentang seseorang yang selama ini menjadi "Penjaga dan Penyeimbang" dalam hidup saya. 

Ada yang spesial di hari ini, tanggal 11 Desember 2010. Yang kebetulan jatuh pada hari sabtu, dan di malam terindah, malam minggu hehehe...Hari dimana sangat berarti bagi saya dan keluarga saya. Karena pada hari ini....

My Mother's Birthday

Praktikum Pemodelan dan Simulasi - 6 Desember 2010

Bissmillah Hirahmanirahim

Assalamualaikum

Pertemuan minggu ini sebetulnya perkembangan materi pada minggu ketiga pada tanggal 15 November 2010, yang sedikit membahas tentang pembuatan tabel. Dapat diliat disini

Namun, pada pertemuan minggu ini bentuk tabel dimodifikasi dengan menggabungkan beberapa elemen baris/kolom yang di-merge(digabungkan menjadi satu). Adapun trik atau cara dalam pembuatannya. Namun, sebelum masuk dalam barisan sourcecode ada baiknya liat tampilan website yang sudah jadi, sebagai berikut.

UTS Praktikum Pemodelan dan Simulasi - 29 November 2010

Bissmillah Hirahmanirahim

Assalamualaikum

Pada pertemuan kali ini, lebih memusatkan pada pendalaman materi-materi pada pertemuan-pertemuan sebelumnya. Pertemuan ini pun dijadikan UTS, sebab dalam pertemuan ini memasukan/menerapkan semua metode HTML dimateri-materi lalu. Untuk melihat materi-materi lalu dapar diliat disini. 

Pada tulisan ini sudah tidak membahas lagi mengenai materi-materi yang lalu, hanya saja akan melanjutkan materi mengenai pembuatan daftar isi yang pada pertemuan minggu kemarin.

Kalau dijelaskan secara terperinci, sebenarnya fungsi daftar isi ini tidak jauh berbeda dengan penerapan hyperlink ke halaman blog/situs lainnya. Dengan cara meng-klik suatu tulisan, kita dilarikan/diantarkan ke suatu alamat yang berhubungan dengan judul/tulisan tersebut.

Tahapan Pengerjaan UTS

1. Siapkan source HTML pada pertemuan yang lalu, yakni content1(intro), content2, content3 dan content4.
2. Lakukan modifikasi pada masing-masing source HTML tersebut. Dengan menambahkan coding seperti ini.

<a name="pre"></a>  tambahkan pada content2, sebelum <h2><center>< PRE ></center></h2>

<a name="blockquote"></a> tambahkan pada content2, sebelum <h2><center>< BLOCKQUOTE ></center></h2>

<a name="format teks"></a> tambahkan pada content2, sebelum <h1>Format Teks</h1>

<a name="font"></a> tambahkan pada content2, sebelum <h2><font color="blue"> < FONT > </font></h2>

<a name="ukuran font"></a> tambahkan pada content2, sebelum <h3><font color="red">Ukuran Font</font></h3>

<a name="warna font"></a> tambahkan pada content2, sebelum <h3><font color="red">Warna Font</font></h3>