Di minggu ketiga kuliah pemrograman web, diajarkan mengenai tag table.
Antara lain cara membuat table, table border, headings pada table, mengosongkan sel pada table, menggabungkan 2 kolom, menggabungkan 2 baris, menggunakan cellpadding, dan contoh daftar nilai.
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti TABLE, CAPTION, TR, TH, dan TD.
Tag TABLE digunakan sebagai penanda dimulai dan diakhirinya suatu tabel.
Tag TR digunakan untuk membuat baris / row baru.
Tag TH digunakan untuk membuat judul kolom / baris
Tag TD digunakan untuk mengisikan data pada suatu cell.
Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR pada tag TABLE dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan mengatur atribut BORDER pada tag TABLE.
Pengaturan jarak pada tabel diatur oleh atribut CELLPADDING dan CELLSPACING pada tag TABLE. CELLPADDING digunakan untuk mengatur jarak antara teks dengan batas tepi kiri, atas, dan bawah dari suatu cell dan CELLSPACING digunakan untuk mengatur jarak antar cell.
Untuk mengatur lebar dan tinggi suatu table dapat dilakukan melalui atribut WIDTH dan HEIGHT pada tag TABLE.
Atribut WIDTH digunakan untuk mengatur lebar table sedangkan atribut HEIGHT digunakan untuk mengatur tinggi table.
Untuk mengatur alignment dari suatu table dapat diatur melalui atribut ALIGN pada tag TABLE, sedangkan untuk mengatur alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut ALIGN pada tag TD.
Untuk mengatur vertical alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut VALIGN pada tag TD. Nilai yang memungkinkan untuk atribut ini adalah TOP, MIDDLE, BOTTOM.
Selain mengubah warna latar table secara keseluruhan, bisa juga dilakukan perubahan warna latar hanya pada cell tertentu saja. Hal ini dapat dilakukan dengan mengatur atribut BGCOLOR pada tag TD.
Untuk melakukan penggabungan cell dapat dilakukan dengan mengatur atribut COLSPAN dan
ROWSPAN pada tag TD ataupun TH. Atribut COLSPAN digunakan untuk mengatur penggabungan kolom sedangkan atribut ROWSPAN digunakan untuk penggabungan baris.
Sabtu, 27 Februari 2010
Sabtu, 20 Februari 2010
minggu kedua progweb
Di minggu kedua kuliah progweb, diajarkan mengenai list pada dokumen HTML. Ada dua jenis list yaitu unordered list dan ordered list. Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list adalah list yang memperhatikan urutan penomoran. Untuk membuat suatu unordered list menggunakan tag (UL) sedangkan untuk membuat ordered list menggunakan tag (OL). Dan untuk mengisikan item pada list menggunakan tag (LI). Untuk unordered list terdapat beberapa pilihan tipe yang bisa diatur dengan mengubah atribut TYPE pada tag (UL). Pilihan tipe yang tersedia adalah CIRCLE, DISC, dan SQUARE. Untuk ordered list dapat pula diatur tipenya dengan mengatur nilai dari atribut TYPE pada tag (OL). Ada beberapa macam tipe dalam ordered list yaitu tipe huruf, angka, dan romawi. Selain tipe, pada ordered list juga dapat diatur penomoran awalannya yaitu dengan mengatur nilai dari atribut START pada tag (OL). Pada dokumen HTML juga dimungkinkan untuk membuat sub list atau adanya list lain di dalam suatu list.
Tag (DL), (DT), (DD) pada dokumen HTML digunakan untuk membuat suatu daftar definisi (definition list).
Tag (MARQUEE) digunakan untuk menjadikan suatu teks bergerak berputar. Atribut yang terdapat pada tag (MARQUEE) adalah DIRECTION yang akan mengatur arah gerak text. Nilai yang memungkinkan untuk atribut DIRECTION adalah LEFT, RIGHT, UP, dan DOWN.
Pada dokumen HTML untuk menambahkan gambar pada latar belakang / background dapat
dilakukan dengan mengubah nilai dari atribut BACKGROUND pada tag (BODY) sesuai dengan
nama file yang ingin dijadikan latar belakang.
Tag (IMG) pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web. Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan dengan nama file gambar yang diinginkan.
Selain atribut SRC, tag (IMG) juga memiliki atribut lain seperti ALIGN, BORDER, ALT, HEIGHT, dan WIDTH. Atribut ALIGN digunakan untuk mengatur aligmen. Nilai yang bisa diberikan pada atribut ALIGN adalah TOP, MIDDLE, dan BOTTOM. Atribut BORDER digunakan untuk menentukan ketebalan garis tepi dari suatu gambar. Atribut ALT digunakan untuk memberi keterangan ketika suatu gambar gagal untuk ditampilkan ke
web browser. Atribut HEIGHT dan WIDTH digunakan untuk mengatur tinggi dan lebar gambar.
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti (TABLE), (CAPTION), (TR), (TH), dan (TD). Tag (TABLE) digunakan sebagai penanda dimulai dan diakhirinya suatu tabel. Tag (TR) digunakan untuk membuat baris / row baru. Tag (TH) digunakan untuk membuat judul kolom / baris. Tag (TD) digunakan untuk mengisikan data pada suatu cell. Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR pada tag (TABLE) dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan mengatur atribut BORDER pada tag (TABLE). Pengaturan jarak pada tabel diatur oleh atribut CELLPADDING dan CELLSPACING pada tag (TABLE). CELLPADDING digunakan untuk mengatur jarak antara teks dengan batas tepi kiri, atas, dan bawah dari suatu cell dan CELLSPACING digunakan untuk mengatur jarak antar cell. Untuk mengatur lebar dan tinggi suatu table dapat dilakukan melalui atribut WIDTH dan HEIGHT pada tag (TABLE). Atribut WIDTH digunakan untuk mengatur lebar table sedangkan atribut HEIGHT digunakan untuk mengatur tinggi table. Untuk mengatur alignment dari suatu table dapat diatur melalui atribut ALIGN pada tag (TABLE), sedangkan untuk mengatur alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut ALIGN pada tag (TD). Untuk mengatur vertical alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut VALIGN pada tag (TD). Nilai yang memungkinkan untuk atribut ini adalah TOP, MIDDLE, BOTTOM. Selain mengubah warna latar table secara keseluruhan, bisa juga dilakukan perubahan warna latar hanya pada cell tertentu saja. Hal ini dapat dilakukan dengan mengatur atribut BGCOLOR pada tag (TD). Untuk melakukan penggabungan cell dapat dilakukan dengan mengatur atribut COLSPAN dan ROWSPAN pada tag (TD) ataupun (TH). Atribut COLSPAN digunakan untuk mengatur penggabungan kolom sedangkan atribut ROWSPAN
digunakan untuk penggabungan baris.
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halaman ke halaman lainnya. Tag yang berperan dalam membuat link adalah tag (A) atau yang biasa dikenal sebagai tag anchor / jangkar. Tag (A) akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang digunakan untuk menentukan halaman tujuan dari suatu link. Tapi dimungkinkan juga ketika suatu halaman memanggil halaman yang lain maka halaman kedua tersebut akan tampil pada jendela web browser yang lain. Hal ini dimungkinkan dengan mengatur atribut TARGET pada tag (A). Atribut TARGET ini nantinya diberi nilai "_blank". Selain melakukan link ke halaman / dokumen yang berbeda, suatu dokumen HTML juga dapat melakukan link ke alamat suatu situs. Yang perlu dilakukan adalah dengan memberi nilai atribut HREF sesuai dengan alamat situs/URL yang ingin dituju. Suatu gambar juga bisa dijadikan link ke halaman lain, hal ini dimungkinkan dengan melatakkan tag (IMG SRC="nama gambar") di antara tag (A) dan (/A).
Suatu dokumen HTML juga bisa memainkan suatu file suara / sound ketika dibuka oleh web browser. Hal ini dilakukan dengan bantuan tag (BGSOUND). Tag ini akan memainkan file suara / sound yang diatur oleh atribut SRC. Untuk memungkinkan terjadinya perulangan / looping dalam pemutaran suatu file dapat diatur melalui atribut LOOP pada tag (BGSOUND).
Dalam dokumen HTML dimungkinkan untuk menyertakan serta memainkan suatu file multimedia berupa animasi atau video dengan menggunakan tag (EMBED). Nama file video yang akan disertakan diatur oleh atribut SRC. Untuk mengatur lebar dan ketinggian area diatur oleh atribut WIDTH dan HEIGHT. Atribut LOOP dapat digunakan untuk mengatur apakah adanya perulangan / looping dalam pemutar suatu file video. Dan atribut AUTOSTART digunakan untuk mengatur apakah pemutaran suatu file video dilakukan secara otomatis atau tidak.
Tag (DL), (DT), (DD) pada dokumen HTML digunakan untuk membuat suatu daftar definisi (definition list).
Tag (MARQUEE) digunakan untuk menjadikan suatu teks bergerak berputar. Atribut yang terdapat pada tag (MARQUEE) adalah DIRECTION yang akan mengatur arah gerak text. Nilai yang memungkinkan untuk atribut DIRECTION adalah LEFT, RIGHT, UP, dan DOWN.
Pada dokumen HTML untuk menambahkan gambar pada latar belakang / background dapat
dilakukan dengan mengubah nilai dari atribut BACKGROUND pada tag (BODY) sesuai dengan
nama file yang ingin dijadikan latar belakang.
Tag (IMG) pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web. Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan dengan nama file gambar yang diinginkan.
Selain atribut SRC, tag (IMG) juga memiliki atribut lain seperti ALIGN, BORDER, ALT, HEIGHT, dan WIDTH. Atribut ALIGN digunakan untuk mengatur aligmen. Nilai yang bisa diberikan pada atribut ALIGN adalah TOP, MIDDLE, dan BOTTOM. Atribut BORDER digunakan untuk menentukan ketebalan garis tepi dari suatu gambar. Atribut ALT digunakan untuk memberi keterangan ketika suatu gambar gagal untuk ditampilkan ke
web browser. Atribut HEIGHT dan WIDTH digunakan untuk mengatur tinggi dan lebar gambar.
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti (TABLE), (CAPTION), (TR), (TH), dan (TD). Tag (TABLE) digunakan sebagai penanda dimulai dan diakhirinya suatu tabel. Tag (TR) digunakan untuk membuat baris / row baru. Tag (TH) digunakan untuk membuat judul kolom / baris. Tag (TD) digunakan untuk mengisikan data pada suatu cell. Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR pada tag (TABLE) dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan mengatur atribut BORDER pada tag (TABLE). Pengaturan jarak pada tabel diatur oleh atribut CELLPADDING dan CELLSPACING pada tag (TABLE). CELLPADDING digunakan untuk mengatur jarak antara teks dengan batas tepi kiri, atas, dan bawah dari suatu cell dan CELLSPACING digunakan untuk mengatur jarak antar cell. Untuk mengatur lebar dan tinggi suatu table dapat dilakukan melalui atribut WIDTH dan HEIGHT pada tag (TABLE). Atribut WIDTH digunakan untuk mengatur lebar table sedangkan atribut HEIGHT digunakan untuk mengatur tinggi table. Untuk mengatur alignment dari suatu table dapat diatur melalui atribut ALIGN pada tag (TABLE), sedangkan untuk mengatur alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut ALIGN pada tag (TD). Untuk mengatur vertical alignment suatu teks yang terdapat dalam suatu cell dapat diatur melalui atribut VALIGN pada tag (TD). Nilai yang memungkinkan untuk atribut ini adalah TOP, MIDDLE, BOTTOM. Selain mengubah warna latar table secara keseluruhan, bisa juga dilakukan perubahan warna latar hanya pada cell tertentu saja. Hal ini dapat dilakukan dengan mengatur atribut BGCOLOR pada tag (TD). Untuk melakukan penggabungan cell dapat dilakukan dengan mengatur atribut COLSPAN dan ROWSPAN pada tag (TD) ataupun (TH). Atribut COLSPAN digunakan untuk mengatur penggabungan kolom sedangkan atribut ROWSPAN
digunakan untuk penggabungan baris.
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halaman ke halaman lainnya. Tag yang berperan dalam membuat link adalah tag (A) atau yang biasa dikenal sebagai tag anchor / jangkar. Tag (A) akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang digunakan untuk menentukan halaman tujuan dari suatu link. Tapi dimungkinkan juga ketika suatu halaman memanggil halaman yang lain maka halaman kedua tersebut akan tampil pada jendela web browser yang lain. Hal ini dimungkinkan dengan mengatur atribut TARGET pada tag (A). Atribut TARGET ini nantinya diberi nilai "_blank". Selain melakukan link ke halaman / dokumen yang berbeda, suatu dokumen HTML juga dapat melakukan link ke alamat suatu situs. Yang perlu dilakukan adalah dengan memberi nilai atribut HREF sesuai dengan alamat situs/URL yang ingin dituju. Suatu gambar juga bisa dijadikan link ke halaman lain, hal ini dimungkinkan dengan melatakkan tag (IMG SRC="nama gambar") di antara tag (A) dan (/A).
Suatu dokumen HTML juga bisa memainkan suatu file suara / sound ketika dibuka oleh web browser. Hal ini dilakukan dengan bantuan tag (BGSOUND). Tag ini akan memainkan file suara / sound yang diatur oleh atribut SRC. Untuk memungkinkan terjadinya perulangan / looping dalam pemutaran suatu file dapat diatur melalui atribut LOOP pada tag (BGSOUND).
Dalam dokumen HTML dimungkinkan untuk menyertakan serta memainkan suatu file multimedia berupa animasi atau video dengan menggunakan tag (EMBED). Nama file video yang akan disertakan diatur oleh atribut SRC. Untuk mengatur lebar dan ketinggian area diatur oleh atribut WIDTH dan HEIGHT. Atribut LOOP dapat digunakan untuk mengatur apakah adanya perulangan / looping dalam pemutar suatu file video. Dan atribut AUTOSTART digunakan untuk mengatur apakah pemutaran suatu file video dilakukan secara otomatis atau tidak.
Sabtu, 13 Februari 2010
minggu pertama progweb
Di minggu pertama kuliah progweb (pemrograman web) ini, membahas tentang silabus materi kuliah baik kelas teori maupun praktikum. Tidak lupa pula bobot penilaian serta jadwal uts dan uas.
Pada kuliah progweb ini, mahasiswa diwajibkan untuk membuat summary blog dan project web. Summary blog adalah rangkuman yang berisi materi yang telah dipelajari pada sesi teori dan praktikum setiap minggunya. Rangkuman tersebut dibuat dalam format web, dan diposting di blog pribadi mahasiswa seminggu sekali. Oleh sebab itu akan ada minimal 12 posting mengikuti jumlah perkuliahan yang ada. Setiap mahasiswa pun diwajibkan untuk membuat project web berupa website dengan tema bebas namun meliputi seluruh materi yang diajarkan di kelas teori(HTML, CSS, Java Script, XML). Website yang dibuat tersebut harus online dan dapat diakses via internet yang nantinya akan dipresentasikan dan dinilai oleh tim penguji.
Di minggu pertama ini,mahasiswa diajarkan format dasar file dokumen HTML,cara mengganti warna latar,cara menyertakan komentar, dan berbagai macam tag. Berikut beberapa contoh tag:
Tag BR untuk menampilkan tulisan pada baris yang berbeda dalam dokumen HTML.
Tag P dan DIV untuk mengelompokkan suatu text ke dalam suatu paragraf pada dokumen HTML. Kedua tag ini memberikan efek yang sama dan juga memiliki atribut ALIGN yang digunakan untuk mengatur alignment dari suatu paragraf. Nilai yang bisa disertakan pada atribut ALIGN adalah LEFT, RIGHT, CENTER, dan JUSTIFY.
Tag Heading pada dokumen HTML terdapat 6 ukuran, mulai dari H1 sampai dengan H6. H1 adalah heading dengan ukuran terbesar dan H6 adalah heading dengan ukuran terkecil. Tag heading memiliki attribut ALIGN yang digunakan untuk mengatur alignment.
Tag HR untuk membuat suatu garis mendatar/horisontal pada dokumen HTML.
Tag HR memiliki attribut seperti WIDTH untuk mengatur panjang garis, SIZE untuk mengatur ketebalan garis, ALIGN untuk mengatur alignment, NOSHADE untuk menghilangkan efek bayangan, dan COLOR untuk mengatur warna garis.
Tag CENTER untuk menjadikan suatu teks agar bisa ditampilkan pada posisi center/tengah pada dokumen HTML.
Tag B pada dokumen HTML digunakan untuk memberikan efek cetak tebal pada teks.
Tag I memberikan efek cetak miring, dan tag U memberikan garis bawah pada suatu teks.
Tag BIG digunakan untuk mencetak teks dengan ukuran yang lebih besar sedangkan tag SMALL digunakan untuk mencetak teks dengan ukuran yang lebih kecil pada dokumen HTML.
Tag SUB digunakan untuk memberikan efek subscript pada suatu teks, dan tag SUP digunakan untuk memberikan efek superscript pada suatu teks sedangkan tag TT digunakan untuk memberikan efek mesin ketik pada suatu teks. Tag DEL digunakan untuk memberikan efek coretan pada suatu teks pada dokumen HTML.
Tag PRE pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen
HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya.
Tag ACRONYM pada dokumen HTML digunakan untuk memberi keterangan tambahan terhadap
suatu istilah ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE.
Pada dokumen HTML, tag FONT digunakan untuk mengubah jenis huruf, ukuran huruf, dan
mengganti warna huruf. Untuk mengubah jenis huruf diatur dengan menggunakan atribut FACE, untuk mengubah ukuran huruf diatur dengan menggunakan atribut SIZE, dan untuk mengubah warna huruf diatur dengan menggunakan atribut COLOR. Ukuran huruf terkecil adalah 1 dan ukuran terbesar adalah 7.
Tag BASEFONT digunakan untuk mengatur default font pada suatu halaman. Tag ini tidak dikenali di semua web browser.
Beberapa karakter khusus pada dokumen HTML tidak dapat ditampilkan secara langsung pada web browser, contohnya karakter-karakter seperti (©,®,&,×,÷,<,>,½) tidak dapat ditampilkan secara langsung karena karakter tersebut termasuk dalam karakter khusus dalam tag HTML. Untuk itu dibutuhkan cara penulisan yang khusus pula.
Pada kuliah progweb ini, mahasiswa diwajibkan untuk membuat summary blog dan project web. Summary blog adalah rangkuman yang berisi materi yang telah dipelajari pada sesi teori dan praktikum setiap minggunya. Rangkuman tersebut dibuat dalam format web, dan diposting di blog pribadi mahasiswa seminggu sekali. Oleh sebab itu akan ada minimal 12 posting mengikuti jumlah perkuliahan yang ada. Setiap mahasiswa pun diwajibkan untuk membuat project web berupa website dengan tema bebas namun meliputi seluruh materi yang diajarkan di kelas teori(HTML, CSS, Java Script, XML). Website yang dibuat tersebut harus online dan dapat diakses via internet yang nantinya akan dipresentasikan dan dinilai oleh tim penguji.
Di minggu pertama ini,mahasiswa diajarkan format dasar file dokumen HTML,cara mengganti warna latar,cara menyertakan komentar, dan berbagai macam tag. Berikut beberapa contoh tag:
Tag BR untuk menampilkan tulisan pada baris yang berbeda dalam dokumen HTML.
Tag P dan DIV untuk mengelompokkan suatu text ke dalam suatu paragraf pada dokumen HTML. Kedua tag ini memberikan efek yang sama dan juga memiliki atribut ALIGN yang digunakan untuk mengatur alignment dari suatu paragraf. Nilai yang bisa disertakan pada atribut ALIGN adalah LEFT, RIGHT, CENTER, dan JUSTIFY.
Tag Heading pada dokumen HTML terdapat 6 ukuran, mulai dari H1 sampai dengan H6. H1 adalah heading dengan ukuran terbesar dan H6 adalah heading dengan ukuran terkecil. Tag heading memiliki attribut ALIGN yang digunakan untuk mengatur alignment.
Tag HR untuk membuat suatu garis mendatar/horisontal pada dokumen HTML.
Tag HR memiliki attribut seperti WIDTH untuk mengatur panjang garis, SIZE untuk mengatur ketebalan garis, ALIGN untuk mengatur alignment, NOSHADE untuk menghilangkan efek bayangan, dan COLOR untuk mengatur warna garis.
Tag CENTER untuk menjadikan suatu teks agar bisa ditampilkan pada posisi center/tengah pada dokumen HTML.
Tag B pada dokumen HTML digunakan untuk memberikan efek cetak tebal pada teks.
Tag I memberikan efek cetak miring, dan tag U memberikan garis bawah pada suatu teks.
Tag BIG digunakan untuk mencetak teks dengan ukuran yang lebih besar sedangkan tag SMALL digunakan untuk mencetak teks dengan ukuran yang lebih kecil pada dokumen HTML.
Tag SUB digunakan untuk memberikan efek subscript pada suatu teks, dan tag SUP digunakan untuk memberikan efek superscript pada suatu teks sedangkan tag TT digunakan untuk memberikan efek mesin ketik pada suatu teks. Tag DEL digunakan untuk memberikan efek coretan pada suatu teks pada dokumen HTML.
Tag PRE pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen
HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya.
Tag ACRONYM pada dokumen HTML digunakan untuk memberi keterangan tambahan terhadap
suatu istilah ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE.
Pada dokumen HTML, tag FONT digunakan untuk mengubah jenis huruf, ukuran huruf, dan
mengganti warna huruf. Untuk mengubah jenis huruf diatur dengan menggunakan atribut FACE, untuk mengubah ukuran huruf diatur dengan menggunakan atribut SIZE, dan untuk mengubah warna huruf diatur dengan menggunakan atribut COLOR. Ukuran huruf terkecil adalah 1 dan ukuran terbesar adalah 7.
Tag BASEFONT digunakan untuk mengatur default font pada suatu halaman. Tag ini tidak dikenali di semua web browser.
Beberapa karakter khusus pada dokumen HTML tidak dapat ditampilkan secara langsung pada web browser, contohnya karakter-karakter seperti (©,®,&,×,÷,<,>,½) tidak dapat ditampilkan secara langsung karena karakter tersebut termasuk dalam karakter khusus dalam tag HTML. Untuk itu dibutuhkan cara penulisan yang khusus pula.
Langganan:
Postingan (Atom)