Gambar 1.1 Desain halaman web
|
|
- Iwan Johan
- 6 tahun lalu
- Tontonan:
Transkripsi
1 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 Adobe Dreamweaver CS 3, CS 4 dan CS 5 Anda harus menyesuaiakan dengan tools-nya. Pada tutorial ini kita akan membuat desain halaman web seperti berikut. Pada bagian atas gunakan header yang dibuat di Photoshop. Tidak memerlukan slicing dalam hal ini. Pada umumnya header memuat NAMA PERUSAHAAN, JENIS USAHA dan SLOGAN PERUSAHAAN. Di sebelah kiri terdapat menumenu yang di-link-kan dengan halaman web dengan bentuk yang sama, namun kontennya berbeda. Di sebelah kanan terdapat menu SEARCHING dan di bawahnya merupakan konten dari setiap menu. Bagian bawah merupakan FOOTER, biasanya berisi copyright. Gambar 1.1 Desain halaman web Berikut langkah-langkahnya. 1. Di Photoshop buat header dengan ukuran 745 x 150 px. Header yang dibuat memuat: Judul, Jenis, Slogan, Logo perusahaan. Simpan dengan nama header.jpg 2. Pilih HTML setelah Anda mengeklik menu Dreamwever 8. Gambar 1.2 Tampilan awal Dreamweaver 1
2 3. Tambahkan title halaman web, sesuai slogan perusahaan Anda dan simpan file Anda dengan nama: index.html Gambar 1.3 Simpan file dan title 4. Pilih align: center pada bagian Properties yang terdapat di bawah stage. Gambar 1.4 Pengaturan align center 5. Insert Table (Ctrl+Alt+T), dan isikan sesuai dengan gambar berikut. Setelah itu klik OK. Gambar 1.5 Insert table 6. Insert Table (Ctrl+Alt+T), dan isikan sesuai dengan gambar berikut. Setelah itu klik OK. Gambar 1.6 Insert table 7. Letakkan kursor pada baris pertama. Tekan Insert Image (Ctrl+Alt+I). Setelah itu masukkan file header Anda. Klik OK jika sudah selesai. 2
3 Gambar 1.7 Insert table 8. Letakkan kursor Anda pada baris kedua. Insert Table dan isikan sesuai dengan data berikut. Gambar 1.8 Insert table 9. Atur sedemikian rupa sehingga kolom pertama memiliki width 24%. Gambar 1.0 Pengaturan width 10. Letakkan kursor pada baris kedua kolom kedua. Insert Table dan atur seperti gambar berikut. Gambar 1.10 Insert table 11. Letakkan kursor pada kolom ketiga, pilih align: right, kemudian pilih submenu Form. Tambahkan Text Field pada kolom tersebut. 3
4 Gambar 1.11 Submenu form dan text field 12. Atur pada kotak dialog Input Tag Accesbility Attributes. Setelah itu klik OK. Gambar 1.12 Submenu form dan text field 13. Posisikan kursor di kolom sebelah kiri. Tambahkan Button dan atur seperti gambar berikut. Klik OK jika sudah selesai Gambar 1.13 Submenu button Gambar 1.14 Label 14. Ganti Button name: Cari dan Value: Cari pada bagian Properties di bawah stage. Gambar 1.15 Properties button 15. Pada baris kedua kolom pertama, ketikkan teks: Menu dengan alignment: Center; beri warna teks: #FFFFFF dan background warna: # Atur denan font: Arial dan size: 12. Gambar 1.16 Pengaturan font dan bakground 16. Atur juga pada baris kedua sesuai dengan langkah 15. Berikut ini tampilan pada baris kedua. Gambar 1.17 Tampilan pada baris kedua 4
5 17. Letakkan kursor pada baris ketiga. Insert Table dan aturlah seperti gambar berikut. Gambar 1.18 Insert table 18. Buatlah kolom pertama dengan lebar 24%. 19. Letakkan kursor Anda pada baris ketiga kolom pertama. Insert Table dan aturlah seperti gambar berikut. Gambar 1.19 Insert table 20. Buatlah lebar kolom pertama secara proporsional, seperti gambar berikut. Atur align: center pada kolom pertama. Gambar 1.20 Tampilan pada baris ketiga kolom pertama 21. Buat file di Photoshop dengan ukuran: 8 x 8 px dan berilah warna: # Simpan file tersebut dengan nama: dot.jpg. Insert Image, masukkan file dot.jpg pada kolom pertama baris 1 sampai dengan baris 9. Selanjutnya ketikkan menu-menu pada kolom kedua dan atur dengan font: Arial, size: 12. 5
6 Gambar 1.21 Tampilan menu pada baris ketiga kolom pertama 22. Pada baris ketiga kolom kedua isikan konten seperti berikut. Jangan lupa untuk mengatur Vert: Top. Gambar 1.22 Tampilan properties vertical align Gambar 1.23 Tampilan pada baris ketiga kolom kedua 23. Pada baris ketiga isikan dengan konten seperti berikut. Copyright Istiyanto Company Created by Istiyanto Best View at 1024 x 768 px 24. Buatlah sesuai dengan kreasi Anda, warna dan fontasinya. 25. Simpan file Anda dan tekan F12 atau pilih submenu: Preview in Firefox 3.5, sesuai dengan browser yang Anda gunakan. Gambar 1.24 Cara preview halaman web 26. Tampilan di browser. 6
7 Gambar 1.25 Tampilan di browser 27. Selanjutnya Anda buat link pada menu pilihan. Blok teks yang ingin Anda beri link dan ketikkan sesuai dengan nama menu, misalnya: Home index.html; Profil profil.html dan seterusnya. Gambar 1.26 Cara membuat link Gambar 1.27 Cara membuat link dengan mem-blok teks 28. Save As file Anda sebanyak 8 kali dengan nama: profil.html; produk.html, bukutamu.html dan seterusnya sesuai dengan daftar menu di atas, sehingga saat ini Anda memiliki 9 file dengan desain yang sama. Buka kembali file-file yang telah Anda buat dan gantilah kontennya yang terdapat pada baris ketiga kolom kedua. Gambar 1.28 Save as file 7
8 Gambar 1.29 Menu yang diberi link 29. Tekan F12 untuk preview hasil halaman web yang telah Anda buat. Selamat Berkreasi!!! Referensi: Kurniawan, Rulianto.2008.Membangun Situs dengan PHP untuk Orang Awam.Palembang: Penerbit Maxikom 8
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 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 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 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 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 terperinciBAB 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 terperinciMacromedia 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 terperinciMembuat 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 terperinciMembuat 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 terperinciMEMBUAT WEBSITE PERSONAL
MEMBUAT WEBSITE PERSONAL dengan Microsoft FrontPage UNTUK KALANGAN SENDIRI Dilarang menyalin sebagian atau seluruh bagian modul ini tanpa ijin dari penyusun Modul Workshop : Membuat Website Personal 1
Lebih terperinciPembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)
Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language) Oleh : Tri Wahyu Nugroho triwahyunugroho@yahoo.com maswahyu@students.ee.itb.ac.id http://s.ee.itb.ac.id/~maswahyu http://www.maswahyu.tk
Lebih terperinciMEMBUAT 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 terperinciAdobe Dreamweaver. CS3 Langsung Praktek! Dewi Putri & Ayu Ratih Wisah. PalComTech Publisher
Adobe Dreamweaver CS3 Langsung Praktek! Dewi Putri & Ayu Ratih Wisah PalComTech Publisher Adobe Dreamweaver CS3 Langsung Praktek! Penulis : Dewi Putri & Ayu Ratih Wisah Editor : Kasmoni Desain Kover :
Lebih terperinciBu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g
Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara
Lebih terperinciFLASH, 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 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 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 terperinciTUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER
TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER Disampaikan dalam Kegiatan PPM dengan Judul Pelatihan Pembuatan Sumber Belajar Matematika Berbasis Web Dengan Menggunakan Perangkat Lunak Macromedia
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 terperinciDEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194
DEPARTEMEN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN UMUM SEMESTER GASAL TAHUN 2010/2011 Mata Pelajaran : Tek. Inf.
Lebih terperinciMembuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa
Tutorial Macromedia Dreamweaver PHP MySQL Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Dalam Tutorial Ini Diasumsikan Bahwa: 1. Di
Lebih terperinciIndex. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran)
46 3.2 Struktur Navigasi Struktur navigasi website digunakan untuk menggambarkan secara garis besar isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur navigasi
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana cara merancang dan membangun Website Yuni-Museum. Dalam pembuatan website ini, penulis lebih banyak bekerja dengan menggunakan
Lebih terperinci- Hingga Muncul tampilan dan editor Frontpage sebagai berikut : Area Kerja. Menu Formatting. Layer Kerja
MS. Frontpage adalah salah satu software buatan Microsoft yang digunakan untuk membuat halaman-halaman situs (website) yang sangat populer, selain mudah digunakan MS. Frontpage juga mempunyai fitur-fitur
Lebih terperinciBAB III ANALISA MASALAH DAN RANCANGAN PROGRAM
21 BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM 3.1. Gambaran Umum. Bisnis dunia seluler tak cuma milik provider dan vendor ponsel. Permain di kategori layanan konsumen juga ikut ramai. Apalagi pengguna
Lebih terperinciBAB 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 terperinciBAB 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak Dokumen.
BAB 9. Membuat Equation, Hyperlink, Watermark Dan Mencetak Dokumen. 1. Menyisipkan Objek Equation. Ketikkanlah persamaan rumus di bawah ini. a. Buat dokumen baru (ctrl +N). Klik tab menu Insert, klik icon
Lebih terperinciBab III PEMBAHASAN PEMBUATAN WEBSITE.
Bab III PEMBAHASAN PEMBUATAN WEBSITE. Pada bab ini dibahas bagaimana merancang dan membangun sebuah website PT.DIAMOND ICE CREAM. Dalam pembuatan website ini lebih banyak bekerja dengan menggunakan aplikasi
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 terperinciMicrosoft PowerPoint 2003
Microsoft PowerPoint 2003 Cakupan Panduan : Menjalankan Software presentasi Memulai Microsoft PowerPoint Menggunakan menu-menu beserta shortcut Memanggil, menyimpan, mencetak file Membuat file presentasi
Lebih terperinciPRAKTIKUM 10 REPORT LANJUTAN 72 C. TUGAS PENDAHULUAN Buat perancangan report untuk pegawai dan kerja seperti contoh dibawah ini : D. PERCOBAAN Buka da
Praktikum 10 Report Lanjutan A. TUJUAN 1. Menjelaskan tentang pengurutan dan pengelompokan data pada report 2. Menjelaskan tentang penambahkan header dan footer pada report 3. Menambahkan data dalam bentuk
Lebih terperinciPanduan 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 terperinciInsert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters)
DAFTAR ISI Halaman Judul Lembar Pengesahan... i Abstraksi... ii Kata Pengantar... iii Daftar Isi... v Daftar Gambar... viii Daftar Tabel... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2
Lebih terperinciRingkasan Bab 1. Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain:
Ringkasan Bab 1 Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain: 1 Database Access 1.1 Objek dan Manfaat 1.2 Bidang Kerja 2 Membuat Field dan Mengisi Data 2.1
Lebih terperinciBab 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 terperinciBAB 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan Menggunakan Format Kolom
BAB 6. Mencari Teks, Halaman, Menggabungkan Dokumen Dan Menggunakan Format Kolom 1. Mencari (Find) dan Mengganti (Replace) Teks. a. Buka kembali file Tips Nama Cantik. Klik tab menu Home, sorot pada bagian
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 terperinci2. Untuk menghilangkan garis pinggiran pada tabel menggunakan pilihan. a. All d. Grid b. Box e. Custom c. None
Pilihan ganda Soal Jawaban Microsoft Word 2007 10 butir. 5 uraian Soal Jawaban Microsoft Word 2007 A. Pilihlah a, b, c, d, atau e sebagai jawaban yang paling benar! 1. Submenu Header and Footer terletak
Lebih terperinciMEMBUAT KUIS INTERAKTIF DENGAN FLASH 8
MEMBUAT KUIS INTERAKTIF DENGAN FLASH 8 Pada bagian yang ini akan dibahas langkah-langkah pembuatan kuis interaktif. Bentuk pertanyaan pada kuis ini adalah pilihan ganda dengan 4 pilihan jawaban untuk setiap
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciMEMBUAT TABEL, CAPTION PADA GAMBAR DAN TABEL, MEMBUAT DAFTAR GAMBAR DAN TABEL SERTA MENGGUNAKAN FORMULA PADA TABEL
MODUL 04 MEMBUAT TABEL, CAPTION PADA GAMBAR DAN TABEL, MEMBUAT DAFTAR GAMBAR DAN TABEL SERTA MENGGUNAKAN FORMULA PADA TABEL 4 JP (180 menit) Pengantar Pada modul ini dibahas materi tentang cara membuat
Lebih terperinciPRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT. Disusun Oleh : Munengsih Sari Bunga
PRAKTIKUM MULTIMEDIA MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH WITH ACTIONSCRIPT Disusun Oleh : POLITEKNIK INDRAMAYU 2012 2 MODUL VI CREATING A SIMPLE COMPANY PROFILE AND QUIZ IN FLASH
Lebih terperinciTUTORIAL PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF DENGAN MICROSOFT POWERPOINT 2007
TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN INTERAKTIF DENGAN MICROSOFT POWERPOINT 2007 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Microsoft PowerPoint merupakan perangkat lunak yang mudah dan sering digunakan untuk
Lebih terperinciMODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA
MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA A. MENYALAKAN KOMPUTER Pastikan Kabel Supply terhubung ke PLN, kemudian lakukan langkah sbb: 1. Nyalakan Stabilizer 2. Nyalakan
Lebih terperinciE-Commerce dengan QuickCart v6.7 BAB IV
E-Commerce dengan QuickCart v6.7 BAB IV Oleh: Aslam Fatkhudin BAB IV MENGELOLA HALAMAN 4. Membuat Halaman Baru Setelah melakukan konfigurasi, selanjutnya kita isi website toko online kita dengan membuat
Lebih terperinciTujuan: 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 terperinciModul Pelatihan Komputer Ms. Word 2007
2013 Bidang Diklat Badan Kepegawaian Daerah Kabupaten Sidoarjo Modul Pelatihan Komputer Ms. Word 2007 Disusun oleh Unit Training of Competency 2 cm 2 cm Modul Pelatihan Microsoft Word 2007 Oleh Unit Training
Lebih terperinciMODUL 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 terperinciManual Book Mengisi Konten Website OPD Kota Bogor
Manual Book Mengisi Konten Website OPD Kota Bogor Kantor Komunikasi dan Informatika Kota Bogor 2016 1. Buka browser dengan alamat url http://kotabogor.go.id/index.php/login 2. Kemudian masukkan Username
Lebih terperinciMEMBUAT 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 terperinciPemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
Lebih terperinciBab 10 Membuat, Menggunakan dan Memodifikasi Form
Bab 10 Membuat, Menggunakan dan Memodifikasi Form Pokok Bahasan Membuat Form Menutup dan Menyimpan Form Memodifikasi Rancangan Form Membuat Form Form merupakan salah satu objek database yang digunakan
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciModul ke: Aplikasi Komputer. Microsoft Word. Fakultas TEKNIK. Muhammad Rifqi, S.Kom, M.Kom. Program Studi. Ilmu Komputer.
Modul ke: Aplikasi Komputer Microsoft Word Fakultas TEKNIK Muhammad Rifqi, S.Kom, M.Kom Program Studi Ilmu Komputer http://www.mercubuana.ac.id MEMULAI MS WORD Klik START > Program > Micorosoft Office
Lebih terperinciCARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE
CARA MEMBUAT BLOG MENGGUNAKAN WORDPRESS SECARA ONLINE A. Cara Mendaftar di Wordpress 1. Buka http://wordpress.com/ pilih Get Started. 2. Masukkan data email, username, password dan nama blog Anda. Klik
Lebih terperinciPEMBUATAN DOKUMEN. Untuk mengubah ukuran kertas dan orientasi pencetakan dapat dilakukan langkah berikut:
PEMBUATAN DOKUMEN I. PENGETIKAN DAN PENGATURAN TEKS Membuka Halaman Kerja Ms. Word Start Microsoft Office Microsoft Office Word 2007 Muncul Lembar Kerja Ms. Word yang secara otomatis diberi nama Document1
Lebih terperinciPERTEMUAN 7 Tahap Pembuatan Website Dan Program
PERTEMUAN 7 Tahap Pembuatan Website Dan Program Perencanaan, Perancangan dan Tujuan Memilih dan Mempersiapkan Tool Mendesain Web Mempersiapkan Database Server Pemrograman Web Menggabungkan Desain dan Pemrograman
Lebih terperinciBAB 5. MEMBUAT DAN MENGGUNAKAN FORM
BAB 5. MEMBUAT DAN MENGGUNAKAN FORM Membuat Form dengan Menggunakan Fasilitas Create Form By Using Wizard 1. Buka kembali Database karyawan yang telah Anda buat pada latihan sebelumnya, kemudian pada jendela
Lebih terperinciMengenal 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 terperinciTutorial penggunaan CMS / Application By. Steph/IT/04/2010
Tutorial penggunaan CMS / Application By. Steph/IT/04/2010 Bab I Pengenalan dasar Website Ditek Jaya terdaftar dengan menggunakan nama domain http://www. ditekjaya.co.id Website Ditek Jaya dilengkapi dengan
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 terperinciBAB III ANALISA DAN PEMBAHASAN
21 BAB III ANALISA DAN PEMBAHASAN 3.1 Sejarah Berdirinya Perusahaan PT. Emax Fortune Internasional adalah sebuah perusahaan yang bergerak di bidang penjualan produk apple macintosh. Selain itu kami juga
Lebih terperinciBab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form
Bab 15 Menggunakan Menu Navigasi Berupa Switchboard dan Form Pokok Bahasan Membuat dan Menggunakan Switchboard Membuat Menu Navigasi Berupa Form Untuk memudahkan navigasi semua obyek pada file database
Lebih terperinciDASAR-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 terperinciMICROSOFT OFFICE POWERPOINT 2007
MICROSOFT OFFICE POWERPOINT 2007 Cakupan Panduan : Menjalankan software presentasi Menggunakan menu-menu serta shortcut Menyimpan, memanggil, insert, edit Menggunakan Header, footer, page numbering Pencetakan
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 terperinciKETERAMPILAN KOMPUTER 2B** (IT :S1-SA) PERTEMUAN 3
KETERAMPILAN KOMPUTER 2B** (IT-061208:S1-SA) PERTEMUAN 3 Ahmad hidayat BAHASAN MATERI PERTEMUAN 2 Pengolahan file pada MS Office WORD Pengaturan Teks, paragraf, penampilan halaman & pencetakan dokumen
Lebih terperinciModul ke: Aplikasi komputer. Microsoft Excel 2010 Bagian 1. 09Fakultas FASILKOM. Wardhana., S.Kom., S.T., MM. Program Studi MKCU
Modul ke: 09Fakultas Ariyani FASILKOM Aplikasi komputer Microsoft Excel 2010 Bagian 1 Wardhana., S.Kom., S.T., MM Program Studi MKCU Microsoft Excel Sebuah program aplikasi lembar kerja spreadsheet yang
Lebih terperinciPelatihan Microsoft Excel
Pelatihan Microsoft Excel Basic Petrus Santoso 13 Isi Pengantar... 1 Memasukkan Data... 2 Alamat Sel... 3 Manajemen File... 5 Formatting... 6 Tips 1... 10 Tips 2... 10 Tips 3... 11 Grafik/Chart... 11 Pencetakan...
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 terperinciMEMBUAT TEMPLATE LIBREOFFICE WRITER
MEMBUAT TEMPLATE LIBREOFFICE WRITER Membuat Page Style 1. Buka file baru pada Libreoffice. 2. Pada menu bar, pilih Format > Styles and Formatting (F11) 3. Pada dialog box Styles and Formatting yang telah
Lebih terperinciSTMIK 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 terperinciBAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer adalah serangkaian elektronik yang terdiri dari sejumlah komponen yang saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperincia. Menyiapkan database
Membuat Label dan Kartu Pernahkan kita melihat label yang tertempel pada undangan? Bagaimana cara membuatnya? Tentunya kita bisa saja membuatnya secara manual dengan mengetik satu per satu, kemudian posisinya
Lebih terperinciSeperti yang ada dalam storyboard, multimedia pembelajaran saya terdiri dari empat menu utama yaitu:
Belajar Matriks Mudah dan Menyenangkan (Chapter 2) Assalammualaikum.. Salam Matematika!! Pada chapter sebelumnya, saya telah sedikit memberikan penjelasan mengenai Multimedia Pembelajaran Interaktif dan
Lebih terperinciAplikasi Komputer. Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Ita Novita, S.Kom, M.T.I. Modul ke: Fakultas Ilmu Komputer
Modul ke: Aplikasi Komputer Pengenalan tentang Ms. Word 2010 serta fungsi-fungsi dasarnya (1) Fakultas Ilmu Komputer Ita Novita, S.Kom, M.T.I Program Studi Informatika www.mercubuana.ac.id Pengenalan Microsoft
Lebih terperinciMODUL 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 terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1. Analisa Masalah Berbusana muslim kini bukan lagi sekedar memenuhi ajaran agama, tapi juga sudah menjadi bagian dari dunia mode. Lebih dari itu, sekarang busana
Lebih terperinciMODUL TUTORIAL WORDPRESS
MODUL TUTORIAL WORDPRESS TIM KKN FMIPA UNIVERSITAS BRAWIJAYA JULI 2012 MEMBUKA WORDPRESS: 1. Buka www.id.wordpress.com atau www.wordpress.com 2. Masukkan username dan password, klik masuk 3. Tampilan web
Lebih terperinciCara membuat format nomor halaman berbeda dalam satu dokumen word Berikut ini adalah langkah-langkah pembuatannya:
Cara membuat format nomor halaman berbeda dalam satu dokumen word 2007 Berikut ini adalah langkah-langkah pembuatannya: 1. Jika file Makalah yang kita miliki masih disimpan dalam beberapa halaman, maka
Lebih terperinciE-trik Ajax. Database MySQL. Dedi Alnas
E-trik Ajax Database MySQL Dedi Alnas Pengenalan MySQL Tutorial kali ini akan membahas cara pembuatan aplikasi web yang dapat dihubungkan dengan MySQL. Pada paket instalasi Xampp terdapat MySQL dan phpmyadmin.
Lebih terperinciBAB I PENDAHULUAN 1.1 Latar Belakang Masalah Aplikasi Website PT. DIAMOND Menggunakan Macromedia DreamWeaver MX
BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Dengan meningkatnya persaingan yang semakin ketat pada saat sekarang ini PT. Diamond mengeluarkan produk-produk terbaru agar dapat bersaing dengan perusahaan
Lebih terperinciBab 10 Pemakaian Frame
Bab 10 Pemakaian Frame Webmaster Pro Front Page XP Daftar Isi Bab 10 1 Pendahuluan...305 1.1 Sekilas tentang frame... 305 1.2 Latar belakang... 305 1.3 Membuat frame... 306 2 Membuat Frame...307 2.1 Membuat
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 terperinciTAHAP-TAHAP PEMBUATAN ANIMASI
TAHAP-TAHAP PEMBUATAN ANIMASI Software yang digunakan adalah Macromedia Flash 8 a. Untuk membuat document baru klik pada kolom Create New dan pilih Flash Document. b. Ukuran default document 550x 400 pixel
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana merancang dan membuat Web budi daya anggrek dengan menggunakan macromedia dreamweaver mx. Pembahasan ini akan dibagi menjadi beberapa
Lebih terperinciAlbum dan Yahoo! Messenger Status.
100 Modul dapat dipilih melalui menu yang terletak pada bagian kanan atas halaman web. Berikut ialah modul yang terdapat dalam aplikasi BeeSisfo CMS yaitu modul Profile, Portfolio, Guest Book, Information
Lebih terperinciTujuan: 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 terperinciUntuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form.
MEMBUAT FORM Untuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form. Secara otomatis Ms. Frontpage akan menyisipkan
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciModul Praktikum Basis Data 11 Membuat Menu dengan Form
Modul Praktikum Basis Data 11 Membuat Menu dengan Form Pokok Bahasan : - Membuat dan menggunakan switchboard - Membuat Menu Navigasi Berupa Form Tujuan : - Mahasiswa mampu membuat dan menggunakan switchboard
Lebih terperinciPANDUAN PENGELOLAAN SITUS WEB BPKP
PANDUAN PENGELOLAAN SITUS WEB BPKP URL (UNIFIED RESOURCES LOCATOR) Untuk dapat melakukan pengelolaan halaman web di situs web BPKP, kita harus mengetikkan URL atau unified resources locator atau alamat
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 terperinciAplikasi Komputer. Microsoft Excel 2010 (Bag 2) Amin Shabana. Modul ke: Fakultas Ilmu Komunikasi. Program Studi Hubungan Masyarakat
Aplikasi Komputer Modul ke: Microsoft Excel 2010 (Bag 2) Fakultas Ilmu Komunikasi Amin Shabana Program Studi Hubungan Masyarakat www.mercubuana.ac.id Pengantar Memasukkan Data Untuk memasukkan data ke
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 terperinciMicrosoft Word Mengenal Microsoft Word 2003
Microsoft Word 2003 Mengenal Microsoft Word 2003 Saat ini semua orang yang telah mengenal komputer dan laptop pasti juga mengenal Microsoft Word. Microsoft Word merupakan aplikasi yang digunakan untuk
Lebih terperinciAli Salim
Kuliah Umum IlmuKomputer.Com Copyright 2003 IlmuKomputer.Com Tutorial Fireworks 3.0 Ali Salim alisalim@inbox.lv Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat
Lebih terperinciBAB 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 terperinciAplikasi Komputer. Ms. Powerpoint 2010 MODUL PERKULIAHAN. Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh
MODUL PERKULIAHAN Aplikasi Komputer Ms. Powerpoint 2010 Fakultas Program Studi Tatap Muka Kode MK Disusun Oleh Mata Kuliah Ciri Universitas (MKCU) 07 Abstract Modul ini menjelaskan tentang Aplikasi Microsoft
Lebih terperinci