Tutorial Layouting CSS Part 1
|
|
|
- Surya Oesman
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Tutorial Layouting CSS Part 1 Oleh: Cecep Yusuf Pada tutorial kali ini, mari kita belajar tentang layouting HTML dengan CSS, sebenarnya tutorial ini bersumber dari artikel saya juga di situs harian.cheyuz.com, tepatnya di sini. Apa itu CSS? CSS adalah salah satu komponen yang wajib kita kuasai sebagai web designer. Karena dengan menggunakan CSS, kita bisa membangun sebuah web dengan rancangan desain yang efektif dan fl... Pada tutorial kali ini, mari kita belajar tentang layouting HTML dengan CSS, sebenarnya tutorial ini bersumber dari artikel saya juga di situs harian.cheyuz.com, tepatnya di sini. Apa itu CSS? CSS adalah salah satu komponen yang wajib kita kuasai sebagai web designer. Karena dengan menggunakan CSS, kita bisa membangun sebuah web dengan rancangan desain yang efektif dan fleksibel. Dengan CSS, kita tidak memanipulasi desain dari suatu elemen HTML dengan menambahkan atribut di tag tersebut, melainkan dengan menambahkan class/id tertentu ke dalam tag yang sudah kita tentukan dengan style yang sudah kita definisikan di CSS. Kali ini kita akan membuat sebuah layout untuk halaman web yang akan kita buat. Pada tutorial ini, kita tidak akan menggunakan framework, karena materi CSS tidak membutuhkan framework PHP, jadi tidak menggunakan framework pun web kita sudah bisa memakai layout dengan CSS. Persiapan Kita akan membuat 2 buah file, yaitu index.php dan style.css dengan nama folder root misalnya web_css, jadi URL yang akan kita gunakan untuk tutorial ini adalah Saya tidak akan menjelaskan bagaimana setting XAMPP atau paket server Apache lainnya di tutorial ini, karena kita sekarang akan fokus ke layouting dengan menggunakan CSS. OK? Catatan 1. Tidak ada satupun kode PHP di tutorial ini, jadi Anda tidak perlu khawatir bila Anda belum menguasai PHP 2. Anda bisa pula mengganti file index.php dengan ekstensi html, menjadiindex.html
3 Buatlah sebuah file index.php dengan isi sebagai berikut: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>tutorial CSS Layout Jagocoding.com</title> </head> <body> </body> </html> Simpan file di atas dihttp://localhost/web_css/index.php Fixed Layout Contoh di sini adalah layout fixed/ice, yang artinya lebar dari halaman web ini adalah tetap dan tidak akan berubah. Misalnya kita mendefinisikan lebar website kita adalah 950px, maka ketika kita melihat web dengan resolusi komputer yang berbeda layout web tersebut tidak akan berubah. Jadi ketika di lihat di monitor dengan resolusi tinggi, web kita akan terlihat kecil, sedangkan di monitor dengan resolusi rendah, web kita terlihat besar. Jadi tergantung resolusi dari monitor, bukan tergantung dari lebar window browser. Membuat Layout 2 Kolom Anda mengerti maksudnya? ya, untuk tutorial ini kita akan membuat halaman web dengan layout 2 kolom, karena akan terdapat sidebar di sebelah kiri dan ruang untuk konten di sebelah kanan. Layout 2 kolom itu adalah layout standar yang biasa digunakan untuk blog. Coba Anda buat blog baru di wordpress atau blogger, pasti layout defaultnya adalah 2 kolom, yaitu konten di sebelah kiri dan sidebar untuk kategori/arsip di sebelah kanan. Pembagian Area Pada tutorial kali ini, satu halaman website terdapat 4 bagian area utama yang dibuat dengan tag div, yaitu header, sidebar, content, dan footer. Masing-masing div diberi atribut id dengan nama sesuai dengan nama area, misalnya id= header untuk div header, dan seterusnya. Supaya lebih jelas, ayo kita langsung buat kode HTMLnya, tambahkan kode berikut di dalam tag body yang ada di dalam file index.php:... <body> </body> <div id="wrapper"> <div id="header"> <div id="sidebar"> <div id="content"> <div id="footer">
4 ... Sejauh ini, kita sudah membuat 4 area utama dalam halaman web kita dan terbungkus oleh div yg mempunyai id= wrapper, wrapper hanya istilah saja, karena fungsinya sebagai container untuk layout ice/fixed, sehingga wrapper ini kita tentukan lebar dan tinggi fix-nya, dan nantinya kita tentukan tinggi, lebar, dan posisi untuk keempat area tersebut di dalam file CSS. Secara default bila kita refresh halaman tersebut, maka sebenernya terdapat 4 tumpukan div dari atas ke bawah secara berurutan. Karena kita belum mengisikan apa2, maka tumpukan tersebut tidak akan terlihat, karena berupa container gaib (div) halah gaib hehe.. Dummy Text Sekarang kita buat dummy text untuk setiap area yang sudah kita buat supaya setiap area terdapat isi sample text. Dummy text adalah sekumpulan kata/kalimat sebagai contoh untuk dijadikan bahan percobaan untuk layout yang kita buat, coba Anda buka di situ terdapat contoh dummy text Lorem Ipsum. HEADER Untuk header, tambahkan teks judul kita yang berupa link, seperti berikut: <div id="header"> <a href=" CSS Layout</h1></a> SIDEBAR Untuk sidebar, kita buat contoh menu, ini hanya pemisalan aja, supaya kita bisa melihat bentuk menu yang akan kita tentukan di CSS. Tambahkan kode html berikut di dalam div sidebar. <div id="sidebar"> <h3>menu</h3> <ul class="menu"> <li><a href="#">home</a></li> <li><a href="#">products</a></li> <li><a href="#">contact Us</a></li> <li><a href="#">about Us</a></li> </ul> CONTENT Untuk konten, isikan saja paragraf lorem ipsum supaya kita ga capek mengetik contoh kalimat, hehe kunjungi <div id="content"> <h2>selamat Datang</h2>
5 <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae semper arcu. Fusce condimentum ultrices elementum. Maecenas adipiscing ullamcorper ante, in viverra velit imperdiet at. Nam sollicitudin consectetur tincidunt. Nam venenatis nunc ut sapien pellentesque venenatis. Donec in risus elit. Duis nec lectus quam. Pellentesque velit elit, iaculis in pharetra nec, posuere in nulla. Nunc et nulla eu metus interdum scelerisque. Nunc ultricies suscipit ligula, non vulputate nunc semper malesuada. Maecenas id euismod leo. Praesent vitae lectus sapien, id mattis eros. Integer non nulla felis, in pellentesque nunc. Mauris convallis dui in dui adipiscing tempor. Donec ornare sapien sed nisi adipiscing gravida. Nam volutpat pharetra lectus, euismod fermentum ipsum mollis quis.</p> FOOTER Terakhir untuk footer, tambahkan aja copyright untuk website kita, misalnya copyright 2010 by Jagocoding.com, kode lengkapnya: <div id="footer"> <p>copyright 2010 by Jagocoding.com</p> Sekarang, tambahkan tag berikut sebelum tag body yang berfungsi untuk meload file style.css yang akan kita buat nanti. Nah, jadi kode HTML lengkap untuk file index.php adalah sebagai berikut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link href="style.css" rel="stylesheet" type="text/css" /> <title>tutorial CSS Layout</title> </head> <body> <div id="wrapper"> <div id="header"> <a href=" CSS Layout</h1></a> <div id="sidebar"> Menu <ul class="menu"> <li><a href="#">home</a></li> <li><a href="#">products</a></li> <li><a href="#">contact Us</a></li> <li><a href="#">about Us</a></li> </ul> <div id="content">
6 <h2>selamat Datang</h2> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae semper arcu. Fusce condimentum ultrices elementum. Maecenas adipiscing ullamcorper ante, in viverra velit imperdiet at. Nam sollicitudin consectetur tincidunt. Nam venenatis nunc ut sapien pellentesque venenatis. Donec in risus elit. Duis nec lectus quam. Pellentesque velit elit, iaculis in pharetra nec, posuere in nulla. Nunc et nulla eu metus interdum scelerisque. Nunc ultricies suscipit ligula, non vulputate nunc semper malesuada. Maecenas id euismod leo. Praesent vitae lectus sapien, id mattis eros. Integer non nulla felis, in pellentesque nunc. Mauris convallis dui in dui adipiscing tempor. Donec ornare sapien sed nisi adipiscing gravida. Nam volutpat pharetra lectus, euismod fermentum ipsum mollis quis.</p> <div id="footer"> <p>copyright 2010 by Cheyuz</p> </body> </html> Preview Bila Anda mengikuti langkah2 di atas dengan benar, maka hasilnya sesuai dengan tampilan yang ada di sini. Nah, kasus di sini adalah layout Anda masih belum diberi style, posisi yang belum benar, pewarnaan belum ada, tinggi dan lebar yang belum didefinisikan, dan sebagainya, sekarang ayo kita buat CSSnya supaya benar2 sesuai dengan yang kita inginkan. style.css Setelah kita mengikuti langkah di atas untuk membuat isi dari halaman web (file index.php), sekarang kita buat style-nya dengan menghubungkan fileindex.php dengan style.css.. Buatlah file style.css satu folder dengan file index.php. 1. DEFAULT STYLE Ga tau istilahnya apa, saya kasih istilah default style, yaitu style default untuk semua elemen/tag yang ada di halaman web, biasanya default style itu untuk jenis font, ukuran font, warna default, dan sebagainya. Penggunaannya dengan menambahkan karakter * di dalam file css sebagai variable. *{ font-size: 12px; font-family: sans-serif; Coba Anda save, kemudian refresh browser.. maka jenis hurufnya akan berubah menjadi sans serif dan dengan ukuran 12px. Untuk judul, akan kita ubah ukurannya nanti.
7 2. TAG STYLES Tag style adalah tag yang diterapkan pada setiap tag dengan nama tag yang sesuai dengan variable yang didefinisikan di CSS.. misalnya untuk setiap h1, style hurufnya harus besar, tebal.. style untuk paragraf, misalnya harus alignment justify, ukuran hurufnya 12px, dan sebagainya. Tambahkan syntax CSS tadi dengan syntax di bawah ini: body{ background: #efefef; margin: 0; a{ text-decoration: none; color: black; a:hover{ text-decoration: underline; color: #0000cc; h1{ font-size: 36px; margin: 0; h2{ font-size: 24px; Arti dari syntax tersebut adalah: 1. background untuk tag body secara default warna putih agak keabuan (#efefef) dan tidak ada margin 2. untuk semua hyperlink, warna hitam dan tidak ada garis bawah 3. hover, ketika mouse melewati setiap hyperlink, maka muncul garis bawah, dan warnanya menjadi biru tua 4. Ukuran setiap h1 adalah 36px, dan setiap h2 adalah 24px 3. LAYOUTING & THEMING Nah, ini yang paling penting, layouting dan theming. Layouting dan Theming adalah pendefinisian posisi untuk tata letak, warna, dan ukuran dari setiap tag div. Pertama kita tambahkan style untuk div yang mempunyai id= wrapper, jadi variable di CSSnya dengan ditambahkan awalan karakter pagar (#). #wrapper{ width: 950px; margin: auto; background: #fff;
8 Syntax di atas adalah style untuk div yang mempunya id= wrapper. Dengan syntax di atas, Anda mengubah lebar wrapper menjadi fix 950 pixel, dengan margin auto yang berarti wrapper akan selalu berada di tengah2, dan mempunyai background berwarna putih, silakan refresh untuk hasilnya. #header{ height: 150px; background: #cdf; Dengan syntax di atas, Anda telah membuat banner yang mempunyai tinggi 150 pixel dan warna background biru muda. Silakan direfresh! #sidebar{ float: left; width: 200px; border-right: 1px solid #ccc; padding: 5px; Terlihat di kode di atas ada properti float, itu adalah untuk menentukan posisi untuk sidebar menjadi di sebelah kiri, untuk pembahasan float dan posisi lainnya di CSS, baca Pemahaman Position pada CSS, kemudian sidebar mempunyai lebar 200 pixel, dan ditambahkan padding 5 pixel untuk memberikan jarak dari text yang ada di dalam sidebar ke pinggiran ruang.refresh! #content{ float: left; width: 700px; padding: 5px 5px 5px 20px; border-left: 1px solid #ccc; Untuk content, diberi float left, karena bertahap, bertumpuk dari kiri,, mempunyai lebar 700 pixel, dan mempunyai padding untuk atas, kanan, dan bawah 5 pixel, sedangkan untuk sebelah kiri 20 pixel untuk memberikan jarak terhadap pinggiran konten sebelah kiri, sehingga terlihat seolah2 garis pinggir di sebelah kiri yang berwarna abu2 adalah pemisah antara content dan sidebar. #footer{ clear: both; background: #bbb; #footer p{ text-align: center; padding: 20px; color: #fff; font-size: 10px; font-weight: 900;
9 Untuk footer, saya memberi clear both, yang artinya membersihkan dari float-float yang ada di atasnya, yaitu sidebar dan content, jika kita tidak memberi clear, maka jika kita menambahkan div di bawah footer, maka penumpukan menjadi kacau, tetapi jika memakai clear, posisi kembali menjadi baru seperti header (posisi footer = header = tidak 2 kolom). Untuk warna latar, saya beri background abu tua (#bbb). Nah, terlihat di syntax itu ada #footer p, itu maksudnya adalah style untuk paragraf (p) yang hanya ada di footer, selainnya tidak. Khusus untuk p yang ada di footer, alignmentnya justify, kemudian warna putih, ukurannya 10 pixel dan tebal, kemudian diberi padding 20 pixel supaya jarak ke pinggiranya tidak terlalu rapat. Nah, jadi syntax lengkap CSSnya adalah seperti berikut: *{ font-size: 12px; font-family: sans-serif; body{ background: #efefef; margin: 0; a{ text-decoration: none; color: black; a:hover{ text-decoration: underline; color: #0000cc; h1{ font-size: 36px; margin: 0; h2{ font-size: 24px; #wrapper{ width: 950px; margin: auto; background: #fff; #header{ height: 150px; background: #cdf; #sidebar{
10 float: left; width: 200px; padding: 5px; border-right: 1px solid #ccc; #content{ float: left; width: 700px; padding: 5px 5px 5px 20px; border-left: 1px solid #ccc; #footer{ clear: both; background: #bbb; #footer p{ text-align: center; padding: 20px; color: #fff; font-size: 10px; font-weight: 900; Disimpan di Sekarang coba jalankan Jika Anda mengikuti tutorial ini dengan benar, maka hasilnya seperti ini: klik di sini Untuk file yang udah jadi, silakan download filenya DI SINI, tapi mending pelajari dulu tutorial di atas, soalnya yang penting ilmunya, bukan hasil dari file yg udah ada Untuk part 1 cukup sekian dulu, untuk styling menu nanti akan dipelajari di tutorial CSS berikutnya. Terima kasih sudah mengikuti tutorial ini. ~ Jagocoding Tentang Penulis Cecep Yusuf Hi, my name is Cecep Yusuf. However, in the virtual world I am more likely to use the name Cheyuz, which is an abbreviation of two words "Cecep" and "Yusuf". I am founder of Jagocoding.com, u can view more of me in Cheyuz.com
Yayan Mulyana
Yayan Mulyana CSS merupakan materi yang WAJIB kita kuasai sebagai web Designer, karena dengan CSS kita bisa membangun sebuah website dengan rancangan desain yang efektif dan fleksibel
Fungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
Fungsi Require dan Include Donny Reza, S.Kom Aplikasi IT-2 Teknik Informatika Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia Di dalam PHP terdapat fungsi yang dapat digunakan untuk menyisipkan/menyertakan
Dasar-dasar HTML 1. Oleh: Cecep Yusuf
Dasar-dasar HTML 1 Oleh: Cecep Yusuf Apa yang harus dipelajari jika kita ingin membuat sebuah website? Yup, jawabannya adalah HTML. Yuk kita intip HTML itu seperti apa. Pada suatu hari, teman saya Irvan
graphic standard manual
graphic standard manual Selamat datang di panduan brand RINJANI Dokumen ini menyediakan tinjauan brand secara visual juga dasar-dasar penerapan konsisten identitas brand RINJANI, sebagai alat bantu untuk
Lampiran 1 Tampilan client. Lampiran 2 Tampilan server
LAMPIRAN Lampiran 1 Tampilan client Lampiran 2 Tampilan server Lampiran 3 Tampilan saat melakukan koneksi pada client Lampiran 4 Tampilan saat melakukan koneksi pada server Lampiran 5 Contoh pengiriman
Cara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Rancangan / draft untuk penulisan Bab I (Pendahuluan)
Rancangan / draft untuk penulisan Bab I (Pendahuluan) BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Dibuat maksimal 8-10 paragraf dimana setiap paragraph mewakili poin-poin untuk menjadi identifikasi masalah.
COLOR PALETTE M 100 Y 100 K 100. CATATAN Aturan ini mohon diaplikasikan sesuai dengan ketentuan ukuran yang telah diatur pada guidelines ini.
LOGO COLOR PALETTE C 0 M 100 Y 100 K 0 C 0 M 0 Y 0 K 100 STATIONERY Left Margin 3 cm Right Margin 2 cm Top Margin 2.15 cm Left Margin 0.3 cm Right Margin 0.3 cm AAN RACHMAN Direktur Operasional Top Margin
WEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan yang Baik di Provinsi Banten
USAID PRIORITAS: Mengutamakan Pembaharuan, Inovasi, dan Kesempatan bagi Guru, Tenaga Kependidikan, dan Siswa Edisi 2/Januari 2013 WEWARAH PRIORITAS Media Informasi dan Penyebarluasan Praktek Pendidikan
Dasar-dasar HTML 2. Oleh: Cecep Yusuf
Dasar-dasar HTML 2 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana membuat sebuah tabel tag-tag HTML. Kita akan mempelajari bagaimana membuat tabel yang baik. Melanjutkan tutorial Dasar-dasar
BAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
Design Web Dengan 2 Kolom
Design Web Dengan 2 Kolom Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Membuat Themes Wordpress sendiri - Part 1
Membuat Themes Wordpress sendiri - Part 1 Oleh: asep saepulloh Halo sahabat jaco. Kali ini saya akan membahas bagaimana caranya membuat themes sendiri di CMS Wordpress. Terkadang sahabat jaco muak dengan
Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat
Contoh ke dua layout menggunakan CSS Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat HEADER ISI NAVIGASI
BAB 5 METODE PERANCANGAN
BAB 5 METODE PERANCANGAN 5.1 Konsep Visual 5.1.1 Visual Menggunakan ilustrasi vektor yang simpel dan mudah dipahami oleh setiap orang. Selain menggunakan ilustrasi vektor juga dipadukan dengan fotografi
BADAN PENGAWASAN KEUANGAN DAN PEMBANGUNAN DEPUTI PENGAWASAN BIDANG PENYELENGGARAAN KEUANGAN DAERAH
BADAN PENGAWASAN KEUANGAN DAN PEMBANGUNAN DEPUTI PENGAWASAN BIDANG PENYELENGGARAAN KEUANGAN DAERAH KATA PENGANTAR Dalam rangka mendukung terwujudnya good governance dan clean government dalam penyelenggaraan
Membuat Layout Header Diam di Tempat (Fix Header)
Membuat Layout Header Diam di Tempat (Fix Header) Oleh: Christian Rosandhy Fix Header / Header Diam di Tempat adalah salah satu tren layout yang cukup populer (liat aja header Facebook / Twitter). Layout
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami jenis dan struktur dasar dokumen CSS. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan halaman
JUDUL TUGAS AKHIR/SKRIPSI
JUDUL TUGAS AKHIR/SKRIPSI Proposal Tugas Akhir/Skripsi Ditulis sebagai syarat untuk memperoleh gelar Sarjana Seni (S.Sn) Nama NIM Program Studi : Nama Mahasiswa : xxxxxxxxxxxxxx : Desain Komunikasi Visual
Teks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) Instruktur: Arif Nurwidyantoro Intro Cascading Style Sheets (CSS) digunakan untuk mendefinisikan bagaimana sebuah elemen HTML ditampilkan. Sebuah elemen HTML dapat ditampilkan
Tutorial Membuat Template Joomla 1.5
Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial
Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS
Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung
Triswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
KAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
BAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
Membuat Scrollspy Dengan Bootstrap
Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat
AJAX dengan jquery Part 3
AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi
JUDUL SKRIPSI DALAM BAHASA INDONESIA
JUDUL SKRIPSI DALAM BAHASA INDONESIA SKRIPSI untuk memenuhi sebagian persyaratan untuk memperoleh derajat Sarjana S-1 Program Studi Teknik Nuklir diajukan oleh NAMA LENGKAP MAHASISWA xx/yyyyyy/tk/zzzz
AJAX dengan jquery Part 1
AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan
Tutorial CakePHP Dasar Part III - Sorting, Pagination
Tutorial CakePHP Dasar Part III - Sorting, Pagination Oleh: Cecep Yusuf Tutorial CakePHP ini akan belajar bagaimana membuat pagination dan sorter/pengurut untuk daftar data yang akan ditampilkan. Updated:
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Kesan dari pelajaran bahasa Inggis dengan guru Pak Sartoyo S.Pd adalah beliau selalu memotivasi kami untuk membuka kamus setiap hari dan menghafal 10
Kesan dari pelajaran bahasa Inggis dengan guru Pak Sartoyo S.Pd adalah beliau selalu memotivasi kami untuk membuka kamus setiap hari dan menghafal 10 kosa kata bahasa Inggris, dan bila ada tugas, kita
JUDUL SKRIPSI DALAM BAHASA INDONESIA
JUDUL SKRIPSI DALAM BAHASA INDONESIA SKRIPSI untuk memenuhi sebagian persyaratan untuk memperoleh derajat Sarjana S-1 Program Studi Teknik Nuklir diajukan oleh NAMA LENGKAP MAHASISWA xx/yyyyyy/tk/zzzz
Responsive Layout dengan Bootstrap [Part 2]
![Responsive Layout dengan Bootstrap [Part 2]](/thumbs/55/35881004.jpg "Responsive Layout dengan Bootstrap [Part 2]")
Responsive Layout dengan Bootstrap [Part 2] Oleh: Christian Rosandhy Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat
Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono
Panduan HTML dan CSS bagian 2 A. Apa itu CSS CSS (Cascading Style Sheets) merupakan kode pemrograman untuk membuat tampilan pada HTML. Selain menggunakan HTML para programer website sering menggunakan
mengapa harus presentasi
presentation IMPACT mengapa harus presentasi You are the expert It is your duty It is your career requirement You want to share tantangan dalam presentasi http://megans movies.blogspot.com http://www.slashgear.com
CSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,
Author : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
AJAX dengan jquery Part 2
AJAX dengan jquery Part 2 Oleh: Cecep Yusuf Kita akan belajar bagaimana cara membuat AJAX dengan response data HTML memakai metode GET dan dimasukkan ke dalam elemen yang ditentukan pada halaman utama.
Cascading Style Sheet (CSS) Didik Dwi Prasetya
Cascading Style Sheet (CSS) Didik Dwi Prasetya didikdwi@gmail.com CSS vcss à Cascading Style Sheet vstyle à mendefinisikan aturan untuk menampilkan elemen HTML. vdefinisi: Cascading Style Sheets (CSS)
6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
BAB III CASCADING STYLE SHEET
BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.
TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;
How to Create Simple Web (2) - Slice
How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah
CSS Eksternal. Instruktur: Arif Nurwidyantoro
CSS Eksternal Instruktur: Arif Nurwidyantoro Definisi CSS, selain diletakkan dalam file yang sama dengan file HTML, dapat juga diletakkan pada file terpisah. Pernyataan untuk menyambungkan file HTML dengan
Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS
Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Oleh: Rahmat Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab
Metode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
Membuat Simpel Site HTML Layout Menggunakan Tag div
Membuat Simpel Site HTML Layout Menggunakan Tag div Oleh: Yudhistira Bayu W Ya, setelah saya memberikan Tutorial Tutorial Simpel HTML pada sebelumnya, Kali Ini saya akan memberikan Cara Membuat Simpel
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,
BAB VI DESAIN WEB RESPONSIF
BAB VI DESAIN WEB RESPONSIF A. KOMPETENSI DASAR Memahami konsep dasar desain halaman web responsif Mampu menerapkan konsep desain web responsif ke dalam aplikasi Mampu menghasilkan desain aplikasi web
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan
LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets
membuat website dengan bootstrap v3.0.0
membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE Langkah-langkah membuat web statis 1. Pastikan bahwa server localhost sudah berjalan. Untuk Windows biasanya menggunakan Xampp for
Riesty Aqmarina. Desian sampul: Rizky Pujo Wardhana. FB/Eno pujo. Diterbitkan melalui: Copyright 2010 by Riesty aqmarina
Riesty Aqmarina Riesty Aqmarina Copyright 2010 by Riesty aqmarina Desian sampul: Rizky Pujo Wardhana FB/Eno pujo Diterbitkan melalui: www.nulisbuku.com 2 THANK s TO: Wow, this is wonderful, i can publish
Membuat Layout Footer Menempel ke Bawah
Membuat Layout Footer Menempel ke Bawah Oleh: Christian Rosandhy Kali ini saya mau share lagi salah satu layout wajib buat website, yaitu layout footer menempel kebawah. Di tutorial kali ini kita akan
Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Komunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
Sekilas Mengenai HTML
Sekilas Mengenai HTML Halaman di website-website yang sering anda lihat di internet pada umumnya dibuat dengan menggunakan bahasa HTML. Tidak seperti bahasa lainnya, untuk membuat halaman HTML, kita tidak
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
Tutorial CakePHP Dasar Part IV - Searching
Tutorial CakePHP Dasar Part IV - Searching Oleh: Cecep Yusuf Masuk ke Serial Tutorial CakePHP bagian ke IV, kali ini kita akan belajar membuat searching dengan CakePHP. Level Newbie dan dianjurkan mengikuti
Contoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Upload File dengan Metode AJAX
Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP
MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang
Mendeteksi Browser Mobile dengan PHP
Mendeteksi Browser Mobile dengan PHP Oleh: Cecep Yusuf Tutorial bagaimana cara supaya aplikasi web kita dapat mendeteksi secara otomatis dengan PHP apakah browser yang digunakan berbasis mobile atau bukan.
Panduan Tugas Akhir Manajemen Informatika
2014 Panduan Tugas Akhir Manajemen Informatika Panduan ini disusun sebagai gambaran bagi mahasiswa Program Studi Manajemen Informatika (D-III) STMIK Mikroskil dalam penyusunan Tugas Akhir Fandi Halim STMIK
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage
Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat
Cara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan
REBRANDING PUSAT PRIMATA SCHMUTZER
REBRANDING PUSAT PRIMATA SCHMUTZER ROY SAPUTRA Universitas Bina Nusantara, Jl. K.H. Syahdan No.1, Palmerah Jakarta 11480, Indonesia, telp: 0853 1199 1117, roysaputra.id@gmail.com Roy Saputra, Drs. Rujiyanto,
CSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS
Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS Oleh: I Wayan Dharmana Halo kawan, apa kabar? Semoga di awal bulan Ramadhan ini kawan pembaca tetap semangat untuk mencari ilmu. Nah, pada
TUTORIAL RUBY ON RAILS
TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB
Design Web 2 Kolom Flexible
Design Web 2 Kolom Flexible Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
Panduan Tugas Akhir Manajemen Informatika
2014 Panduan Tugas Akhir Manajemen Informatika Panduan ini disusun sebagai gambaran bagi mahasiswa Program Studi Manajemen Informatika (D-III) STMIK Mikroskil dalam penyusunan Tugas Akhir Fandi Halim STMIK
Membuat Aplikasi GPS & Suara Antrian dengan PHP. Ronald Rusli.
Membuat Aplikasi GPS & Suara Antrian dengan PHP Ronald Rusli www.bukulokomedia.com MEMBUAT APLIKASI GPS DAN SUARA ANTRIAN DENGAN PHP Perpustakaan Nasional : Katalog Dalam Terbitan (KDT) Penulis : Ronald
Panji Ramdana / 1 1. PAN-Jsound RECORDS
Panji Ramdana / 1 1 PAN-Jsound RECORDS 0 1 Diamku adalah caraku menjagamu Setidaknya beritahu aku Sudah sejauh mana kau mengenalku? Boleh? Jaga selalu kesehatanmu Kau boleh menyebrangiku asal tidak di
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 18. Lebih Dalam Bekerja dengan CSS 1 Bagian
CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed
CSS dan Tata Letak Pemrograman Internet (TKE 074082) Program Studi Teknik Elektro, Unsoed Iwan Setiawan Tahun Ajaran 2011/2012 a, a:visited { text-decoration:none; } a:hover { text-decoration:underline;
Gambar 1.1 Desain halaman web
DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya
Membuat Button Dengan CSS
Membuat Button Dengan CSS Dari sekian banyak pertanyaan yang muncul dari para pemula di CSS adalah pertanyaan bagaimana sih membuat tombol dengan CSS?, hmmm bagi saya ini adalah pertanyaan yang simple
Membuat Database dengan SQL Server Management Studio
Membuat Database dengan SQL Server Management Studio Oleh: Cecep Yusuf Tutorial Cheyuz: Tutorial bagaimana membuat sebuah database beserta relasi antar table menggunakan Microsoft SQL Server Management
Pemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lorem Ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis Nilai-Nilai Utama Kami 5
KODE ETIK Lorem Ipsum Pesan dari CEO 3 Fondasi atas segala yang kita kerjakan 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mattis Nilai-Nilai Utama Kami 5 neque quis porttitor consectetur.
APLIKASI WEB DAY 3. (Cascading Style Sheets)
APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat
DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...
DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format
Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI
Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame
Modul 10 DreamWeaver MX Suendri, S.Kom
Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas