Memodifikasi Tampilan Gambar (Image) dengan CSS

Ukuran: px
Mulai penontonan dengan halaman:

Download "Memodifikasi Tampilan Gambar (Image) dengan CSS"

Transkripsi

1 Memodifikasi Tampilan Gambar (Image) dengan CSS Sebuah file gambar (image) yang disisipkan pada dokumen HTML akan tampil tanpa dekorasi apapun pada saat dilihat di browser. Kita dapat memberi garis pembatas di sekitar gambar tersebut dengan menambahkan atribut border atau mengatur posisinya dengan atribut align pada tag <img> yang bertugas memanggil gambar bersangkutan. Perhatikan contoh berikut! <img src="gambar.gif" border="10" align="right" /> Pada contoh di atas, gambar (foto gadis cantik) diletakkan di sebelah kanan teks dan tampak dikelilingi garis pembatas setebal 10 pixel berwarna hitam. Warna garis pembatas ini tidak bisa diganti dengan warna atau dengan gambar lain apabila kita hanya menggunakan HTML. Lain halnya jika kita menggunakan CSS. Dengan CSS kita dapat memodifikasi tampilan gambar dengan lebih wah! CSS bukan hanya bisa mengganti warna garis, pun ia dapat mengatur tingkat kerenggangan antara gambar dengan garis pembatas atau dengan bagian-bagian lain dari dokumen HTML, memberikan variasi (tipe) bentuk garis pembatas, memberi warna latar, atau membingkainya dengan gambar lain. Dalam CSS, ada beberapa property yang bisa kita gunakan untuk membuat tampilan gambar lebih menarik dan dekoratif, yaitu:

2 1. background, digunakan unruk memberi latar pada gambar baik berupa warna atau gambar lain; 2. padding, digunakan untuk mengatur kerenggangan antara gambar dengan border; 3. margin, digunakan untuk mengatur kerenggangan antara gambar dengan elemen-elemen HTML lainnya; 4. border, digunakan untuk memberi garis pembatas seperti contoh sebelumnya; 5. border-style, digunakan untuk menentukan gaya atau tipe border. Ada beberapa pilihan yang bisa kita gunakan untuk property ini, yakni: solid, dotted, dashed, groove, double, inset, dan outset. (Contoh penggunaanya akan diberikan di bagian akhir posting ini;) 6. border-width, digunakan untuk menentukan tingkat ketebalan border; dan 7. border-color, digunakan untuk menentukan warna border. Sekarang, kita akan mulai mendekorasi gambar dengan spesifikasi sebagai berikut: 1. background: putih 2. padding: 10px 3. border-style: solid 4. border-width: 2px 5. border-color: merah Sintaks penulisan CSS untuk spesifikasi di atas ialah sebagai berikut: <img src="filegambar" style="background:#ffffff; padding:10px; border-style:solid; border-width:2px; border-color:red;" /> Sekarang tampilan gambar akan tampak seperti berikut: Cara penulisan di atas dapat dipersingkat dengan menyatukan property style, width, dan color di bawah property border. Cara penulisan ini disebut CSS shorthand yang bertujuan untuk meringankan ukuran file. Berikut adalah contoh penulisannya: <img src="filegambar" style="background:#ffffff; padding:10px; border:solid 1px #cccccc;" /> Coba Anda ganti nilai warna #ffffff untuk background dan #cccccc untuk border dengan warna favorit Anda. Bila perlu, beri nilai yang berbeda untuk padding dan tebal border. Bim salabim! lihat apa yang terjadi! :)

3 Membingkai Gambar dengan Gambar Lain Sekarang kita akan mengganti property background dengan file gambar yang lain sehingga gambar akan tampak seperti dibingkai. File gambar yang akan dijadikan latar sebaiknya memiliki ukuran lebih besar dari gambar yang akan diberi bingkai. Di sini saya menyiapkan sebuah gambar yang saya buat dengan bantuan Photoshop. Selanjutnya, tulis kode berikut: <img src="filegambar" style="background:url(alamat gambar); padding:20px;" /> Pada bagian alamat gambar diisi dengan lokasi gambar latar yang akan digunakan. Jika gambar (yang akan dijadikan latar berada pada folder yang sama dengan file HTML, maka kita tinggal menuliskan nama file gambar tersebut, misalnya: <img src="filegambar" style="background:url(gambar.gif); padding:20px;" /> Jika berada pada folder yang berbeda dari file HTML, maka terlebih dahulu harus menyebutkan nama folder tersebut. <img src="filegambar" style="background:url(images/gambar.gif); padding:20px;" /> Jika gambar diambil dari situs lain (seperti dari Photobucket), maka alamat gambar ditulis langsung dengan menggunakan misalnya: <img src="filegambar" style="background:url(http://i278.photobucket.com/ albums/kk82/jomantara/gambar.gif); padding:20px;" /> Hasil yang kita peroleh akan tampak seperti berikut:

4 <img src="gambar.jpg" style="background:url(gambar.gif); padding:20px; / > Sekarang coba Anda ganti gambar latar dengan gambar lain. Anda dapat pula menambahkan property border dengan nilai, ukuran, dan warna kesukaan Anda. Seperti tampak di bawah ini. Tipe-tipe Border untuk Gambar pada CSS <img src="filegambar" style="border:dashed 2px #000000;" />

5 <img src="filegambar" style="border:dotted 6px #000000;" /> <img src="filegambar" style="border:double 10px #000000;" /> <img src="filegambar" style="border:groove 10px #000000;" />

6 <img src="filegambar" style="border:inset 10px #000000;" /> <img src="filegambar" style="border:outset 10px #000000;" /> <img src="filegambar" style="border:ridge 10px #000000;" /> Selamat mencoba dan semoga bermanfaat! Collect by ifitady

CSS Lanjut Pertemuan - 5

CSS Lanjut Pertemuan - 5 CSS Lanjut Pertemuan - 5 Semester Ganjil 2009/2010 CSS Lanjut Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML. contoh: height:100px; width:200px; Nilai/ value: auto Nilai / Value ukuran

Lebih terperinci

NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS.

NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS. PRAKTIKUM : Borders NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta dapat melakukan pengaturan-pengaturan border dengan CSS. B. DASAR TEORI Border jika diartikan adalah

Lebih terperinci

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

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

Lebih terperinci

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR

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

Lebih terperinci

Modul 5 Macromedia Dreamweaver 8

Modul 5 Macromedia Dreamweaver 8 Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi

Lebih terperinci

Sekilas Mengenai HTML

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

Lebih terperinci

: Tag ini merupakan inti dari perintah untuk membuat.
: Tag ini merupakan penutup dari perintah untuk membuat

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed

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;

Lebih terperinci

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website

Lebih terperinci

Cara Membuat website dengan Dreamweaver

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

Lebih terperinci

Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164

Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 08018244-Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 CHAPTER 4 - CSS Salah satu tantangan bagi anda saat membuat halaman Web adalah saat mengatur letak posisi elemen. Sebuah halaman Web tidak

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha

Lebih terperinci

MODUL 3 STYLE SHEET RINGKASAN

MODUL 3 STYLE SHEET RINGKASAN MODUL 3 STYLE SHEET RINGKASAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda

Lebih terperinci

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Area kerja. Gambar 1. Tampilan awal MS FrontPage Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,

Lebih terperinci

: PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM :

: PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM : PRAKTIKUM : PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta mengimplementasikan property color pada halaman web. 2. Siswa dapat

Lebih terperinci

Artikel HTML Dasar. World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan

Artikel HTML Dasar. World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan Universitas Muhammadiyah Sukabumi Artikel HTML Dasar Oleh : Baden Badru Jaman Artikel HTML Dasar Artikel HTML PENGERTIAN WEB & HTML World Wide Web ( WWW ) yang biasa disebut web merupakan suatu kumpulan

Lebih terperinci

CSS. Auriza Akbar 1 Juni 2012

CSS. Auriza Akbar 1 Juni 2012 CSS Auriza Akbar auriza.akbar@gmail.com 1 Juni 2012 Apa itu CSS? CSS = Cascading Style Sheets Mekanisme sederhana untuk menambahkan style (seperti font, warna, spasi) ke dalam dokumen web http://www.w3.org/style/css/

Lebih terperinci

TRAINING. Basic HTML & CSS. Jan-2013 USER BAGIAN 3

TRAINING. Basic HTML & CSS. Jan-2013 USER BAGIAN 3 TRAINING Jan-2013 Basic HTML & CSS USER BAGIAN 3 Table of Contents 1 BASIC HTML...3 1.1 Text & Paragraph...3 Paragraf (Paragraph)...3 Pindah Baris (Break Row)...3 Tengah (Center)...3 Header (Heading)...3

Lebih terperinci

/* styling paragraf, teks paragraf berwarna biru dan rata tengah */ p {color:blue;text-align:center;}

/* styling paragraf, teks paragraf berwarna biru dan rata tengah */ p {color:blue;text-align:center;} II CSS INTRO CSS (Cascading Style Sheet) adalah bahasa untuk mendefinisikan bagaimana suatu dokumen dan elemen pada suatu dokumen ditampilkan oleh browser. File CSS memiliki ekstensi.css SYNTAX SYNTAX

Lebih terperinci

Chapter 1. Pengenalan HTML

Chapter 1. Pengenalan HTML Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah

Lebih terperinci

CSS Layouting. Antonius RC Pemrograman Web

CSS Layouting. Antonius RC Pemrograman Web CSS Layouting Antonius RC Pemrograman Web CSS Selector Tambahan Tanda > artinya select child element Contoh: ul > li Maka akan terambil 2 elemen li CSS Selector Tambahan Tanda + artinya select adjecent

Lebih terperinci

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L

Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar

Lebih terperinci

MENAMPILKAN GAMBAR. 5.1 Pendahuluan

MENAMPILKAN GAMBAR. 5.1 Pendahuluan Menampilkan Gambar 32 10 5 MENAMPILKAN GAMBAR Tujuan Pembelajaran : Dapat menampilkan gambar pada dokumen HTML dengan menggunakan tag tertentu. Bisa memformat tampilan gambar dalam berbagai bentuk dan

Lebih terperinci

Triswansyah Yuliano

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

Lebih terperinci

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah : PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.

Lebih terperinci

Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono

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

Lebih terperinci

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel

BAB VII Tabel. Susanto, S.Kom. Bab VII Tabel BAB VII Tabel Setiap tabel minimal tersusun dari tiga tag dasar yaitu tag yang menandai sebuah tabel, tag yang membentuk baris dan tag yang membentuk kolom. Masing-masing tag tersebut harus

Lebih terperinci

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

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

Lebih terperinci

FLASH, FRAME, BEHAVIOR

FLASH, FRAME, BEHAVIOR FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label

Lebih terperinci

MODUL 7. Pengantar jquery

MODUL 7. Pengantar jquery MODUL 7 Pengantar jquery Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang 2016 Pertemuan 7 7.1 Tujuan : 1. Mahasiswa dapat memahami mengenai PHP dengan jquery 2. Mahasiswa dapat mengaplikasikan

Lebih terperinci

CSS. inheritance (pewarisan)

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

Lebih terperinci

MODUL 3 HTML & CSS KELAS ZEROZERO Membuat Halaman Web Sederhana Training Online Ilmuwebsite

MODUL 3 HTML & CSS KELAS ZEROZERO Membuat Halaman Web Sederhana Training Online Ilmuwebsite MODUL 3 HTML & CSS KELAS ZEROZERO Membuat Halaman Web Sederhana Training Online Ilmuwebsite http://www.ilmuwebsite.com Lisensi Dokumen: Copyright 2007-2008 Ilmuwebsite.Com Hanya untuk kalangan intern,

Lebih terperinci

DAFTAR ISI Bab 1 Mengenal Teknologi Internet dan Web... 1 Bab 2 Tentang CSS... 9

DAFTAR ISI Bab 1 Mengenal Teknologi Internet dan Web... 1 Bab 2 Tentang CSS... 9 DAFTAR ISI Kata Pengantar... vii Daftar Isi... ix Bab 1 Mengenal Teknologi Internet dan Web... 1 1.1 Sejarah Internet...1 1.2 Web dan Browser...3 1.3 Mengenal Teknologi Web...4 1.4 Sekilas Tentang HTML...5

Lebih terperinci

Diktat CSS. Cascading Style Sheet. L. Erawan

Diktat CSS. Cascading Style Sheet. L. Erawan Diktat CSS Cascading Style Sheet L. Erawan DAFTAR ISI PENDAHULUAN... 6 CSS Adalah Suatu Solusi... 6 CSS Mengefisienkan Pekerjaan... 6 SINTAKS... 7 Memberi Komentar... 7 CLASS DAN ID... 8 ID CSS... 8 CLASS

Lebih terperinci

BAB 5 PROSES EDITING 5.1. EDITING AWAL

BAB 5 PROSES EDITING 5.1. EDITING AWAL BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web HTML DASAR BAGIAN 1 Oleh: Heribertus Heri Istiyanto Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web Materi: 1. HTML Dasar 2. Desain Layout di Photoshop 3.

Lebih terperinci

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table Tabel, List 1. Tabel Tabel adalah objek yang terdiri dari kolom dan baris. Tabel dalam halaman / dokumen Web sebenarnya terdiri dari tag-tag HTML, yaitu tag , tag , tag . 1.1. Menyisipkan

Lebih terperinci

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. 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

Lebih terperinci

Table, List, Form DWI SETIYA.N. /

Table, List, Form DWI SETIYA.N. / LIST, TABLE DAN FORM Alat dan Bahan Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai

Lebih terperinci

PENGGUNAAN SLICE. Tujuan Instruksional

PENGGUNAAN SLICE. Tujuan Instruksional PENGGUNAAN SLICE Suatu halaman web harus didesain secara representatif namun bisa diakses secara cepat. Sebuah halaman web yang yang dibuat berupa gambar full color dengan menggunakan Adobe Photoshop,

Lebih terperinci

Percobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html

Percobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html Alat dan Bahan -- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya -- Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai icon pada list

Lebih terperinci

PROPERTIES. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri

PROPERTIES. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri PROPERTIES 12 Font Syntax: font: Properti Font Possible Values: [ ]? [ / ]? Contoh: P { font: italic bold 12pt/14pt

Lebih terperinci

MODUL III CASCADING STYLE SHEET

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

Lebih terperinci

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website

Lebih terperinci

Teknologi Multimedia untuk Teknologi Web

Teknologi Multimedia untuk Teknologi Web Teknologi Multimedia untuk Teknologi Web Multimedia mencakup segala sesuatu yang dapat dilihat dan/atau didengar baik dalam media cetak, elektronik maupun yang lainnya. Multimedia sangat dibutuhkan dalam

Lebih terperinci

LAYOUT. Alat dan Bahan. Cara Kerja. Percobaan. Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP :

LAYOUT. Alat dan Bahan. Cara Kerja. Percobaan. Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP : Nama : Dwi Setiya Ningsih Kelas : PJJ D3 T1 NRP : 2103157025 LAYOUT Alat dan Bahan --- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya --- Bahan-bahan gambar

Lebih terperinci

BAB 13 MEMPERCANTIK TAMPIL WEB

BAB 13 MEMPERCANTIK TAMPIL WEB BAB 13 MEMPERCANTIK TAMPIL WEB Website yang baik bukan terletak pada banyaknya animasi yang ditampilkan, tidak juga karena banyaknya video yang disediakan atau banyaknya warna yang dikombinasikan. Website

Lebih terperinci

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd. Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk

Lebih terperinci

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).

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

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 6 CSS3 Tujuan: Mahasiswa mengenal komponen CSS 3 sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha

Lebih terperinci

Modul 5 Desain dengan Dreamweaver II

Modul 5 Desain dengan Dreamweaver II Modul 5 Desain dengan Dreamweaver II 1.1 Tujuan a. Mahasiswa dapat membuat web dengan dreamweaver b. Mahasiswa dapat mengenal komponen dreamweaver lebih lanjut 1.2 Materi a. Membuat Website b. Text, Tabel

Lebih terperinci

Pengenalan Perancangan Web 2016

Pengenalan Perancangan Web 2016 6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang

Lebih terperinci

Bab 2 Pengenalan HTML

Bab 2 Pengenalan HTML Bab 2 Pengenalan HTML 2.1 Dokumen HTML HTML kependekan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan teks editor. Dokumen ini dikenal sebagai web page. Dokumen

Lebih terperinci

MEMBUAT KUIS INTERAKTIF DENGAN FLASH 8

MEMBUAT KUIS INTERAKTIF DENGAN FLASH 8 MEMBUAT KUIS INTERAKTIF DENGAN FLASH 8 Pada bagian yang kedua ini akan dibahas langkah-langkah pembuatan kuis interaktif. Bentuk pertanyaan pada kuis ini adalah pilihan ganda dengan 4 pilihan jawaban untuk

Lebih terperinci

CSS (CASCADING STYLE SHEET)

CSS (CASCADING STYLE SHEET) CSS (CASCADING STYLE SHEET) CSS DASAR Tentang CSS Kegunaan CSS Aturan Penulisan CSS Background CSS Font CSS Teks CSS Border Margin Contoh Layout Web menggunakan CSS 1 Tentang CSS CSS (Cascading Style Sheet)

Lebih terperinci

UAS (Pemrograman Web Statis) Oleh : N.I.M : : Reza Bayu Permana : Teknik Informatika Mata Kuliah : Pemrograman Web Statis

UAS (Pemrograman Web Statis) Oleh : N.I.M : : Reza Bayu Permana : Teknik Informatika Mata Kuliah : Pemrograman Web Statis UAS (Pemrograman Web Statis) Oleh : N.I.M : 12141378 Nama : Reza Bayu Permana Prodi : Teknik Informatika Mata Kuliah : Pemrograman Web Statis SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN ILMU KOMPUTER EL-RAHMA

Lebih terperinci

Bab 6 -Manipulasi Gambar Pada Web

Bab 6 -Manipulasi Gambar Pada Web Bab 6 -Manipulasi Gambar Pada Web Web Design Team Dosen (PENS) 1 Pendahuluan Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar

Lebih terperinci

Page 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma

Page 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma Page 1 of 8 Tutorial Font Awesome Nama : Faqum Alf a Dwiyanto NIM : 12141368 Prodi : TI / I Buat tutorial cara penggunaan suatu framework CSS yang diimplementasikan pada layout semantik html. Tulislah

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 1 Mengenal Website & HTML Tujuan: Mahasiswa mengenal konsep-konsep dan komponen dasar dari suatu website dan mampu membangun suatu website statis.

Lebih terperinci

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML

FERNANDYA RISKI HARTANTRI / F DASAR-DASAR HTML FERNANDYA RISKI HARTANTRI 09018173 / F DASAR-DASAR HTML Hypertext Markup Language, atau seperti yang lebih dikenal, HTML, adalah bahasa computer dari World Wide Web. Bila Anda membuat situs Web, Anda dapat

Lebih terperinci

Membuat Form Search Dengan CSS3

Membuat Form Search Dengan CSS3 Membuat Form Search Dengan CSS3 Oleh: Irvansyah Pasti teman2 sering dong berkunjung ke blog ataupun malah di blog teman2 ada yang namanya Form Searh.. Apa itu Form Search..?? Yup bnar sekali.. Sebuah media

Lebih terperinci

Tutorial Membuat Layout Website Sederhana dengan HTML dan 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

Lebih terperinci

LEMBAR KERJA PRAKTIKUM

LEMBAR KERJA PRAKTIKUM LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : CSS External - Tampilan halaman CSS External/index.html :

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 6 CSS For Layout Tujuan: Mahasiswa mengenal komponen-komponen CSS yang dapat digunakan untuk mengatur tata letak element HTML dalam membangun website

Lebih terperinci

Rumus HTML Lengkap. Kode-kode dasar HTML. 1 of 5 01/04/ :07

Rumus HTML Lengkap. Kode-kode dasar HTML.  1 of 5 01/04/ :07 1 of 5 01/04/2014 15:07 Rumus HTML Lengkap Kode-kode dasar HTML Mengenai Saya Fatur Rahman Membuat Center,gunakan kode : hasilnya seperti: ITU SAJA Lihat profil lengkapku Aku hanya

Lebih terperinci

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

KONSEP DASAR HTML. HTML ( HyperText Mark up Language ) KONSEP DASAR HTML HTML ( HyperText Mark up Language ) hypertext adalah kata yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskahnaskah lainnya markup menunjukkan bahwa pada file HTML berisi

Lebih terperinci

Penggunaan CSS dalam Perancangan Web

Penggunaan CSS dalam Perancangan Web Pendahuluan Penggunaan CSS dalam Perancangan Web CSS yang memiliki kepanjangan Cascade Style Sheet ini digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari

Lebih terperinci

Silabus Mata Kuliah Perancangan Web

Silabus Mata Kuliah Perancangan Web A. IDENTITAS MATA KULIAH Program Studi : Mata kuliah : Kode : Bobot : 2 SKS Kelas : Semester : Prasyarat : Deskripsi singkat : Setelah mengikuti mata kuliah, mahasiswa dapat memahami materi yang meliputi

Lebih terperinci

1. Pengenalan HTML. 2. Tag Dasar HTML

1. Pengenalan HTML. 2. Tag Dasar HTML 1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh

Lebih terperinci

Animasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi

Animasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi Tujuan Animasi Dengan CSS3 Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi Dasar Teori Pada praktikum-praktikum sebelumnya, kita telah

Lebih terperinci

MATERI II CASCADING STYLE SHEETS (CSS) DASAR

MATERI II CASCADING STYLE SHEETS (CSS) DASAR MATERI II CASCADING STYLE SHEETS (CSS) DASAR Tujuan : 1. Memahami tentang konsep CSS 2. Memahami aturan penulisan pada CSS 3. Memahami selector sebagai pengontrol design 4. Memahami pembuatan background

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML

Lebih terperinci

Using FreeMind. Diadaptasi dari John Leach

Using FreeMind. Diadaptasi dari John Leach Using FreeMind Diadaptasi dari John Leach Membuat Mind Map Click di FreeMind icon pada desktop, atau panggil program dari start menu program (Start -> Programs -> FreeMind -> FreeMind.) Jika belum pernah

Lebih terperinci

PRAKTIKUM ASP.NET 9 THEME

PRAKTIKUM ASP.NET 9 THEME PRAKTIKUM ASP.NET 9 THEME ASP.NET Theme ASP.NET Theme digunakan untuk membuat tampilan yang konsisten dari halaman websites, Anda dapat menggunakan theme untuk menentukan style dari HTML control dan ASP.NET

Lebih terperinci

Dasar-dasar Dreamweaver

Dasar-dasar Dreamweaver FAUZAN SRIRADITYO UTOMO 08148102 TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi

Lebih terperinci

Tutorial Singkat Membuat Desain Header di CMS Balitbang.

Tutorial Singkat Membuat Desain Header di CMS Balitbang. Tutorial Singkat Membuat Desain Header di CMS Balitbang. Desain header cms balitbang bisa dirubah sesuai dengan keinginan kita dan tentu saja menyesuaikan dengan content website yang kita buat, misalnya

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat:

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat: Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp 43.800 Terbit pertama: Juli 2005 Sinopsis singkat: Jika Anda telanjur memiliki foto yang tampak biasa-biasa saja, lebih baik jangan dibuang terlebih

Lebih terperinci

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,

Lebih terperinci

setiap value dipisakan dengan,(koma) dan maksud dari kedua value ini ialah manambah efek dengan dua value tadi.

setiap value dipisakan dengan,(koma) dan maksud dari kedua value ini ialah manambah efek dengan dua value tadi. PERTEMUAN 6 .classshadow font-family: color:#333333; text-shadow: 1px 2px 3px blue; 1px adalah tebal bayangan secara horisontal, kekanan untuk nilai (+) dan kekiri untuk nilai (-), misal -1px; 2px adalah

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 4 Cascading Style Sheets Tujuan: Mahasiswa mengenal komponen CSS sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan

Lebih terperinci

Membuat situs sederhana dengan Dreamweaver *)

Membuat situs sederhana dengan Dreamweaver *) Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan

Lebih terperinci

Bab 9 Menggunakan Tabel

Bab 9 Menggunakan Tabel Bab 9 Menggunakan Tabel Webmaster Pro Front Page XP Daftar Isi Bab 9 1 Membuat sebuah tabel...284 1.1 Cara pertama membuat tabel... 284 1.2 Cara kedua membuat tabel... 286 1.3 Cara ketiga membuat tabel...

Lebih terperinci

MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto

MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto 1. Mengatur Tataletak Paragraf (Alignment) Salah satu format paragraf yang sering digunakan adalah tata letak paragraf (paragraph alignment).

Lebih terperinci

MODUL 5 MACROMEDIA FIREWORKS

MODUL 5 MACROMEDIA FIREWORKS MODUL 5 MACROMEDIA FIREWORKS Tujuan : 1. Memahami penggunaan Fireworks dalam mendesign suatu web. 2. Memahami pembuatan tombol dalam Fireworks. 3. Memahami langkah-langkah pembuatan Fireworks dari awal.

Lebih terperinci

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia TIK CERDA S Adobe Photoshop MODUL ADOBE PHOTOSHOP Surabaya, Indonesia Memulai adobe photoshop cs 4 1. Klik menu file new 2. Atur ukuran dokumen sesuai kebutuhan, setelah itu klik ok 3. Mengenal elemen

Lebih terperinci

LAPORAN RESMI Layout

LAPORAN RESMI Layout LAPORAN RESMI Layout Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI

Lebih terperinci

INGIN MENINGKATKAN BISNIS ANDA?

INGIN MENINGKATKAN BISNIS ANDA? INGIN MENINGKATKAN BISNIS ANDA? Talk Fusion dapat mengubah Pengunjung Situs web Anda menjadi Pelanggan yang menghasilkan pendapatan. Penangkapan lebih banyak peluang bisnis dengan formulir Berlangganan

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan XML? Keuntungan XML Perbedaan XML dan HTML Contoh sederhana dokumen XML Struktur

Lebih terperinci

Berikut akan diberikan contoh program HTML yang sederhana :

Berikut akan diberikan contoh program HTML yang sederhana : 1. Struktur Dokumen Syarat perlu mempelajari suatu bahasa pemrograman adalah mengetahui Strukturnya. Program/dokumen HTML terdiri dari Kepala Program/Dokumen dan Badan Program/Dokumen dengan bentuk sbb

Lebih terperinci

MENGGUNAKAN TABEL. 6.1 Pendahuluan

MENGGUNAKAN TABEL. 6.1 Pendahuluan Menggunakan Tabel 39 10 6 MENGGUNAKAN TABEL Tujuan Pembelajaran : Dapat membuat dan menampilkan informasi yang berbentuk tabel pada sebuah halaman web. Bisa memformat tabel dalam berbagai bentuk. Bisa

Lebih terperinci

MODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML

MODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML MODUL 1 DASAR-DASAR HTML & FORMAT PADA DOKUMEN HTML Tujuan Instruksional Umum : Agar mahasiswa dapat mengenal dan memahami tag-tag dasar HTML dan Format penulisan pada dokumen HTML Tujuan Instruksional

Lebih terperinci

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata

Dasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata Dasar Pemrograman Web 2 Pemrograman Web Adam Hendra Brata Teknologi Client Server Konsep Dasar Desain Web Teknologi Client Server Arsitektur Client Server Model komunikasi yang terdiri server sebagai pemberi

Lebih terperinci

BAB III PEMBAHASAN 3.1 Struktur Navigasi Website

BAB III PEMBAHASAN 3.1 Struktur Navigasi Website BAB III PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun website Budaya Nusantara yang menampilkan pakaian dan rumah adat propinsi-propinsi di Indonesia dengan menggunakan Macromedia

Lebih terperinci

Cara Membuat Website Dengan Dreamweaver 8

Cara Membuat Website Dengan Dreamweaver 8 Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah

Lebih terperinci

BAB IV ATRIBUT OUTPUT PRIMITIF

BAB IV ATRIBUT OUTPUT PRIMITIF BAB IV ATRIBUT OUTPUT PRIMITIF OBJEKTIF : Pada Bab ini mahasiswa mempelajari tentang : 1. Fungsi Warna 2. Fungsi dan Atribut Titik 3. Fungsi dan Atribut Garis 4. Fungsi dan Atribut Kurva TUJUAN DAN SASARAN:

Lebih terperinci