Animasi Dengan CSS3. Mahasiswa memahami konsep dasar animasi CSS3 Mahasiswa memahami konsep transisi Mahasiswa memahami konsep transformasi
|
|
- Utami Hermanto
- 7 tahun lalu
- Tontonan:
Transkripsi
1 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 menggunakan beberapa fitur baru di CSS3 untuk membuat rounded corner, gradient, dan juga drop shadow yang semula hanya bisa dilakukan dengan menggunakan gambar. Pada bagian ini, kita akan mempelajari tentang animasi dan efek-efek kreatif yang semula hanya bisa dilakukan dengan Flash atau Javascript. Pada bagian awal akan dibahas tentang transisi menggunakan CSS, misalnya untuk membuat animasi yang secara perlahan memudar. Selanjutnya akan dibahas tentang transisi untuk merubah posisi obyek, merubah ukuran, memutar atau menggeser obyek. Transisi CSS Pada saat kita ingin memberikan efek pada sebuah link, semula dengan menggunakan CSS, kita hanya bisa melakukannya dengan cara merubah warna link pada saat mouse berada di atasnya, misalnya berubah menjadi kuning, saat mouse bergeser, maka warna akan kembali seperti semula. Dengan efek transisi dari CSS 3, kita bisa membuat perubahan beberapa warna sekaligus saat mouse berada di atas link. Misalnya saat mouse berada di atas link, secara perlahan warnanya akan berganti-ganti, mulai dari biru, kuning, orange, dan warna lain yang bergantian secara perlahan. Itulah salah satu gambaran aplikasi transisi pada CSS 3. Transisi melalui CSS sebenarnya dikembangkan oleh tem Webkit untuk browser Opera dan saat ini tim tersebut ikut bergabung dalam menyelesaikan Working Draft untuk W3C. Saat ini baru browser versi terbaru yang mendukung transisi ini. Browser yang tidak mendukung sama sekali adalah Internet Explorer 9 dan versi-versi sebelumnya, Firefox 3.6 dan versi dibawahnya, dan Opera 10.1 dan versi-versi sebelumnya. Untuk menerapkan transisi CSS, ada beberapa hal yang perlu diperhatikan, yang kaitanya dengan property CSS yang digunakan, yaitu: Property CSS yang mana yang akan dirubah (transition-property) Berapa lama durasinya (transition-duration) Perilaku transisi seperti apa (transition-timing-function) Apakah perlu berhenti sebentar sebelum transisi dimulai (transition-delay) Selain itu, dibutuhkan semacam trigger misalnya :hover, :focus atau :active merupakan digunakan untuk memicu terjadinya transisi. untuk beberapa memicu transisi, pilihan yang biasa
2 Contoh penulisannya seperti berikut ini: a.smooth{ transition-property: background-color; transition-duration: 0.3 s; transition-timing-function: ease-in-out; } Mengaplikasikan Multiple Transisi Transisi tidak hanya bisa dilakukan pada satu property seperti pada contoh sebelumnya. Akan tetapi transisi juga bisa dilakukan pada beberapa property. Caranya adalah dengan memisahkannya dengan tanda koma, misalnya seperti contoh di bawah ini: a.smooth { } transition-property: background-color, color, letter-spacing; transition-duration: 0.3s, 2s, 0.3s; transition-timing-function: ease-out, ease-in, ease-out; Durasi untuk tiap property sesuai dengan urutan pada transition-duration, misalnya untuk warna teks, maka durasinya 2s atau dua detik dan menggunakan ease-in pada transition-timing-function. Transformasi CSS Transformasi pada CSS3 memungkinkan anda untuk memutar, memindah, merubah ukuran atau memiringkan elemen HTML baik dalam ruang 2 dimensi atau 3 dimensi. Pada praktikum ini hanya fokus pada ruang 2 dimensi. Transformasi didukung hampir semua browser terbaru kecuali pada versi-versi lama seperti IE8 kebawah, Firefox 3 ke bawah, dan Opera 10.1 kebawah. Gambar berikut menunjukan 4 tipe transisi untuk 2 dimensi.
3 Saat sebuah elemen mengalami transformasi, sebenarnya box elementnya tetap berada di posisi semula. Sehingga, saat anda memutar sebuah element, maka sebenarnya yang digerakkan adalah gambarnya saja. Gambar tersebut tidak akan berpengaruh terhadap layout di sekitarnya. Rotate Untuk memutar elemen, anda bisa menuliskan transform: rotate(sudutnya). Contohnya seperti di bawah ini: img { } width: 300px; height: 400px; transform: rotate(-10deg); Pada contoh di atas, obyek akan berputar pada titik tengahnya dengan sudut 10 derajat. Anda juga bisa merubah titik pusat perputarannya. Translate Translate merupakan cara transformasi dengan memindah lokasi dari elemen tersebut. Perpindahan ini mengacu pada sumbu x dan sumbu y. Contoh property yang bisa digunakan untuk translasi adalah: transform: transform: translatex(50px); translatey(25px); transform: translate(50px, 25px); Contoh aplikasinya seperti pada gambar di bawah ini: Scale Scale merupakan salah satu transformasi dengan merubah ukuran elemen, baik memperbesar atau memperkecil ukurannya. Perubahan ukuran ini mengacu pada sumbu X dan sumbu Y. Berikut ini contoh penulisan untuk merubah ukuran 150%.
4 a img { } transform: scalex(1.5); Penulisan untuk sumbu x dan y sekaligus, bisa dituliskan seperti contoh di bawah ini: a img { } transform: scale(2,.5); Pada contoh diatas, ukuran akan berubah lebarnya 2 kali lipat dan dan setengah dari tinggi seharusnya. Contoh penerapannya seperti di bawah ini: Skew Skew merupakan transformasi untuk memiringkan obyek dengan patokan sumbu x dan sumbu y yakni dengan merubah sudut baik horizontal atau vertikal. Berikut ini beberapa contoh penulisan skew a img { transform: skewx(15deg); } a img { transform: skewy(30deg); } a img { transform: skew(15deg, 30deg); } Hasil dari kode diatas dapat dilihat pada gambar berikut
5 Menggunakan Keyframe Untuk membuat animasi yang biasa dilakukan dengan Flash, dan Javascript, kita bisa menggunakan aturan keyframe yang ada pada CSS3. Aturan keyframe yang merupakan awal dimana animasi CSS dimulai. Anda tinggal menentukan style dan animasi akan berjalan mulai perubahan style awal hingga akhir. Saat penulisan modul ini, Internet Explorer belum Untuk Firefox membutuhkan prefix moz-, chrome dan safari membutuhkan prefix webkit- dan opera membutuhkan prefix o-. Langkah pertama yang perlu dilakukan adalah mendefinisikan animasi yang akan dibuat, contohnya seperti di bawah ini. Pada contoh di atas, kita mendefenisikan sebuah animasi dengan nama myfirst. Selanjutnya kita perlu menentukan animasi ini akan diterapkan dimana, misalnya pada sebuah selector <div>. Apabila kita tidak menentukannya, maka animasi tidak akan bisa berjalan.
6 Saat kita menempelkan animasi kita pada sebuah selector, setidaknya kita perlu menentukan 2 property animasi, yaitu: tentukan nama animasi tentukan durasi animasi. Berdasarkan contoh di atas, kita bisa menuliskannya seperti di bawah ini: Karena kita telah menggunakan myfirst sebagai nama animasi yang dibuat, maka nama tersebut harus dituliskan apabila kita ingin menggunakannya. Selain itu juga perlu dituliskan durasi berapa lama animasi akan berjalan. Apabila durasi tidak dituliskan, maka animasi tidak akan berjalan, karena secara default nilainya adalah 0. Menggunakan Porsentase Untuk Pergantian State Animasi Animasi pada CSS merupakan sebuah efek yang memungkinkan elemen secara perlahan berubah dari satu style ke style yang lain. Anda bisa merubah sebanyak mungkin style yang anda inginkan dan berapa kali anda menginginkannya. Penentuan pergantian bisa dilakukan dengan menggunakan porsentase. Porsentase ini sebenarnya sama dengan from dan to, yakni from berarti 0% dan to berarti 100%. Perbedaanya, kita bisa menuliskan nilai diantara 0% - 100%, misalnya saat mencapai 50%, kita bisa melakukan perubahan efek yang lain. Berikut ini contoh penggunaannya
7 Pada contoh diatas, perubahan dilakukan saat berada pada 0%, 25%, 50% dan 100%. Untuk memastikan dukungan browser, anda harus menuliskan posisi 0% dan 100%. Berikut ini property lengkap dari animasi CSS 3 animation animation-name animation-duration animation-timing-function Deskripsi Menentukan animasi Merupakan penulisan singkat dari semua property animasi, kecuali animation-play-state-property Nama Menentukan berapa detik atau mili detik animasi akan berjalan Bagaimana animasi akan berjalan menyelesaikan satu cycle. Defaulenya adalah ease animation-delay Menentukan kapan animasi akan dimulai, defaultnya adalah 0 animation-iteration-count animation-direction Menentukan jumlah berapa kali animasi akan berjalan saat selesai satu cycle Menentukan apakah animasi akan dimainkan secara normal atau sebaliknya. Nilai defaultnya adalah normal animation-play-state Menentukan apakah animasi dimainkan atau dihentikan sementara (pause). Nilai defaultnya adalh running Langkah Kerja Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan yang ada pada praktikum ini 1. Buatlah folder baru bernama Praktikum13 dan pastikan anda menyimpan semua file percobaan di praktikum ini pada folder tersebut 2. Buat folder css dan images dan masukkan bahan gambar yang telah disediakan 3. Simpan semua file gambar yang diperlukan pada file images 4. Buka teks editor pilihan anda 5. Ketikkan semua kode yang ada pada tiap percobaan 6. Setiap kali anda menyelesaikan satu percobaan, simpan dengan nama file sesuai nomor percobaan dengan ekstensi.html 7. Apabila anda menggunakan notepad, pastikan anda merubah pilihan tipe file pada Save as Type menjadi All Files. Apabila anda menggunakan notepad++, pada pilihan tipe file, pilih yang bertipe HTML 8. Pada tiap percobaan, secara perlahan geser tepian browser untuk merubah ukuran lebar layar browser anda dan perhatikan perubahan tampilan. Analisa hasilnya
8 Hasil Percobaan Percobaan 1: Transisi Dasar Percobaan pertama, mencoba menggunakan dasar transisi yaitu menggunakan transisi decoration dan transisi properti. Fungsi transisi dapat digunakan untuk membuat suatu perpindahan dalam bentuk animasi. Dan hover digunakan untuk trigger perpindahan Percobaan 2: Transisi Spesifik untuk browser tertentu Percobaan 2a Percobaan kedua, mencoba menggunakan dasar transisi yaitu menggunakan transisi decoration dan transisi properti. Fungsi transisi dapat digunakan untuk membuat suatu perpindahan dalam bentuk animasi. Dan hover digunakan untuk trigger perpindahan. Namun perpindahan ukuran dan lama transisi lebih diperhatikan.
9 Analisa 2b: Percobaan kedua b, hanya terfokus pada penggunaan style hover. Percobaan 3: Merubah Lebih dari satu property Pada percobaan 3 membuat peangaturan transisi proberti lebih banyak dan menggunakan timing function untuk mengatur. Dan hasilnya transisi objek dapat diatur durasinya dan perpindahan keluar dan kedalamnya.
10 Percobaan 4: Translasi untuk semua browser Letakkan mouse pada obyek yang ada pada browser saat kode berikut ini dijalankan. Jalankan pada browser Firefox, Opera, Chrome dan Internet Explorer. Analisa hasilnya dan bandingkan hasilnya dengan percobaan sebelumnya. Percobaan empat, hamper sama dengan percobaan tiga. Namun pada percobaan ini kita mencoba membukanya pada berbagai browser. Dan ternyata dapat ditampilkan dengan hasil yang sama.
11 Percobaan 4: Rotate Coba jalankan pada Opera, Firefox, Chrome, dan IE. Analisa hasilnya Percobaan kali ini mencoba merotate onjek tulisan dengan menggunakan transform rotate.
12 Percobaan 5: Multiple Rotate Membuat transform rotate 2 bojek. Yang satu objek background warna. Yang satunya berupa gambar. Namun tetap berada dalam satu div, namun beda class. Percobaan 6: Merubah Titik sumbu putaran Jalankan kode berikut pada browser anda, selanjutnya pada transform origin, rubah nilainya secara bergantian dengan nilai nilai berikut: left bottom 50% 0% 150px 50px Setiap merubah nilainya, jalankan pada browser dan perhatikan perbedaannya. Analisa hasilnya
13 Penggunaan transform origin akan mempengaruhi posisi rotate gambar.
14
15 Percobaan 7: Translasi Arahkan mouse anda pada gambar dan lihat perubahannya Translasi akan mempengaruhi perpindahan atau pergerakan gambar ketika mouse atau pointer diarahkan pada gambar. Transform-translate
16 Percobaan 8 : Scale Jalankan hasil dari kode program dibawah ini, kemudian letakkan kursor di atas gambar. Lihat hasilnya. Selanjutnya, pada moz transition: moz transform 2s; pindahkan kode tersebut dari.produk ke.produk:hover. Sehingga kode tersebut hilang pada bagian.produk. Jalankan pada browser, dan analisa hasilnya moz transition: moz transform 2s, digunakan untuk mengatur transform objek. Dan ketika dipindahkan pada.produk hover maka objek akan terlihat sensitive berubah ketika terkena pointer.
17
18 Percobaan 9: Skew Skew berfungsi untuk mentransform objek seperti terbang. Tergantung ukuran derajat yang kita inginkan.
19 Percobaan 10: Menerapkan Multiple Transfer Multi transform akan merubah objek berputas, sesuai ukuran yang kita inginkan
20 Tugas Buatlah halaman galeri foto dengan menggunakan HTML dan CSS. Saat foto di klik, maka foto akan berputar perlahan dan di zoom. Foto tidak harus disusun sejajar, foto bisa disusun secara berserakan. Sebagai contoh seperti gambar di bawah ini: Tugas kali ini yang perlu diperhatikan yaitu bagaimana cara memunculkan objek tang tertumpuk dibelakang dapat muncul kedepan jika terkena mouse. Dalam hhal ini yang perlu doperhatikan yaitu diberi z-index dengan ukuran yang berbedabeda agar gambar yang tertumpuk dapat keluar.
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 terperinciObjek Bergoyang CSS3
Objek Bergoyang CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Gak terasa nih udah mulai banyak yang mudik... Di sela-sela waktu masih aja nih saya update tutorial buat temen-temen jagocoding sekalian...
Lebih terperinciTeks 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
Lebih terperinciMemanfaatkan CSS Animasi dan Transisi [Part 1]
Memanfaatkan CSS Animasi dan Transisi [Part 1] Oleh: Christian Rosandhy Transition dan Animation itu adalah salah satu perintah wajib di dunia CSS3 sekarang untuk menghasilkan web yang lebih unik. Di part
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciTUGAS PRAKTIKUM 9. Nama : Surya Wahyusantoso NRP : Percobaan 1 Mengatur tampilan tipe list. Analisa :
TUGAS PRAKTIKUM 9 Nama : Surya Wahyusantoso NRP : 2103157024 1. Percobaan 1 Mengatur tampilan tipe list Gambar di atas Menggunakan Value lower-roman dari property CSS list-style-type membuat tampilan bullet
Lebih terperinci: Choirul Anam : D3 CC PJJ/Teknik Informatika. No NRP : Percobaan 1 Mengatur tampilan tipe list. Kode : Hasil :
Nama : Choirul Anam Kelas : D3 CC PJJ/Teknik Informatika No NRP : 2103157012 Percobaan 1 Mengatur tampilan tipe list Kode : Hasil : Analisa : Value lower-roman dari property CSS list-style-type membuat
Lebih terperinciBAB 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
Lebih terperinciDasar Dasar Transisi Di CSS3
Dasar Dasar Transisi Di CSS3 Oleh: Irvansyah Jumpa lagi ne sama sobat JagoCoding, tutor saya hari ne tentang transisi di CSS3.. Mungkin diantara teman2 pasti ada yang udah tahu tapi masih bingung ataupun
Lebih terperinciHTML Scripting Desain Visual dan Tata Letak dengan CSS 3
Tujuan : Memahami dan dapat menggunakan konsep CSS3 Memahami dan dapat mengetahui kelebihan maupun kekurangan CSS 3 Menerapkan CSS 3 dengan fitur lainnya 8.1 CSS 3 CSS3 adalah standar untuk CSS yang paling
Lebih terperinciLAPORAN RESMI. Image dan Link. Dosen Pembimbing : Dwi Susanto,ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Image dan Link Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA
Lebih terperinciHover Putar CSS3. Oleh: Mohammad Nur Huda
Hover Putar CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Haha... Sebenarnya ini adalah tulisan pertama saya pada situs berbagi ilmu ini :-). Pada kali ini kita akan membuat efek hover memutarkan objek
Lebih terperinciTable, 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 terperinciDasar Dasar TRANFORMASI 2D DI CSS3
Dasar Dasar TRANFORMASI 2D DI CSS3 Oleh: Irvansyah Jumpa Lagi dengan sobat jaco,.. udah gak sabar ne mau share lgi bareng tman2 jaco.. Halaman postingan saya kali ini membahas tentang transform 2D di css.
Lebih terperinciCSS BOXES. Langkah Kerja. Percobaan
Tugas : Percobaan Praktikum 8 Materi : CSS Boxes Nama : Dwi Setiya Ningsih NRP : 2103157025 Langkah Kerja CSS BOXES Berikut ini langkah kerja yang perlu anda lakukan selama menyelesaikan semua percobaan
Lebih terperinciLAPORAN RESMI. Flash, Audio dan Video. Dosen Pembimbing : Dwi SusantoS. ST, MT. Oleh Hamidah Nur Hidayati
LAPORAN RESMI Flash, Audio dan Video Dosen Pembimbing : Dwi SusantoS. ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinciLAYOUT. 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 terperinciPENGENALAN MACROMEDIA FLASH 8
Macromedia FLASH (LULY) 1 MODUL-1 PENGENALAN MACROMEDIA FLASH 8 Pada modul pertama ini kita akan melihat secara sekilas area kerja Macromedia Flash Pro 8 yang akan digunakan dalam pembuatan animasi pada
Lebih terperinciDASAR-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
Lebih terperinciPengenalan JavaScript
Pengenalan JavaScript Tujuan - Mahasiswa memahami konsep dasar Javascript - Mahasiswa mampu memahami cara menggunakan Javascript - Mahasiswa mampu memahami dasar variabel di Javascript - Mahasiswa mampu
Lebih terperinciLAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO
LAPORAN PRAKTIKUM 2 FLASH, VIDEO DAN AUDIO OLEH : LUTHFI HDIAYAT (4103131035) http://luthfihidayat.mb.student.pens.ac.id/ TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA 2015 Praktikum
Lebih terperinciSIMPLE 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 terperinciMembuat 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
Lebih terperinciSanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan
Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau
Lebih terperinciPercobaan 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 terperinci7 Cara Mempercantik Tampilan Blog
7 Cara Mempercantik Tampilan Blog Primo Riveral primo@raharja.info Abstrak Memiliki blog dengan tampilan keren dan enak dilihat tentu pasti menjadi kembanggaan tersendiri untuk seorang yang menggemari
Lebih terperinciCSS. 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 terperinciC. Ms Powerpoint D. Notepad E. Ms Acces
1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:
Lebih terperinci{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
Lebih terperinciImage Slider 3D. Oleh: Anthonius
Image Slider 3D Oleh: Anthonius Kali ini saya akan berbagi cara membuat image slider dengan tampilan 3D. Cara ini sangat efisien karena hanya menggunakan sedikit script. Untuk CSS nya agan bisa copy langsung
Lebih terperinciProposal Penelitian. Setelah mempelajari bagian ini, diharapkan dapat: Proposal Penelitian
Setelah mempelajari bagian ini, diharapkan dapat: 1. Membuat animasi dengan Adobe Flash 2. Merancang struktur navigasi pembelajar 3. Membuat presantasi berbasis multimedia berdasarkan frame 43. Membuat
Lebih terperinciModul Praktikum Dasar Broadcasting
Modul Praktikum Dasar Broadcasting Adobe Premiere Pro CS3 Adobe Premiere adalah aplikasi editing video yang sesuai dengan standar penyiaran. Hadirnya modul ini diharapkan dapat memberikan panduan dasar
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinciPRAKTIKUM 3 Pengenalan CSS
Tujuan: - - - PRAKTIKUM 3 Pengenalan CSS Mahasiswa mampu memahami konsep dasar CSS Mahasiswa mampu memahami struktur dasar syntax CSS Mahasiswa mampu memahami penerapan warna pada CSS Dasar Teori CSS merupakan
Lebih terperinciLatihan Animasi Flash
Latihan Animasi Flash Dalam latihan kali ini kita akan membuat animasi Flash pergerakan objek mobil dengan metode tweening motion yang disertai dengan action script untuk mengendalikan animasi. Berikut
Lebih terperinciLAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI 4103131060 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciCara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Lebih terperinciCara 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
Lebih terperinciContoh 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 terperinciMODUL #1 Membuat Kartu Nama dengan Adobe Illustrator CS2
MODUL #1 Membuat Kartu Nama dengan Adobe Illustrator CS2 A. Tujuan Mengenal fasilitas dasar Adobe Illustrator CS2 dan menerapkannya dalam pembuatan kartu nama. B. Langkah-langkah/ Contoh kasus 1. Kartu
Lebih terperinciPercobaan 1 : Mengatur Width Dan Height Hasil :
Percobaan 1 : Mengatur Width Dan Height Analisa : Terlihat di atas kalau width dan height dari tag dan berbeda sesuai value yang telah diinputkan yang bias dibedakan dengan background-color
Lebih terperinciKomunikasi 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
Lebih terperinciHTML Uncover. Duniailkom Duniailkom
HTML Uncover Duniailkom 2015 Duniailkom Contents 1. Berkenalan Dengan HTML (Contoh Bab 1)....................... 1 1.1 Pengertian HTML................................... 1 1.2 Fungsi HTML.....................................
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Flash Audio Video
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Flash Audio Video Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciMemahami CSS Selector - Bagian 1
Memahami CSS Selector - Bagian Hendriono Kamis, Agustus 02, 202 (X)HTML, CSS 8 komentar Bismillah. Alhamdulillah. Perkembangan bahasa markup Cascading Style Sheet (CSS) cukuplah pesat dan ini membuat tampilan
Lebih terperinciCara 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 terperinciMemanfaatkan CSS Animasi [Part 2]
Memanfaatkan CSS Animasi [Part 2] Oleh: Christian Rosandhy Ini adalah tutorial lanjutan dari Part 1,, Kali ini kita akan belajar menggunakan CSS 3 Animation untuk membuat animasi yang jauh lebih dinamis
Lebih terperinciPaket Aplikasi : Microsoft Office Power Point
P11 & 12 Paket Aplikasi : Microsoft Office Power Point 11.1. TUJUAN Mahasiswa memahami dan terampil menggunakan paket aplikasi presentasi. 11.2. PEMBAHASAN Membuka aplikasi Microsoft Office Power Point
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
Lebih terperinciLAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT
LAPORAN RESMI PRAKTIKUM II WEB DESAIN PENGENALAN JAVASCRIPT Di susun oleh : Galuh Meidaluna 4103141023 Dosen : Dwi Susanto ST. MT TEKNOLOGI MULTIMEDIA BROADCASTING POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciModul Praktikum Ms. Office Power Point
Modul Praktikum Ms. Power Point 2009/10 2 I. Pengenalan PowerPoint Microsoft Power Point adalah aplikasi yang memungkinkan kita untuk dapat merancang dan membuat presentasi secara mudah, cepat, serta dengan
Lebih terperinciMembuat Layout Desain Awal dengan Photoshop
2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height
Lebih terperinciPENGENALAN HTML - 3. Gambar 1. Layer Toolbar
PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer
Lebih terperinciXHTML 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
Lebih terperinciGir UP. Materi. Menyiapkan New Composition
Gir UP Materi Pengimporan file Composition-Cropped Layer Penggunaan layer PSD Penduplikatan layer Penggunaan animasi full transform, sebagai basic animasi Menggrup layer Pre-Compose Menyiapkan New Composition
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
Lebih terperinciDESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta
DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta Standar Kompetensi : Menggunakan perangkat lunak pembuat grafis. Kompetensi Dasar : Membuat grafis dengan berbagai
Lebih terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih terperinciLAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Pengenalan JavaScript Dosen Pembimbing : Dwi Susanto Oleh : Noer Rhiannah A (4103131052) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA
Lebih terperinciTUTORIAL CSS FRAMEWORK
11/13/2014 TUTORIAL CSS FRAMEWORK NAMA : DUWI PARYANTO NIM : 12141367 MATA KULIAH : PEMROGRAMAN WEB STATIS DOSEN : WAHYU WIDODO CSS FRAMEWORK FONT AWESOME A. Pengertian Framework Sebelum mempelajari bagaimana
Lebih terperinciArea 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 terperinciEfek Mengambang CSS3
Efek Mengambang CSS3 Oleh: Mohammad Nur Huda Assallamualaikum... Masih bersama saya Mazhuda, sambil ngangur nih di kampung kelahiran... :-) Dari pada gak ngapain-ngapain mending kita sharing ilmu aja di
Lebih terperinciTriswansyah 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 terperinciLAPORAN PRAKTIKUM 4 PENGENALAN CSS
LAPORAN PRAKTIKUM 4 PENGENALAN CSS Dosen Pembimbing : Dwi Susanto S.ST, MT Oleh : Noer Rhiannah A ( 4103131052 ) PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinciPERTEMUAN IV MEMBUAT JUDUL (TITLE)
PERTEMUAN IV MEMBUAT JUDUL (TITLE) Tujuan Praktikum: 1. Mahasiswa mampu menyisipkan/menambahkan Judul (Title) pada clip video; 2. Mahasiswa mampu mengubah/edit Judul (Title) pada clip video dengan berbagai
Lebih terperinciLAPORAN RESMI. Boxes
LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
Lebih terperinciHandout 2 Banner dan Logo
1 I. Pendahuluan Banner dan Logo adalah dua cara untuk mempromosikan website. Banner dapat di-exchange artinya dipertukarkan dengan website lain yang bersedia menempatkan banner website kita. Kali ini
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciCSS 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 terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciBELAJAR HTML Hyper Text Markup Language
www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2
Lebih terperinciSpesifikasi: Ukuran: 14x21 cm Tebal: 165hlm Harga: Rp Terbit pertama: Agustus 2004 Sinopsis singkat:
Spesifikasi: Ukuran: 14x21 cm Tebal: 165hlm Harga: Rp 27.800 Terbit pertama: Agustus 2004 Sinopsis singkat: Buku dapat dijadikan panduan yang memadai untuk menggunakan VideoStudio yang saat ini telah mencapai
Lebih terperinciBROWSING DAN DOWNLOAD
BROWSING DAN DOWNLOAD A. Pengertian Browsing dan Download Browsing adalah mencari artikel/situs/gambar/audio/video/software dan lain-lain dalam internet. Sedangkan download adalah mengambil/menyimpan artikel/situs/gambar/audio/video/software
Lebih terperinci6. 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
Lebih terperinciDAFTAR 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 terperinciPertemuan V. Semester 1
Frames dan iframes ++ Video dan Audio Pertemuan V Pemrograman Web Dasar Semester 1 Frame HTML Frame digunakan untuk menampilkan banyak dokumen html lainnya dalam satu halaman browser pada saat yang sama.
Lebih terperinciPersiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\
CSS & CSS Framework CSS Cascading Style Sheets (CSS) adalah sebuah bahasa yang digunakan untuk menampilkan style dari sebuah dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Persiapan
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciBAB V MICROSOFT POWERPOINT
BAB V MICROSOFT POWERPOINT V Microsoft Power-Point 5.1. Sekilas Tentang Microsoft PowerPoint Microsoft Powerpoint adalah program aplikasi yang banyak digunakan untuk membantu mempresentasikan materi atau
Lebih terperinciMahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML
Pengenalan JavaScript Standar Kompetensi Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML Indikator Hasil
Lebih terperinciBAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika
BAHAN PRAKTIKUM FLASH Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika Bahan praktikum ini berisi latihan penunjang untuk matakuliah pengembangan media pembelajaran matematika. Berisi
Lebih terperinciPERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage
PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site
Lebih terperinci: 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 terperinciHeader-Footer, Preview dan Cetak Dokumen
Header-Footer, Preview dan Cetak Dokumen BAB 4 Pada Bab ini anda akan mempelajari cara: Membuat header dan footer Membuat nomor halaman pada header Menambahkan informasi pada footer Mengatur ukuran halaman
Lebih terperinciMembuat Display Produk dalam Layout Box 4 Kolom
Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana
Lebih terperinciModul 10: Mengolah Video dengan Adobe Premiere Pro
Modul 10: Mengolah Video dengan Adobe Premiere Pro A. Tujuan: Mahasiswa mampu melakukan proses editing, pemberian efek transisi, dan memproduksi file video dengan menggunakan Premiere Pro. B. Langkah Dasar
Lebih terperinciBab 4. Penggunaan Efek Pada Teks
Bab 4. Penggunaan Efek Pada Teks Sebagai salah satu aplikasi pembuat animasi yang handal, Adobe Flash CS4 menyediakan berbagai macam efek yang dapat Anda gunakan untuk mempercantik penulisan suatu teks,
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciTAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
Lebih terperinciMateri 1. Selamat Datang Di Frontpage 2000
Materi 1 Selamat Datang Di Frontpage 2000 By Sugeng Wibowo noidentresponse@yahoo.com MEMBUAT WEB SEDERHANA DENGAN MICROSOFT FRONTPAGE 2000 1. Pendahuluan Sebelum kita membuka program Microsoft Frontpage
Lebih terperinciCSS 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
Lebih terperinciPEMROGRAMAN WEB 1 CSS
PEMROGRAMAN WEB 1 CSS RIO ANDRIYAT KRISDIAWAN, M.KOM Definisi CSS CSS adalah kepanjangan dari Cascading Style Sheet dan digunakan para web designer untuk mengatur style elemen yang ada didalam halaman
Lebih terperinciModul 1 PENGENALAN ADOBE FLASH
Modul 1 PENGENALAN ADOBE FLASH INDIKATOR PENCAPAIAN HASIL BELAJAR Peserta dapat memahami fungsi bagian-bagian dalam tampilan Adobe Flash. Peserta dapat membuat bentuk dasar (shape) mengunakan Adobe Flash.
Lebih terperinciEditing Video Menggunakan Adobe Premiere Pro
Editing Video Menggunakan Adobe Premiere Pro Winastwan Gora S. redaksi@belajarsendiri.com BAB IX. MEMBUAT TITLE Lisensi Dokumen : Hak Cipta 2006 BelajarSendiri.Com Seluruh dokumen ini dapat digunakan,
Lebih terperinciMembangun 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 terperinciMODUL 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
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB
MODUL PRAKTIKUM PEMROGRAMAN WEB Pengenalan PHP, HTML, CSS dan Javascript LABORATORIUM KOMPUTER UNIVERSITAS UBUDIYAH INDOENSIA MODUL PRAKTIKUM PEMROGRAMAN WEB 1. Review HTML 5 part 1 (Basic Attribute +
Lebih terperinciMengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3
Bab II: Mengelola Bagian Website Sekolah Utama Mengelola bagian utama Website Sekolah dibagi menjadi 3 kategori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Lebih terperinciLATIHAN OPTIMASI GAMBAR TRAINING PRESENTASI MEMUKAU
LATIHAN OPTIMASI GAMBAR TRAINING PRESENTASI MEMUKAU LATIHAN MENCARI GAMBAR DI GOOGLE 1. Buka browser dan ketik google.com atau google.co.id 2. Klik images 3. Masukkan kata kunci gambar yang Anda cari dan
Lebih terperinciMODUL VII MS POWERPOINT 2007 (TINGKAT LANJUT)
MODUL VII MS POWERPOINT 2007 (TINGKAT LANJUT) I. TUJUAN 1. Mahasiswa dapat menggunakan efek transisi slide 2. Mahasiswa dapat membuat efek animasi, sound, dan video presentasi. 3. Mahasiswa dapat membuat
Lebih terperinci