CARA MEMBUAT CSS DENGAN DREAMWEAVER

Ukuran: px
Mulai penontonan dengan halaman:

Download "CARA MEMBUAT CSS DENGAN DREAMWEAVER"

Transkripsi

1 CARA MEMBUAT CSS DENGAN DREAMWEAVER Dewi Wijayanti Abstrak Dreamweaver adalah sebuah perangkat lunak yang digunakan untuk membuat atau menyunting halaman web yang dinamis maupun statis. Editor ini mendukung semua bahasa pemrograman web seperti ASP, PHP, XML, JSP, JS, CSS dan lainya. Program ini banyak digunakan oleh para pengembang web karena fitur-fitur yang disediakan sangat membantu dan mudah untuk digunakan. Kunci : Dreamweaver Pendahuluan Dreamweaver pada awal kemunculanya diberi nama Macromedia Dreamweaver karena mulanya dikembangkan oleh sebuah perusahaan yang bernama Macromedia, sampai dengan versi 8 masih menggunakan nama yang sama. Setelah itu, sekitar tahun 2005 Macromedia Dreamweaver bersama dengan produk yang lainya seperti Macromedia Flash, Macromedia Firework dll dikembangkan oleh Adobe System dengan sedikit perubahan nama menjadi Adobe Macromedia CS (Creative Suite). Dimulai dari Macromedia CS 1 atau versi 9, sampai sekarang tahun 2012 sudah CS 6. Pembahasan Sekilas info sudah habis, sekarang info yang anda tunggu-tunggu yaitu bagaimana cara membuat css dengan dreamweaver.

2 Cara membuat css dengan dreamweaver sangat mudah, kita bisa gunakan beberapa cara dengan bantuan fitur yang tersedia dalam dreamweaver. cara yang termudah diantaranya adalah 1. Mengetikkan langsung kode css pada bagian layar code view (kalau sudah banyak hafal perintah dan atributnya cara ini recommended. Dengan cara ini kita akan dibantu dengan auto complete sehingga walaupun tidak sepenuhnya hafal tinggal memilih perintah yang sesuai. 2. Menambahkan css dengan menggunakan fitur tab css yang ada dikanan layar dreamweaver, lihat gambar dengan lingkaran merah.

3 Pada lingkaran merah ke 2, ada beberapa tombol kecil yang dapat digunakan untuk mengelola css. Klik gambar rantai jika anda ingin melampirkan file css yang sudah jadi, klik gambar yang ada tanda plus (+) untuk menambah css baru, gambar pensil untuk mengedit dan gambar tong sampah untuk menghapus. Untuk menambahkan css, kita harus menekan tombol +, nanti akan muncul seperti gambar berikut: Di layar tersebut kita diminta memilih jenis css yang akan dibuat. Pilihan pertama untuk membuat css class yang dapat digunakan oleh banyak objek/tag (silahkan nanti cari referensi tentang css class), pilihan kedua jika anda ingin menempelkan css pada tag html, dan pilihan ketiga untuk membuat ID khusus sesuai dengan nama objek yang

4 nanti dibuat. Trus ada pilihan define in, pilih yang pertama (New Style..) jika ingin cssnya tersimpan di file tersendiri, atau pilihan kedua This document only jika anda ingin cssnya diletakkan dalam bagian header (<head>) dokumen yang aktif. Saya akan pandu untuk membuat dengan pilihan selector type yang kedua yaitu tag. Kita akan coba menambahkan pada tag H1, dan This documen only Kemudian tekan oke, maka akan muncul tampilan seperti gambar berikut: Semua isian tidak harus diisi, jika tidak perlu boleh dibiarkan kosong. Karena contoh ini membuat css untuk tag H1 maka diantaranya yang diubah adalah jenis font, dan ukuran.

5 Jika anda ingin menambahkan yang lainya seperti kotak, warna latar, silahkan buka tab pilihan selanjutnya. Setelah semuanya selesai, tekan tombol ok. Hasil cssnya bisa anda lihat di bagian code view seperti berikut: Menambahkan css lewat page properties, ini standard penggunaan css di dreamweaver versi 8 sd CS 6. Pada saat kita mengubah pengaturan halaman melalui page properties dreamweaver otomatis menambahkan css pada halaman yang kita buat. Page Properties bisa dibuka dimenu Modify atau Tombol Page Properties pada bagian bar properties dibagia bawah layar. Lihat gambar :

6 Penutup Dreamweaver pada awal kemunculanya diberi nama Macromedia Dreamweaver karena mulanya dikembangkan oleh sebuah perusahaan yang bernama Macromedia, sampai dengan versi 8 masih menggunakan nama yang sama. Setelah itu, sekitar tahun 2005 Macromedia Dreamweaver bersama dengan produk yang lainya seperti Macromedia Flash, Macromedia Firework dll dikembangkan oleh Adobe System dengan sedikit perubahan nama menjadi Adobe Macromedia CS (Creative Suite). Referensi Biografi Nama Tempat Tanggal Lahir Hobi Dewi Wijayanti : Tangerang, 06-November-1993 : Menggambar : dewiwijayanti@raharja.info

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

PRAKTIKUM SISTEM INFORMASI MANAJEMEN MODUL V DREAMWEAVER 5.1 Tujuan Praktikum Setelah menyelesaikan modul ini, mahasiswa diharapkan mampu : 1. Mengenal komponen aplikasi Macromedia Dreamweaver 2. Membuat template website offline sederhana

Lebih terperinci

Cara Koneksi Database di Dreamweaver CS3

Cara Koneksi Database di Dreamweaver CS3 Cara Koneksi Database di Dreamweaver CS3 Bella Mutia Ropana bellamutiaropana@raharja.info Abstrak Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain

Lebih terperinci

MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB

MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Media Informatika Vol. 8 No. 2 (2009) MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Budi Maryanto Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung

Lebih terperinci

1.1 Apa Itu Dreamweaver 8?

1.1 Apa Itu Dreamweaver 8? Student Guide Series: Macromedia Dreamweaver 8 1.1 Apa Itu Dreamweaver 8? Macromedia Dreamweaver 8, atau biasa disebut Dreamweaver 8, adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat

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

Ruang Kerja DREAMWEAVER MX 2004 :

Ruang Kerja DREAMWEAVER MX 2004 : 1.1 Pengertian Macromedia Dreamweaver : merupakan sebuah HTML editor Profesional untuk mendesain secara visual dan mengelola situs web beserta halaman- web. 1.2 Spesifikasi PC untuk menjalankan DREAMWEAVER

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

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

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage

PERTEMUAN 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

Mengenal Dreamweaver MX 2004

Mengenal Dreamweaver MX 2004 Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver

Lebih terperinci

BAB 2 TINJAUAN TEORI

BAB 2 TINJAUAN TEORI BAB 2 TINJAUAN TEORI 2.1. Pengenalan HTML 2.1.1. Pendahuluan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML. Adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita

Lebih terperinci

Komunikasi Multimedia

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

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengenalan HTML 2.1.1 Pengertian Dokumen HTML HTML ( Hypertext Markup Language ) adalah suatu bahasa yang digunakan untuk menulis halaman web. HTML dirancang untuk digunakan tanpa

Lebih terperinci

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA. STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan

Lebih terperinci

Makmal 1: Perisian Adobe Dreamweaver CS3

Makmal 1: Perisian Adobe Dreamweaver CS3 Makmal 1: Perisian Adobe Dreamweaver CS3 Pengenalan kepada Adobe Dreamweaver CS3 1. Adobe Dreamweaver CS3 (ADCS3) adalah satu aplikasi pembangunan web. Dahulunya ADCS3 dikenali sebagai Macromedia Dreamweaver

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis

Lebih terperinci

Mengenal dan Mengedit HTML

Mengenal dan Mengedit HTML Mengenal dan Mengedit HTML 3.1 Pengertian HTML HTML (HyperText Markup Language) merupakan protocol yang digunakan untuk mentransfer data atau dokumen dari web server ke dalam browser. HTML juga digunakan

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

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk mencapai suatu

Lebih terperinci

Pengenalan Script. Definisi HTML

Pengenalan 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 terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Internet Internet merupakan suatu jaringan antar komputer yang saling dihubungkan. Media penghubung tersebut bisa melalui kabel, kanal satelit maupun frekuensi radio, sehingga

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,

Lebih terperinci

Bab 5. Cascading Style Sheet (CSS)

Bab 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 terperinci

Pemrograman Web Week 4. Team Teaching

Pemrograman Web Week 4. Team Teaching Pemrograman Web Week 4 Team Teaching Peran Masing-masing Bahasa HTML => Mengatur Struktur CSS => Mengatur tampilan JSS => Mengatur interaktifitas Penggunaan Javascript Sama seperti pada CSS, ada 3 cara

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1 Internet Bisa di maklumi jika sampai saat ini banyak orang yang masih belum juga mengerti apa sebenarnya makna dari istilah internet. Sesungguhnya memang tidak ada jawaban yang

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 4 BAB II LANDASAN TEORI 2.1. Sekilas Tentang Internet. Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada

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

Kata Pengantar. Penulis berharap buku ini dapat bermanfaat.

Kata Pengantar. Penulis berharap buku ini dapat bermanfaat. Kata Pengantar Macromedia Flash 8 adalah versi terbaru dari Flash. Sejak diakuisisi oleh Adobe, kemampuan dan fitur-fiturnya menjadi sangat dahsyat dan lengkap sehingga dapat digunakan untuk membuat berbagai

Lebih terperinci

BAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media

BAB II TINJAUAN PUSTAKA. Multimedia dapat diartikan sebagai penggunaan beberapa media BAB II TINJAUAN PUSTAKA 2.1 Multimedia Multimedia dapat diartikan sebagai penggunaan beberapa media untuk menggabungkan dan menyampaikan informasi dalam bentuk teks, audio, grafik, animasi, dan video.

Lebih terperinci

Modul 5 Macromedia Dreamweaver 8

Modul 5 Macromedia Dreamweaver 8 Tugas Pendahulan 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

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

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Aplikasi Berbasis Web Yang dimaksud dengan aplikasi web atau aplikasi berbasis web adalah aplikasi yang dijalankan melalui browser. Aplikasi seperti ini pertama kali dibangun hanya

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem

Lebih terperinci

Pemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman

Pemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman Pemrograman Web Cascading Style Sheets Created by : Rifqi Sambas Khairurrohman Home Page Anatomi CSS Macam Selector Cara Kerja Anatomi CSS CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector,

Lebih terperinci

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1 MACROMEDIA FLASH Macromedia flash/adobe Flash adalah perangkat lunak aplikasi untuk pembuatan animasi yang digunakan untuk halaman web. Macromedia flash mampu melengkapi website dengan beberapa macam animasi

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Sekilas Tentang Hewan Langka Hewan langka merupakan hewan yang sudah jarang ditemukan, dan keberadaannya hanya terdapat di tempat-tempat tertentu. Hewan langka adalah hewan yang

Lebih terperinci

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah Website :http://dahlan.unimal.ac.id

DESAIN WEB STATIS DAN HTML. Dahlan Abdullah   Website :http://dahlan.unimal.ac.id DESAIN WEB STATIS DAN HTML Dahlan Abdullah Email : dahlanrpl@yahoo.com Website :http://dahlan.unimal.ac.id HALAMAN WEB KONSEP DASAR DAN TEKNOLOGI WEB World Wide Web secara luas lebih dikenal dengan istilah

Lebih terperinci

Sistem Kendali Akta PPAT Panduan Pengguna

Sistem Kendali Akta PPAT Panduan Pengguna Sistem Kendali Akta PPAT Panduan Pengguna Kementerian Agraria dan Tata Ruang / Badan Pertanahan Nasional Kantor Pertanahan Kabupaten Bekasi Daftar Isi 2 Memulai Aplikasi 2 Login Aplikasi 2 Halaman Beranda

Lebih terperinci

DASAR-DASAR MACROMEDIA FLASH

DASAR-DASAR MACROMEDIA FLASH DASAR-DASAR MACROMEDIA FLASH Flash merupakan program grafis animasi yang diproduksi oleh Macromedia corp, yaitu sebuah vendor software yang bergerak di bidang animais web. Macromedia Flash pertama kali

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Pengertian Visualisasi Visualisasi adalah tampilan pada layar monitor baik dalam bentuk gambar yang bergerak ataupun tidak, serta dapat pula gambar yang disertai dengan suara.

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

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM

BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM BAB 4 IMPLEMENTASI DAN EVALUASI SISTEM 4. 1 Implementasi Sistem Atau Aplikasi 4. 1. 1 Spesifikasi Sistem Aplikasi pengolahan jurnal online berbasis web dibuat dengan menggunakan bahasa PHP 5.0 sebagai

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen

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

C. Ms Powerpoint D. Notepad E. Ms Acces

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

MAKALAH MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5

MAKALAH MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5 MAKALAH Makalah Ini Disusun Untuk Memenuhi Tugas Mata Pelajaran Pemrograman Web Design. Guru Pengampu : Yenny Oktafitriana Arbi, S.Pd Agus Giyanto, A.Md MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5 Disusun

Lebih terperinci

APLIKASI EXTENSION DALAM MACROMEDIA DREAMWEAVER

APLIKASI EXTENSION DALAM MACROMEDIA DREAMWEAVER Media Informatika Vol. 6 No. 3 (2007) APLIKASI EXTENSION DALAM MACROMEDIA DREAMWEAVER Budi Maryanto Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung 40132 E-mail : budimaryanto@likmi.ac.id

Lebih terperinci

MODUL XVI FRONTPAGE. A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web

MODUL XVI FRONTPAGE. A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web MODUL XVI FRONTPAGE A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti pembuatan halaman website. 2. TUJUAN Agar mahasiswa dapat membuat halaman web B. TEORI Mengenal FrontPage Microsoft FrontPage merupakan

Lebih terperinci

MODUL V ANIMASI DASAR

MODUL V ANIMASI DASAR 1 Modul Ajar Praktikum Multimedia 5 MODUL V ANIMASI DASAR A. KOMPETENSI DASAR Mengenalkan tool-tools yang terdapat pada pada Adobe Flash. Mengenalkan dan menerapkan dasar-dasar membuat animasi dengan menggunakan

Lebih terperinci

FLASH TUTORIAL. Desman Hidayat, S.Kom

FLASH TUTORIAL. Desman Hidayat, S.Kom FLASH TUTORIAL Desman Hidayat, S.Kom desmaster2009@yahoo.com PENGENALAN Flash adalah salah satu perangkat lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash digunakan untuk membuat

Lebih terperinci

Administrasi Website Berbasis CPanel Hosting

Administrasi Website Berbasis CPanel Hosting Administrasi Website Berbasis CPanel Hosting Disusun oleh: Agus Suhartono 2 Daftar ISI DAFTAR ISI...3 PENDAHULUAN...5 PETA JALAN...5 DOMAIN DAN HOSTING...7 MEMULAI CPANEL...9 LOGIN KE DALAM CPANEL...9

Lebih terperinci

PT QWORDS COMPANY INTERNATIONAL

PT QWORDS COMPANY INTERNATIONAL PANDUAN MANUAL PT QWORDS COMPANY INTERNATIONAL DAFTAR ISI PANDUAN MANUAL... 1 PT QWORDS COMPANY INTERNATIONAL... 1 DAFTAR ISI... 2 BAB 1. PENGENALAN... 3 a. Tampilan Desa01... 3 b. Tampilan Desa02... 3

Lebih terperinci

BAB 2 LANDASAN TEORI. Animasi berasal dari kata Animation yang dalam bahasa Inggris to animate yang

BAB 2 LANDASAN TEORI. Animasi berasal dari kata Animation yang dalam bahasa Inggris to animate yang BAB 2 LANDASAN TEORI 2.1 Animasi Animasi berasal dari kata Animation yang dalam bahasa Inggris to animate yang berarti menggerakkan. Bustaman (2001) menyatakan bahwa Animasi adalah suatu proses dalam menciptakan

Lebih terperinci

BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga

BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah

Lebih terperinci

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan.

BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan. BAB 2 TINJAUAN TEORI 2.1 Data dan Informasi 2.1.1 Pengertian Data Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datim yang berarti fakta atau bahan-bahan

Lebih terperinci

PANDUAN PENGGUNAAN SISTEM INFORMASI KEPEGAWAIAN UNIVERSITAS MUHAMMADIYAH KENDARI SIMPEG VERSI 1.0

PANDUAN PENGGUNAAN SISTEM INFORMASI KEPEGAWAIAN UNIVERSITAS MUHAMMADIYAH KENDARI SIMPEG VERSI 1.0 PANDUAN PENGGUNAAN SISTEM INFORMASI KEPEGAWAIAN UNIVERSITAS MUHAMMADIYAH KENDARI SIMPEG VERSI 1.0 A. Panduan Bagi Pengguna Publik Panduan bagi pengguna publik atau umum yaitu sebagai berikut: 1. Untuk

Lebih terperinci

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM

BAB IV IMPLEMENTASI DAN EVALUASI SISTEM 91 BAB IV IMPLEMENTASI DAN EVALUASI SISTEM Tahap implementasi sistem adalah tahap yang mengkonversi hasil analisis dan perancangan sebelumnya kedalam sebuah bahasa pemrograman yang dimengerti oleh komputer.

Lebih terperinci

Instalasi Visual Studio 2008 Profesional(64 dan 32 bit) di windows 7

Instalasi Visual Studio 2008 Profesional(64 dan 32 bit) di windows 7 Instalasi Visual Studio 2008 Profesional(64 dan 32 bit) di windows 7 Tutorial kali ini saya akan menjabarkan tentang cara instalasi salah satu perangkat lunak yang dapat digunakan untuk melakukan pengembangan

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

BAB 2 LANDASAN TEORI. menganimasikannya, serta mudah dipelajari. Flash tidak hanya digunakan dalam

BAB 2 LANDASAN TEORI. menganimasikannya, serta mudah dipelajari. Flash tidak hanya digunakan dalam 5 BAB 2 LANDASAN TEORI 2.1 Pengenalan Adobe Flash Flash merupakan software yang memiliki kemampuan menggambar sekaligus menganimasikannya, serta mudah dipelajari. Flash tidak hanya digunakan dalam pembuatan

Lebih terperinci

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI BAB II LANDASAN TEORI 2.1. Sekilas Tentang Anggrek Anggrek salah satu angota famili Orchidacea yang beranggota sangat banyak. Di dalam famili itu terdapat lebih dari 30.000 spesies dan kurang lebih 800

Lebih terperinci

Persiapan. File latihan.rar diekstrak. Contoh apabila Bahan diekstrak di d:\

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

Content: Pengenalan Web Server Pengenalan MY SQL Connector Pengenalan CodeCharge Studio (CCS)

Content: Pengenalan Web Server Pengenalan MY SQL Connector Pengenalan CodeCharge Studio (CCS) PENGENALAN PROGRAM Content: Pengenalan Web Server Pengenalan MY SQL Connector Pengenalan CodeCharge Studio (CCS) Banyak pengembang program aplikasi dan para programmer menghadapi dilema dalam memulai project

Lebih terperinci

Mengenal Microsoft Word 2010

Mengenal Microsoft Word 2010 Mengenal Microsoft Word 2010 Kita tentunya sudah tidak asing lagi dengan perangkat lunak (software) pengolah kata yang bernama Microsoft Word (MS Word). Sejak pertama kali dirilis tahun 1983 dengan nama

Lebih terperinci

Panduan Macro Excel untuk Membuat Aplikasi RAB Bangunan

Panduan Macro Excel untuk Membuat Aplikasi RAB Bangunan Panduan Macro Excel untuk Membuat Aplikasi RAB Bangunan Panduan Macro Excel untuk Membuat Aplikasi RAB Bangunan Yudhy Wicaksono & Solusi Kantor PENERBIT PT ELEX MEDIA KOMPUTINDO Panduan Macro Excel untuk

Lebih terperinci

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar

PENGENALAN 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 terperinci

Membuat Grafik dengan Microsoft Excel

Membuat Grafik dengan Microsoft Excel Pelajaran 7 Membuat Grafik dengan Microsoft Excel Tabel dan grafik merupakan dua bagian yang tidak dapat dipisahkan dalam mengolah data. Dengan adanya grafik menunjukkan bahwa data yang disajikan lebih

Lebih terperinci

Lembaga Penjaminan Mutu dan Audit Internal Universitas Kristen Satya Wacana 1

Lembaga Penjaminan Mutu dan Audit Internal Universitas Kristen Satya Wacana 1 Universitas Kristen Satya Wacana 1 PROSES BISNIS SISTEM INFORMASI BEBAN KERJA DOSEN Universitas Kristen Satya Wacana 2 JOB DESC. SISTEM INFORMASI BEBAN KERJA DOSEN Universitas Kristen Satya Wacana 3 BUKU

Lebih terperinci

BAB I SEKILAS VISUAL STUDIO.NET 2008

BAB I SEKILAS VISUAL STUDIO.NET 2008 BAB I SEKILAS VISUAL STUDIO.NET 2008 Pembahasan Materi : Mengenal IDE Visual Studio.NET 2008. Pembuatan project pada Visual Studio.NET 2008. Pengenalan kontrol yang sering digunakan, menulis kode program

Lebih terperinci

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER

MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER Jalankan Dreamweaver 8 Pilih HTML Setelah dipilih HTML maka akan muncul tampilan pertama seperti berikut : Klik Page Properties untuk pengaturan awal Halaman Pilih

Lebih terperinci

Membangun Android Studio Dengan Gradle

Membangun Android Studio Dengan Gradle Membangun Android Studio Dengan Gradle Firmansyah Agustian Firman.agustian@gmail.com Abstrak Sebuah ide untuk Android Development yang diperkenalkan google pada acara Google I/O 2013. Android Studio merupakan

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

Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS3. Bambang Adriyanto

Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS3. Bambang Adriyanto Membuat Bahan Ajar berbasis Web dengan Adobe Dreamweaver CS Bambang Adriyanto MEMBUAT SITE dan HALAMAN BARU Membuat Site Sebelum membuat halaman-halaman web Anda harus membuat Site terlebih dahulu, untukmemudahkan

Lebih terperinci

Interactive Broadcasting

Interactive Broadcasting Modul ke: Interactive Broadcasting HTML Fakultas Ilmu Komunikasi Bagus Rizki Novagyatna Program Studi Broadcasting www.mercubuana.ac.id Pengertian HTML Program adalah kata, ekspresi, pernyataan atau kombinasi

Lebih terperinci

Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML

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

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL 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 terperinci

Gambar 1.1 Desain halaman web

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

Lebih terperinci

BAB II TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA BAB II TINJAUAN PUSTAKA 2.1. Penelitian Terdahulu Adapun beberapa penelitian terdahulu mengenai Game Ball Breaker. Ayuni (2011) Implementasi Konsep Kecerdasan Buatan dalam Rancang Bangun Game Brick Breaker

Lebih terperinci

PT QWORDS COMPANY INTERNATIONAL

PT QWORDS COMPANY INTERNATIONAL PANDUAN MANUAL PT QWORDS COMPANY INTERNATIONAL DAFTAR ISI DAFTAR ISI... 2 BAB 1. PENGENALAN... 3 a. Tampilan Cerdas... 3 b. Tampilan Prestasi... 3 c. Tampilan Berbakti... 4 BAB 2. Managemen Konten... 5

Lebih terperinci

MICROSOFT VISUAL FOXPRO

MICROSOFT VISUAL FOXPRO MICROSOFT VISUAL FOXPRO MEMULAI VISUAL FOXPRO (V. FOXPRO) Untuk memanggil atau menjalankannya dengan cara berikut: 1. klik start >> programs >> Microsoft Visual Foxpro. 2. Tunggu beberapa saat, maka akan

Lebih terperinci

ADOBE MASTER COLLECTION DAN FUNGSINYA

ADOBE MASTER COLLECTION DAN FUNGSINYA ADOBE MASTER COLLECTION DAN FUNGSINYA Master Collection adalah koleksi lengkap produk Adobe yang tersusun dalam 1 paket sehingga semua produk Adobe yang biasa kita pakai sudah tercakup didalamnya. Adobe

Lebih terperinci

PowerPoint RASA Visual Basic SISI LAIN DARI POWERPOINT. Oleh: Ahlis Widiyanto, S. Pd

PowerPoint RASA Visual Basic SISI LAIN DARI POWERPOINT. Oleh: Ahlis Widiyanto, S. Pd PowerPoint RASA Visual Basic Oleh: Ahlis Widiyanto, S. Pd SISI LAIN DARI POWERPOINT Apa saja yang akan di kupas pada Powerpoint: Pengenalan Developer Tab pada powerpoint. Pengaktivan VBA di Powerpoint2010

Lebih terperinci

MULTIPLE DETAIL BAND: FITUR BARU PADA VISUAL FOXPRO 9.0

MULTIPLE DETAIL BAND: FITUR BARU PADA VISUAL FOXPRO 9.0 Media Informatika Vol. 4 No. 3 (2005) MULTIPLE DETAIL BAND: FITUR BARU PADA VISUAL FOXPRO 9.0 Djajasukma Tjahjadi Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung 40132

Lebih terperinci

Bab 4. Hasil dan Pembahasan

Bab 4. Hasil dan Pembahasan Bab 4 Hasil dan Pembahasan 4.1 Hasil Rancangan Cara kerja website ini adalah dengan menggunakan HTML dan CSS untuk desain dan tampilan. Dari tampilan tersebut terdapat form pencarian yang dimana merupakan

Lebih terperinci

BAB 2 TINJAUAN TEORI. 2.1 Konsep Dasar Data, Informasi dan Sistem Informasi

BAB 2 TINJAUAN TEORI. 2.1 Konsep Dasar Data, Informasi dan Sistem Informasi BAB 2 TINJAUAN TEORI 2.1 Konsep Dasar Data, Informasi dan Sistem Informasi 2.1.1 Data Data merupakan suatu deskripsi dari sesuatu atau sekumpulan dari beberapa informasi. Data dapat berupa informasi yang

Lebih terperinci

Pemrograman Visual (Borland Delphi 7.0)

Pemrograman Visual (Borland Delphi 7.0) Pemrograman Visual (Borland Delphi 7.0) Pengenalan Aplikasi Visual Aplikasi adalah adalah suatu subkelas perangkat lunak komputer yang memanfaatkan kemampuan komputer langsung untuk melakukan suatu tugas

Lebih terperinci

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi

BAB II LANDASAN TEORI. Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi BAB II LANDASAN TEORI 2.1Perangkat Lunak Perangkat lunak atau Software adalah perintah (program komputer) yang dieksekusi memberikan fungsi dan petunjuk kerja seperti yang diinginkan. Struktur data yang

Lebih terperinci

BAB I PENDAHULUAN 1.1 Latar Belakang 1.2 Batasan Masalah 1.3 Tujuan Penulisan

BAB I PENDAHULUAN 1.1 Latar Belakang 1.2 Batasan Masalah 1.3 Tujuan Penulisan BAB I PENDAHULUAN 1.1 Latar Belakang Di era globalisasi seperti sekarang ini perkembangan Sistem Informasi berkembang dengan pesatnya,begitu juga dengan internet.hal ini ditandai dengan merebaknya Warnet-warnet

Lebih terperinci

Prototype Sistem Informasi Hasil Penelitian Berbasis WEB

Prototype Sistem Informasi Hasil Penelitian Berbasis WEB Pusat an Informatika - LIPI Prototype Sistem Informasi Hasil an Berbasis WEB Ade Cahyana pada Pusat an Informatika (PPI-LIPI) JL.Cisitu No.21/154 Telp (022) 2504711 Fax 2504712 Bandung E-mail : cahyana@informatika.lipi.go.id

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

Pendahuluan. Pemrograman Internet Ahmad Zainudin, S.ST, M.T

Pendahuluan. Pemrograman Internet Ahmad Zainudin, S.ST, M.T Pendahuluan Pemrograman Internet Ahmad Zainudin, S.ST, M.T Prosentase Penilaian UAS : 45% UTS : 35 % Tugas : 20 % Maksimal keterlambatan 15 menit dari pelajaran dimulai Silabus 1. Pengenalan Materi Instalasi

Lebih terperinci

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8 Oleh Angga Radhitya Rachmat, S.Kom radhizu05@gmail.com 0882 6801 9510 0819 5724 1619 KATA PENGANTAR Puji syukur penulis panjatkan kehadirat

Lebih terperinci

BAB 2 LANDASAN TEORI

BAB 2 LANDASAN TEORI 7 BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan

Lebih terperinci

BAB 2 LANDASAN TEORI. Kata sistem berasal dari bahasa Yunani Sistema yang berarti kesatuan. Sistem adalah

BAB 2 LANDASAN TEORI. Kata sistem berasal dari bahasa Yunani Sistema yang berarti kesatuan. Sistem adalah BAB 2 LANDASAN TEORI 2.1 Sistem, Data dan Informasi Kata sistem berasal dari bahasa Yunani Sistema yang berarti kesatuan. Sistem adalah kumpulan elemen yang berhubungan, berinteraksi dan saling ketergantungan

Lebih terperinci

2. Perangkat Jaringan (Kabel UTP, Switch/Hub,Ethernet) Perangkat Lunak 1. Sistem Operasi (WindowsXP, Windows 2000, Windows 2003, Linux)

2. Perangkat Jaringan (Kabel UTP, Switch/Hub,Ethernet) Perangkat Lunak 1. Sistem Operasi (WindowsXP, Windows 2000, Windows 2003, Linux) Bab I Installasi Untuk menjalankan dan mempraktekan Web Site Sekolah ini ada 2 tahapan installasi yang harus diinstall di komputer: Installasi Web Server. Installasi Web Sekolah. A. Installasi Web Server

Lebih terperinci

PROJECT UAS Desain dan Pemrograman Web 2 Kelp. AC dan AF Gasal 2008/2009 Dosen : Achmad Solichin

PROJECT UAS Desain dan Pemrograman Web 2 Kelp. AC dan AF Gasal 2008/2009 Dosen : Achmad Solichin A. Ketentuan Umum PROJECT UAS Desain dan Pemrograman Web 2 Kelp. AC dan AF Gasal 2008/2009 Dosen : Achmad Solichin 1. Tugas dikerjakan perorangan. 2. Tugas dikerjakan menggunakan Macromedia Dreamweaver

Lebih terperinci

BAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi

BAB III LANDASAN TEORI. berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi 3.1 Layanan Aplikasi Internet BAB III LANDASAN TEORI Terdapat banyak sekali layanan aplikasi di internet dan masih terus akan berkembang sejalan dengan perkembangan teknologi informasi. Contoh aplikasi

Lebih terperinci

1.Pengenalan Digital Book

1.Pengenalan Digital Book TUTORIAL PEMBUATAN BUKU DIGITAL INTERAKTIF MENGGUNAKAN SIGIL 04 May 1.Pengenalan Digital Book Buku digital, atau disebut juga e-book merupakan sebuah publikasi yang terdiri dari teks, gambar, maupun suara

Lebih terperinci

Modul Pelatihan Media Pembelajaran Microsoft Powerpoint

Modul Pelatihan Media Pembelajaran Microsoft Powerpoint Modul Pelatihan Media Pembelajaran Microsoft Powerpoint Disusun Oleh : Ilmawan Mustaqim, S.Pd.T.,M.T. Eko Prianto, M.Eng. Dibiayai oleh Dana DIPA Universitas Negeri Yogyakarta Tahun Anggaran 2015 Sesuai

Lebih terperinci