SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
|
|
- Sudomo Tan
- 9 tahun lalu
- Tontonan:
Transkripsi
1 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 langkah-langkah singkat membuat website sederhana. Sebelum menggunakan tutorial ini sebaiknya Anda sudah mempelajari dasar-dasar HTML. Setelah mempelajari tutorial ini diharapkan Anda dapat membuat dan mengatur: Layout halaman web dengan Table Format Teks dan Background Entitas karakter HTML (copyright) Gambar pada halaman web Rollover Image Teks bergerak (marquee) Halaman web dengan CSS Hyperlink Halaman web di browser Website sederhana dengan Adobe Dreamweaver Berikut tutorial pembuatan halaman web dengan Adobe Dreamweaver. 1. Buka Adobe Dreamweaver CS 5 2. Pilih HTML 3. Masukkan tabel dengan jumlah baris (rows) = 3 dan jumlah kolom (columns) = 2. Pilih menu Insert Table (Ctrl+Alt+T). 1 Simple Tutorial Adobe Dreamweaver CS 5
2 Biarkan terlebih dahulu untuk pengaturan yang lain. Jika sudah Klik Ok, dan akan tampil seperti berikut. 4. Atur ukuran kolom pertama (sebelah kiri) dengan ukuran 200 px dan kolom kedua (sebelah kanan) 500 px. Blok kolom pertama dan atur Width (W) = 200, dan kolom kedua height (H) = 500 px. Untuk tinggi (H) aturlah secara proporsional. Kolom pertama Kolom kedua 5. Atur tabel dengan rata tengah (center). Klik <table> dan Align Default menjadi Center 2 Simple Tutorial Adobe Dreamweaver CS 5
3 6. Agar menjadi lebih rapi, buat border table menjadi tanpa border (0) dan atur cell pad dan cell space menjadi 0, klik pada <table> dan atur seperti berikut. 7. Untuk menggabungkan kolom, blok baris paling atas, kemudian klik kanan Table Merge Cells 8. Merge juga untuk baris yang paling bawah, sehingga diperoleh tampilan seperti berikut. 9. Isi setiap sel dengan teks seperti berikut. 3 Simple Tutorial Adobe Dreamweaver CS 5
4 Untuk membuat rata tengah pilih Horz Center Untuk membuat rata atas pada paragraf, klik Vert Top Untuk membuat tanda, masuk ke Mode Code, dan ketikkan 10. Kembali ke Mode Design dan simpan file Anda dengan nama home.html. 4 Simple Tutorial Adobe Dreamweaver CS 5
5 11. Untuk melihat preview hasilnya silakan tekan F12 atau klik Preview in chrome, sesuai dengan browser yang ada. Langkah berikutnya kita akan memberikan ukuran dan warna teks dan warna background halaman, untuk sementara kita akan menggunakan Page Properties. 12. Klik Page Properties dan atur ukuran dan warna teks, serta warna. Klik Apply dan OK jika sudah selesai. Background color : untuk menentukan warna background Background image : untuk menentukan gambar background Untuk memilih gambar background, pilih Browse, lalu cari gambar yang ingin Anda jadikan background. 13. Untuk memberikan warna pada masing-masing sel, klik sel yang akan diberi warna, pilih dan pilihlah salah satu warna melalu Bg. 14. Jika pada sebuah sel tidak ingin diberi warna dan transparan dengan background, silakan pilih Bg, lalu pilih. Untuk mengecek preview hasilnya Anda dapat menekan F12. 5 Simple Tutorial Adobe Dreamweaver CS 5
6 Berikutnya, kita akan berlatih memasukkan gambar dan membuat rollover image. Rollover image adalah tampilan gambar yang berubah jika mouse didekatkan di atas gambar. 15. Untuk memasukkan gambar, pilih menu Insert Image 16. Pilih gambar OK Pilih Yes kemudian Save, jika keluar kotak dialog seperti berikut. 17. Isikan nama gambar pada Alternate text (untuk mempermudah SEO/Search Engine Optimization), klik OK jika sudah selesai. 18. Secara default ukuran gambar adalah sesuai resolusi gambar, untuk memperkecil Anda bisa menggunakan W dan H. 6 Simple Tutorial Adobe Dreamweaver CS 5
7 19. Berikut contoh tampilannya, dan simpan file Anda (Ctrl+S) dan preview hasilnya (F12). Berikutnya kita akan berlatih membuat Rollover Image. 20. Klik menu Insert Image Objects Rollover Image 21. Isikan data-data yang diminta dan klik OK jika sudah semua diisi. Resize ukuran gambar sesuai keinginan. Image name : nama dari rollover image Original image : gambar asli yang pertama kali muncul Rollover image : gambar kedua yang muncul setelah gambar pertama di klik Alternate text : alternatif teks yang muncul jika gambar tidak muncul When clicked.. : gambar kalau di klik akan menuju kemana? Bisa ke link relatif (lokal) atau absolut (internet) 7 Simple Tutorial Adobe Dreamweaver CS 5
8 Tekan F12 untuk melihat previewnya. Berikutnya kita akan menambahkan animasi teks menggunakan perintah <marquee>teks</marquee> 22. Letakkan kursor di depan kata Slogan, kemudian masuk ked mode Code, ketikkan <marquee> dan setelah slogan tambahkan </marquee> Jika sudah lengkap, kembali ke mode Design. Marquee memiliki atribut direction dan behaviour. <marquee direction= left >... animasi bergerak ke kiri <marquee direction= right >... animasi bergerak ke kanan <marquee direction= up >... animasi bergerak ke atas <marquee direction= bottom >... animasi bergerak ke bawah Berikutnya kita akan melakukan pengaturan untuk setiap sel menggunakan CSS (Cascading Style Sheet). Kita akan berlatih CSS untuk mengatur: Sidebar Header Konten Footer Dengan CSS pengaturan teks, warna, gambar, tabel dll menjadi lebih mudah. 23. Pertama kita akan melakukan pengaturan untuk sidebar. Letakkan kursor di sidebar, kemudian Klik kanan CSS Styles New 24. Atur bagian Selector Type, Selector Name dan Rule Definition seperti berikut. Klik OK jika sudah selesai. 8 Simple Tutorial Adobe Dreamweaver CS 5
9 25. Klik OK dan beri nama css pada File name, kemudian Save. 26. Lakukan pengaturan untuk jenis teks, warna teks, background dll. 27. Untuk melakukan pengaturan bacground warna dan background pada sel, klik pada Background. Catatan: untuk mendapatkan ukuran gambar yang ideal dan memiliki ukuran yang pas dengan lebar sel, Anda dapat mengubah ukuran gambar menggunakan Adobe Photoshop. 28. Jika semua pengaturan sudah selesai, klik Apply kemudian OK. 29. Agar pengaturan menjadi berhasil, pilih sidebar pada Class di bagian Properties dan lihat perubahan yang terjadi pada halaman web. 9 Simple Tutorial Adobe Dreamweaver CS 5
10 30. Berikutnya kita akan melakukan pengaturan CSS untuk halaman Header. Letakkan kursor pada bagian Header dan Klik kanan pilih CSS Styles New 31. Beri nama header pada Selector name. Karena pada pengaturan pertama kita sudah membuat Rule definition untuk CSS, maka pada langkah ini kita tinggal memilih css yang sudah ada. Klik OK jika pengaturan sudah selesai. 32. Lakukan pengaturan untuk tampilan header. Klik Apply kemudian OK jika sudah selesai. 33. Pilih Class header untuk mengatur bagian header. 10 Simple Tutorial Adobe Dreamweaver CS 5
11 34. Jika pengaturan belum sesuai keinginan, kita dapat mengedit kembali CSS yang sudah dibuat, dengan memilih bagian header (contoh saja), pada panel CSS Styles di kanan atas, yaitu dengan mengeklik 2x file CSS yang akan diedit 35. Pastikan Anda menyimpan semua file Anda dengan cara File Save All. 36. Berikutnya kita akan membuat Hyperlink untuk halaman Home, Profil, Gallery dan Video. 11 Simple Tutorial Adobe Dreamweaver CS 5
12 37. Blok pada teks Home, pilih Insert Hyperlink. 38. Isi link dengan home.html, untuk targetnya pilih _parent. Klik OK jika sudah selesai. Catatan: Jika Anda memilih target _parent, maka akibatnya, halaman web yang baru dibuka akan muncul pada browser yang sama dan tidak keluar tab baru. Tetapi jika Anda memilih memilih target _blank, maka akibatnya, halaman web yang baru dibuka akan muncul pada tab baru. 39. Dengan langkah yang sama seperti di atas buatlah Hyperlink untuk Profil, Gallery dan Video. Ciri bahwa teks sudah diberi Hyperlink adalah pada teks tersebut akan dibuat Underline (garis bawah) 40. Pastikan Anda menyimpan semua file Anda dengan cara File Save All. Berikutnya kita akan membuat file-file HTML untuk profil.html, gallery.html dan video.html. 41. Setelah semua file fix dibuat dan tersimpan, silakan klik File Save As Berinama file dengan nama profil.html 12 Simple Tutorial Adobe Dreamweaver CS 5
13 42. Edit bagian kontennya dengan mengisi menjadi Halaman profil, kemudian File Save All. 43. Dengan langkah yang sama seperti langkah di atas, lakukan penyimpanan (Save As) untuk file gallery.html dan video.html, sehingga pada akhirnya kita memiliki 4 file html. 44. Pastikan keempat file tersebut pada folder yang sama dan seletak dengan file-file gambar Anda. 45. Lakukan pengecekan di browser Anda dengan F12. Dan berikut contoh tampilan halaman web di browser Anda. 13 Simple Tutorial Adobe Dreamweaver CS 5
14 Tips dan Trik: Menambahkan backsound/backgrounf suara Masukkan script berikut pada HTML: <embed src= namafilemp3.mp3 autostart= true loop= false hidden= true > Atribut autostart: bagaimana musik akan diputar. Jika true, maka musik akan diputar secara otomatis, jika false, maka untuk memutar musik Anda harus menekan tombol Play terlebih dahulu. Atribut loop: berapa kali musik akan dimainkan. Jika diatur true, maka musik akan dimainkan berulang-ulang. Jika diatur false, maka musik hanya dimainkan sekali dan berhenti. Atribut hidden bernilai true, berarti media player akan tampil di halaman web, sebaliknya jika bernilai false, maka media player akan disembunyikan. Demikian tutorial sederhana mengenai pembuatan halaman web dengan Adobe Dreamweaver CS 5. Langkah berikutnya Anda dapat mengembangkan tutorial ini dengan praktik langsung. Semoga bermanfaat! LATIHAN 1. Buat folder di desktop: TIK_ABSEN 2. Buat layout Web seperti berikut. JUDUL WEB HOME PROFIL GALLERY 14 Simple Tutorial Adobe Dreamweaver CS 5
15 Konten/Isi TOPIK WEB: BEBAS WARNA/GAMBAR: BEBAS Hyperlink: target= _parent Nama file: Home home.html, Profil profil.html, Gallery gallery.html BOLEH MENGGUNAKAN CSS Copyright Nama Web Halaman Home berisi: pengantar, Halaman Profil berisi: nama, kelas, absen Anda, Halaman Gallery berisi: 4 buah gambar yang dimasukkan dalam halaman web. 4. Buat hyperlink untuk masing-masing halaman sehingga antarhalaman saling terhubung. 5. Buat halaman web semenarik mungkin dengan kreativitas warna Simple Tutorial Adobe Dreamweaver CS 5
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 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 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 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 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 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 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 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 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 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 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 terperinciModul 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 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 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 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 terperinciMICROSOFT WORD. Berikut ini adalah beberapa istilah yang akan dipakai dalam mengoperasikan Microsoft Word 2007:
MICROSOFT WORD 1. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor) yang yang biasa digunakan untuk membuat laporan, dokumen berbentuk surat kabar, label
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 terperinciKumpulan Tutorial Pengolahan Tabel Pada Microsoft Word 2010 OLEH RIZKIA NUR FAJRIYATI NIM: J1B114030
Kumpulan Tutorial Pengolahan Tabel Pada Microsoft Word 2010 OLEH RIZKIA NUR FAJRIYATI NIM: J1B114030 KATA PENGANTAR Eboo kini berisikan tentang kumpulan tutorial pengolahan tabel pada Microsoft Word 2010.
Lebih terperinciPokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen
Membuat Tabel, Footnote, Komentar dan Mencetak pada Word 2007 Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen 36 JBK Microsoft Office 2007
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 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 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 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 terperinciPEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
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 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 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 terperinciMODUL KKPI Microsoft Word 2007
MODUL KKPI Microsoft Word 2007 Untuk Kelas : X Semester 1 Design by : ARIS BUDIANTO, SE SMK TAMTAMA 1 SIDAREJA I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)
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 terperinciConditional Formatting
Bab 2 Conditional Formatting Conditional Formatting merupakan fitur Excel yang digunakan untuk memberi format sel, sebagai indikator, pada data dengan kriteria tertentu. Format sel sebagai indikator dalam
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 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 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 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 terperinciMencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)
1 Mencari Text Untuk mencari sebuah text secara cepat, gunakan fasilitas Find and Replace, yang dapat dipanggil melalui menu Edit Find atau Ctrl+F. Hasilnya adalah : 4) Mencari untuk Highlight : menandai
Lebih terperinciAPLIKASI KOMPUTER. Microsoft Word 2010 (Bag.1) Ida Farida, M.Kom. Modul ke: Fakultas MKCU. Program Studi MKCU.
APLIKASI KOMPUTER Modul ke: Microsoft Word 2010 (Bag.1) Fakultas MKCU Ida Farida, M.Kom Program Studi MKCU www.mercubuana.ac.id Microsoft Word 2010 APLIKASI KOMPUTER Teori dan fungsi-fungsi dasar Microsoft
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 terperinciRuang 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 terperinciMicrosoft Word Oleh : Drs. Jul Anhari
Microsoft Word-2007 Oleh : Drs. Jul Anhari Madrasah Tsanawiyah Negeri Ngablak Kabupaten Magelang 2010 I. Mengenal Microsoft Word Microsoft Word merupakan program aplikasi pengolah kata (word processor)
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 terperinciSMP Kristen Tirtamarta hal 1
SMPK TIRTAMARTA BPK PENABUR JL. SEKOLAH KENCANA IV, PONDOK INDAH JAKARTA SELATAN Telp. 7656615 Ext. 21, 22, 23 Fax. 7654122 E-mail : tirtamarta@cbn.net.id SOAL ULANGAN UMUM SEMESTER GENAP (PRA US) TA.
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 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 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 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 terperinciPERTEMUAN 2. Melakukan Pengaturan Pada Halaman
2.1 Membuat Bingkai Pada Halaman PERTEMUAN 2 Melakukan Pengaturan Pada Halaman Untuk mempercantik dokumen, kita bisa menambahkan bingkai pada halaman dengan cara: Tandai teks yang akan diberi bingkai Klik
Lebih terperinciPemrograman Web WEEK 03 HTML LANJUT
1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value
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 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 terperinciTabel, 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 terperinciMODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA
MODUL PELATIHAN PROGRAM MS. OFFICE EXCEL 2007 DISUSUN OLEH YAYASAN KURNIA A. MENYALAKAN KOMPUTER Pastikan Kabel Supply terhubung ke PLN, kemudian lakukan langkah sbb: 1. Nyalakan Stabilizer 2. Nyalakan
Lebih terperinciPengenalan Perancangan Web 2017
5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan
Lebih terperinciMEMANFAATKAN 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 terperinciMENGGUNAKAN TABEL DAN FORMULA
BAB 3 MENGGUNAKAN TABEL DAN FORMULA A. MEMBUAT TABEL Tabel adalah gabungan antara kolom dan baris, kolom berbentuk vertikal sedangkan baris berbentuk horizontal. Untuk membuat tabel ada 2 cara yang dapat
Lebih terperinciMembuat Buku Kerja dengan Microsoft Excel
Pelajaran 5 Membuat Buku Kerja dengan Microsoft Excel A B C D 1 Nama Murid Jenis Kelamin Nilai Matematika Keterangan 2 Andi L 8 Lulus 3 Siti Nurlaela P 8 Lulus 4 Dinar Nugraha L 8 Lulus 5 Bayu Purbaya
Lebih terperinciPANDUAN PRAKTIS MICROSOFT WORD 2007
Bagian 1: Mengenal Microsoft Office Word 2007 1.1. Memulai Aplikasi Microsoft Office Word 2007 Untuk membuka Microsoft Word caranya adalah: Klik Tombol Start yang ada di taskbar. Pilih menu All Program
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 terperinciMODUL BAHAN AJAR Semua Program Keahlian KATA PENGANTAR
KATA PENGANTAR Pemanfaatan komputer sebagai salah satu sarana pembangunan pembelajaran saat ini sudah menjadi kebutuhan utama. Hal ini didasarkan kepada beberapa faktor, yaitu : Perkembangan teknologi
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 terperinciBAB VII MENGOLAH TABEL
BAB VII MENGOLAH TABEL A. Membuat Tabel Membuat tabel biasanya diperlukan untuk menyisipkan surat penawaran berupa tabel yang dapat digabungkan dengan naskah tanpa harus membuatnya menggunakan program
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 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 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 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 terperinciMicrosoft Power Point 2007
Microsoft Power Point 2007 Modul 1 PENGENALAN POWER POINT 2007 Menjalankan Power point Pengenalan Interface/Tampilan Fungsi Shortcut / Icon Membuat Dokumen Baru Membuat slide kedua Cara mengatur slide
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 terperinciBAB VII PERANGKAT LUNAK PENGOLAH TEKS
BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana
Lebih terperinciCara 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 terperinciPada bab sebelumnya kita sudah berkenalan dengan menu Home, maka pada pertemuan kali ini kita akan berkenalan dengan menu Insert.
BAB 4 Tabel, Diagram dan Grafik Pada bab sebelumnya kita sudah berkenalan dengan menu Home, maka pada pertemuan kali ini kita akan berkenalan dengan menu Insert. Pada menu Insert terdapat kelompok toolbar:
Lebih terperinciModul Praktikum 2 Dasar-Dasar Teknologi Informasi dan Komunikasi. Mengolah Kata Dengan Microsoft Word (1)
A. Mengenal Microsoft Word Mengolah Kata Dengan Microsoft Word (1) Microsoft Word (MS Word) merupakan program untuk mengolah kata. Program ini bisa digunakan untuk menulis dokumen misalnya karya tulis,
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 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 terperinciBab 3 Format dan Formula
Bab 3 Format dan Formula Pada Bab ini anda akan mempelajari cara: Format sel secara manual Format atribut dan pembatas sel Merapikan tampilan dengan format Format untuk angka-angka Memformat angka sebagai
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 terperinciPERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007
PERTEMUAN 8: MENGOPERASIKAN DASAR DASAR MICROSOFT OFFICE EXCEL 2007 A. TUJUAN PEMBELAJARAN Pada bab ini akan dijelaskan mengenai mengoperasikan dasar dasar Microsoft Office Excel 2007. Melalui Penjelasan
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 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 terperinciPRAKTIKUM 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 terperinciMODUL II TABEL. 3. Blok grid tabel sebanyak kolom dan baris yang anda inginkan. Baris x kolom
MODUL II TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD Mahasiswa mengerti cara membuat tabel dengan Ms Word 2. TUJUAN Mahasiswa dapat membuat tabel B. TEORI Word menyediakan fasilitas untuk membuat tabel, yang
Lebih terperinciAPLIKASI KOMPUTER. Pokok Bahasan : MS. WORD (BAGIAN 1) Anggun Puspita Dewi, S.Kom., MM. Modul ke: Fakultas MKCU
APLIKASI KOMPUTER Modul ke: Pokok Bahasan : MS. WORD (BAGIAN 1) Fakultas MKCU Anggun Puspita Dewi, S.Kom., MM Program Studi Sistem Informasi & MarComm www.mercubuana.ac.id PENGERTIAN MICROSOFT WORD Microsoft
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 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 terperinciTua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang
Tutorial Microsoft Excel Tua Namora Nainggolan dan Team Kursus Komputer Trainee Jepang cokubear@yahoo.co.jp Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
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 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 terperinciKSI B ~ M.S. WULANDARI
1 MODUL VI : PAGE Situs WEB sekarang ini tidaklah hanya terdiri atas teks dan grafik. Banyak perusahaan ingin menampilkan data untuk relasi dan pelanggan mereka. Dengan Access 2000 kita bisa menyimpan
Lebih terperinciPOWER POINT. Buka Program Power Point. Pembuatan Media Pembelajaran Interaktif Dengan Power Point
1 POWER POINT Microsoft PowerPoint merupakan perangkat lunak yang mudah dan sering digunakan untuk membuat media pembelajaran. Di dalam PowerPoint terdapat menu-menu yang memungkinkan pengguna untuk membuat
Lebih terperinciMICROSOFT WORD Baris Judul. Drawing Toolbar
MICROSOFT WORD 2003 A. Membuka Microsoft Word 2003 Untuk membuka program Microsoft Word, ikutilah langkah-langkah berikut: Klik start klik All Programs klik Microsoft Office klik Microsoft Office Word
Lebih terperincimerge to new document
1. Untuk menjalankan program, langkah awal adalah melakukan klik. pada taskbar. a. Start b. Exit c. Turn off d. Log off e. Shutdown 2. Perintah yang digunakan untuk mengaktifkan windows explore adalah.
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 terperinciAPLIKASI KOMPUTER MICROSOFT WORD 2010 (BAGIAN 1) Safitri Juanita, S.Kom, M.T.I. Modul ke: Fakultas Ekonomi. Program Studi Manajemen
Modul ke: APLIKASI KOMPUTER MICROSOFT WORD 2010 (BAGIAN 1) Fakultas Ekonomi Safitri Juanita, S.Kom, M.T.I Program Studi Manajemen www.mercubuana.ac.id MICROSOFT WORD 2010 APLIKASI KOMPUTER Teori dan Fungsi
Lebih terperinciEntri dan Modifikasi Sel
BAB Entri dan Modifikasi Sel 6 Pada Bab ini anda akan mempelajari cara: Memasukkan teks dan angka pada spreadsheet secara manual Menyimpan file spreadsheet Menggunakan fasilitas cepat Fill Series Memotong,
Lebih terperinciTUTORIAL PEMBUATAN WEBSITE Untuk Pengajar Tetap UK.Petra Pusat Komputer UK.Petra, Januari 2002
TUTORIAL PEMBUATAN WEBSITE Untuk Pengajar Tetap UK.Petra Pusat Komputer UK.Petra, 30-31 Januari 2002 Bagian Penyaji Informasi PetraNet Koordinator : Ido Priyana Hadi Editor Isi : Yokhanan Kristiono D (pengajar)
Lebih terperinciMICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Lebih terperinciBab 2 Entri dan Modifikasi Sel
Bab 2 Entri dan Modifikasi Sel Pada Bab ini anda akan mempelajari cara: Memasukkan teks dan angka pada spreadsheet secara manual Menyimpan file spreadsheet Menggunakan fasilitas cepat Fill Series Memotong,
Lebih terperinciFormat dan Formula. Pada Bab ini anda akan mempelajari cara:
BAB Format dan Formula 7 Pada Bab ini anda akan mempelajari cara: Format sel secara manual Format atribut dan pembatas sel Merapikan tampilan dengan format Format untuk angka-angka Memformat angka sebagai
Lebih terperinciCSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
Lebih terperinciSemua Tentang Format...
1 Bab 6 Semua Tentang Format... 31. Membuat Format Surat Secara Instant Bagi sebagian orang, membuat berbagai format untuk surat, fax, atau keperluan lainnya sering menjadi pekerjaan yang membingungkan
Lebih terperinci