Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE
|
|
- Sugiarto Setiabudi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 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 Windows.-, aktifkan control panelnya, pastikan Apache sudah berjalan ( berwarna hijau ) Lihat Gambar : 2. Buka Software Dreamweaver dan definiskan lokasi situs anda. Mendifinisikan Situs Web 1. Buka Windows Explorer pada windows, lalu buka folder c:\xampp\htdocs. Pada folder htdocs buatlah folder baru ( nama folder bebas dianjurkan dengan huruf kecil) misalnya latihan. 2. Buka Program Dreamweaver. Pilih Menu Site > New Sites maka akan tampil kotak dialognya. 3. Pada kotak dialog Site Definition, Klik Menu Advance. Lihat Gambar: 4. Kotak dialog Site Definition akan ditampilkan dalam mode Advances. Pada bagian Category, pilihlah Local Info. Kemudian isikan item-item berikut: Site Name. Isikan dengan nama situs yang anda inginkan. Local Root Folder, isikan nama folder yang telah kita buat sebelumnya pada langkah satu yaitu: C:\xampp\htdocs\latihan Default Image Folder adalah tempat menyimpan gambar/images : Isikan C:\xampp\htdocs\images
2 HTTP Adress : Selesai mendifiniskan situs baru, klik tombol OK. Membuat sketsa web statis Untuk memulai desain web, buatlah rencana desain web dengan membuat layout web tersebut dahulu. Pada latihan ini, kami membuat rencana desain web sebagai berikut :
3 Implementasi Layout pada Tabel Dreamweaver Setelah kita menentukan sketsa layout web yang akan kita buat, selanjutnya layout dapat dibuat dengan bantuan table. 1. Klik menu insert > table akan tampil kotak dialognya. Isikan pada Rows : 4 Columns : 3 Table width : 790 pixels Border thickness : 0 Cell padding : 0 Cell spacing : 0
4 2. Jika sudah sesuai, tekan OK, akan tampak di layar monitor table dengan 4 baris (rows ) dan 3 kolom ( columns ). 3. Agar web kita tampak dilayar berada tepat ditengah-tengah, pilih pada properties nya bagian Align : Center ( Lihat Gambar ) Pada tahapan ini kita sudah berhasil membuat table sesuai layout yang di inginkan. Untuk selanjutnya kita lakukan manipulasi table sesuai layout yang ada sebagai berikut : 1. Tabel baris pertama dibiarkan apa adanya karena nantinya masing-masing kolom 1, kolom 2 dan 3 akan di isi images web yang akan dibuat header. Images yang akan dipakai sebagai header sebaiknya diletakkan pada folder c:\xampp\hatdocs\images. Hal ini dimaksudkan untuk mempermudah manajemen file pada web apabila file dan gambar sudah sangat banyak.
5 2. Blok semua kolom pada baris kedua menggunakan mouse dengan cara klik mouse tanpa dilepas pada table yang akan dimanipulasi baris dan kolomnya, lalu klik menu Modify > Table > Merge Cells, selanjutnya kolom-kolom pada baris kedua akan menyatu menjadi satu kolom saja. Lihat Gambar. 3. Kemudian pada baris ketiga kita memerlukan modifikasi dua kolom, maka bloklah kolom ke 2 dan ke 3 dengan klik tekan dan jangan dilepas sampai di kolom ke 3 baru dilepas, kemudian klik menu Modify > Table > Merge Cells. 4. Terakhir, pada baris keempat, kita juga hanya memerlukan 1 kolom saja seperti pada baris kedua, maka caranya sama dengan langkah ke 2. Gambar : table yang sudah di lakukan modifikasi penggabungan sesuai layout. Penjelasan : Columns adalah banyaknya kotak horizontal Rows banyaknya kotak secara vertikal Cells Spacing jarak antara satu sel dengan sel lainnya. Cell Padding jarak anatara tepi sel dengan obyek yang ada di dalamnya. Border Thickness: Garis pinggir dari table ( baik baris maupun kolom ) Membuat Header Website Statis Membuat Header Baris Pertama Mari kita membuat header web statis kita dengan cara sebagai berikut : 1. Letakkan kursor pada kolom 1 baris pertama, lalu klik menu insert > Images, akan tampil menu dialognya, cari file gambar dengan nama header_01 klik OK. 2. Kemudian pindahkan kursor pada kolom ke 2 di baris pertama dan masukkan gambar kedua file header_02, caranya sama dengan langkah Pindahkan lagi kursos ke kolom 3 di baris pertama lalu masukkan header_03. klik OK, Lihat Gambar dibawah ini:
6 Hiasan Header Baris Kedua Baris kedua merupakan header web dan bagian ini biasanya diletakkan teks berjalan dari kiri ke kanan ( marquee ) atau bisa jadi tempat untuk membuat menu bagian atas. Letakkan kursos pada baris kedua, lalu pilih pada Properties nya warna yang anda suka misalnya Warna Hijau Tua kode BG: # ( lihat gambar ). Pada tahapan ini header website sudah tampak sesuai rencana. Content untuk kolom Navigasi. Baris ketiga mempunyai dua kolom, pada kolom 1 akan ditempati link-link atau tombol yang berfungsi untuk navigasi pada website yang kita buat. Sebelum navigasi dibuat, sebaiknya buat daftar tombol navigasi pada web yang akan kita buat. Misalnya : 1. Home file : index.html 2. About me file : about.html 3. Contact us file : contact.html
7 4. My Family file : family.html 5. My Friend file : friend.html Navigasi yang akan dibuat ini bisa dituliskan pada kertas catatan atau dokumen teks supaya nantinya mudah di copy paste saat membuat navigasi. Cara membuat navigasi pada dreamwaver. 1. Letakkan kursor pada kolom 1 di baris ketiga, lalu pilih pada propertiesnya bagian Horz: Center dan Vert:Top sehingga button yang dibuat akan selalu berada ditengah dan di atas. 2. Klik menu Insert > table akan tampil kotak dialog, Isikan pada Rows : 5, Columns: 1, Table Width: 100 pixels, Border : 0, Cell padding : 0 dan Cell spacing : Simpan file dan diberi nama : index.html Catatan : file harus disimpan terlebih dahulu dan diberi nama index.html kalau tidak, tombol navigasi belum bisa dibuat.
8 4. Pada table yang baru kita buat, letakkan kursos pada baris pertama, lalu klik menu Insert > Interactive Image > Flash button akan tampil kotak dialognya. Pilih pada Style : ( pilih sesuai keinginan ), Button text : Home klik OK untuk mengakhiri (Lihat Gambar) 5. Masukan ke empat tombol lainnya satu persatu caranya sama dengan langkah 3. Kita hanya mengubah pada bagian Button teks dan Link nya saja. Buat Background menu dengan warna Hijau Tua.
9 Content Untuk Kolom Utama Konten utama merupakan menu home yang tampil pada saat web pertama kali di akses. Cara membuatnya adalah sebagai berikut : 1. Letakkan kursos pada kolom kedua di baris ketiga, lalu pada properties pilih bagian Vert : Top. Kemudian, tekan tombol Ship+Enter di Keyboard untuk pindah baris. Tuliskan teks SELAMAT DATANG DI WEBSITE KAMI. 2. Untuk selanjutnya tekan tombol Enter pada keyboard. 3. Klik Menu Insert > Image akan tampil kotak dialognya, carilah gambar gadis.gif. Hasilnya terlihat pada gambar dibawah ini
10 4. Tulislah teks informasi secukupnya di sebelah kanan gambar. 5. Agar teks tidak berada di bawah gambar, lakukan teknik sebagai berikut : Pilih gambar tersebut dan atur propertiesnya isikan pada : > H Space : 20 > Align : Left. Teks informasi akan berpindah ke sebelah kanan gambar ( tepat berdampingan dengan gambar ). Lihat Gambar :
11 Keterangan : Space : Untuk menambah area kosong di sekeliling gambar V. Space untuk menambah area kosong di atas dan di bawah gambar. H Space untuk menambah area kosong di samping kanan dan kiri gambar. Align : Untuk menentukan perataan antara gambar dan teks. Misalnya Align : Left ( perataan kiri ), gambar tepat berada di sebelah kiri teks. Bagian Footer Bagian footer terletak baris keempat, yang akan kita isikan tulisan misalnya Copyright Tahun 2009 By Ucha Design. Cara membuat nya sebagai berikut : 1. Letakkan kursor pada baris keempat, lalu pilih properties nya dengan warna BG # ( Warna Hitam) 2. Letakkan teks Copyright Tahun 2009 By Ucha Design lalu blok tulisan tersebut dan pilih properties untuk warna putih kode #FFFFFF, font, ukuran yang sesuai dengan keinginan kita dapat dilihat pada properties. 3. Untuk memasukkan karekater copyright di Dreamwaver, klik menu Insert > HTML > Special Character > Copyright.
12 Footer Memberi Judul Website Pada saat melihat sebuah situs web pada pojok kiri atas browser judul dari web tersebut. Pada bagian ini default nya tertulis Untitle Document dan untuk menggantinya lihat gambar sebagai berikut: Lihat toolbar bagian atas pada dreamwaver, ada kotak title : isikan sesuai keinginan anda, misalnya, Title : Welcome to my webste. Title website Akhir Dari Sebuah Halam Web Sebelum menjalankan web dilocal pastikan file sudah tersimpan dengan nama index.html. Sebab penamaan tersebut sudah didefiniskan pada Apache Server yang tidak akan mengakses langsung apabila diberi nama selain index.html.
13 Jalankan web browser dengan perintah maka web anda harus tampil di monitor, selama tidak ada kesalahan pada pendefinisan situs, dan penamaan file. Membuat Menu Konten Lainya Lihat kembali daftar tombol navigasi diatas : Home Nama file : index.html About me -- Nama file : about.html Contact us -- Nama file : contact.html My Family - Nama file : family.html My Friend Nama file : friend.html Catatan : nama file dianjurkan dibuat dengan huruf kecil semua untuk mempermudah penulisan kembali dan hal ini sangat berpengaruh apabila suatu saat web kita letakkan di server linux yang kebanyakan dipakai oleh server hosting internet. Membuat Halamam About Me, Contact Us, dan lain-lain, ikuti prosedur sebagai berikut: 1. Masih pada halaman utama ( file: index.html ) simpan file tersebut dengan nama baru Save As: about.html ( lihat daftar menu tombol navigasi). 2. Pada saat ini halaman baru berada pada file : about.html. Kontent untuk kolom ke dua baris ke tiga diganti isinya sesuai rubrik About Me. Isikan foto penunjang disesuaikan dan diganti sesuai keinginan dan selanjutnya disimpan kembali.( File > Save ) 3. Prosedur yang sama juga berlaku untuk halaman-halaman lainnya yaitu contact.html, family.html, friend.html.
14 Simpan dengan nama lain misalnya : about.html Jalankan web browser dengan perintah maka web anda harus tampil di monitor, selama tidak ada kesalahan pada pendefinisan situs, dan penamaan file, maka tombol navigasi akan berjalankan sesuai harapan, semua image akan muncul, halaman web tidak terjadi broken link dan web tampak lebih indah. Selamat mencoba..
Membuat situs sederhana dengan Dreamweaver *)
Membuat situs sederhana dengan Dreamweaver *) Oleh: Sri Andayani Jurusan Pendidikan Matematika, FMIPA UNY Dreamweaver merupakan salah satu perangkat lunak bantu dalam kelompok Macromedia yang digunakan
Lebih 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 terperinciSIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Lebih 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 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 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 terperinciGambar 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 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 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 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 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 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 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 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 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 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 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 terperinciPengenalan Microsoft Excel 2007
Pengenalan Microsoft Excel 2007 Microsoft Excel merupakan perangkat lunak untuk mengolah data secara otomatis meliputi perhitungan dasar, penggunaan fungsi-fungsi, pembuatan grafik dan manajemen data.
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 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 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 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 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 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 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 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 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 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 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 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 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 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 terperinciDesain Web Dengan Macromedia Dreamwever MX. Mendesain Situs
Desain Web Dengan Macromedia Dreamwever MX Macromedia Dreamwever MX dirilis pada pertengahan tahun 2002, mengantikan Macromedia Dremwever MX. Software in merupakan software web design yang terbesar dan
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 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 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 terperinciII. Bekerja dengan Microsoft Excel
MICROSOF T EXCEL level 1 I. Mengenal Microsoft Excel Microsoft Excel, untuk selanjutnya disingkat Excel, adalah program aplikasi yang banyak digunakan untuk membantu menghitung, memproyeksikan, menganalisa,
Lebih terperinciMembuat web CMS dengan JOOMLA
Membuat web CMS dengan JOOMLA Tingkat sangat pemula sekali dan hanya pengetahuan dasar bagi pemula Ditulis oleh deris stiawan dengan langsung dicoba (newbie) Disini penulis menggunakan XAMPP sebagai web
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 terperinciModul Praktek 01. Menggunakan Aplikasi Pengolah Kata
Modul Praktek 01 Menggunakan Aplikasi Pengolah Kata A. TUJUAN RAKTIKUM Setelah mengikuti praktikum ini, mahasiswa dapat menggunakan aplikasi pengolah kata untuk membuat dokumen tertulis. B. ALAT YANG DIBUTUHKAN
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 terperinciBiro Teknologi & Sistem Informasi Universitas Kristen Satya Wacana
T U T O R I A L MICROSOFT EXCEL 2007 Materi Pelatihan Microsoft Office Advanced Untuk Staff Administrasi UKSW Oleh: Paulus Nindito Adi 12 Maret 2010 Biro Teknologi & Sistem Informasi Universitas Kristen
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 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 terperinciBAB 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 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 terperinciPemudaPemudi. Copyright From Created by ary212
1 I. Mengenal Microsoft Excel Microsoft Excel, untuk selanjutnya disingkat Excel, adalah program aplikasi yang banyak digunakan untuk membantu menghitung, memproyeksikan, menganalisa, dan mempresentasikan
Lebih terperinciMenyusun Materi dalam Bentuk Buku dengan Adobe InDesign
Menyusun Materi dalam Bentuk Buku dengan Adobe InDesign Program aplikasi khusus desktop publishing ini sangat diminati oleh para praktisi di bidang percetakan karena sejumlah tool yang sangat mempermudah
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 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 terperinci2. What s the name of picture or symbol in desktop which has fuction to open Program? a. toolbar b. icon c. shortcut d. menu
1. Look at the picture toolbar above, in microsoft word program this toolbar is called. a. drawing toolbar b. standart toolbar c. formatting toolbar d. table and borders toolbar 2. What s the name of picture
Lebih terperinciBAB III ANALISA DAN PEMBAHASAN
18 BAB III ANALISA DAN PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun sebuah website mengenai hewan-hewan langka yang ada di Indonesia. Hewan langka merupakan hewan yang sudah jarang
Lebih terperinciMicrosoft Excel. I. Pendahuluan
Microsoft Excel I. Pendahuluan Microsoft Excel adalah General Purpose Electronic Spreadsheet yang bekerja dibawah Sistem Operasi Windows. Microsoft Excel dapat digunakan untuk menghitung angka-angka, bekerja
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 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 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 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 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 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 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 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 terperinciMODUL MICROSOFT OFFICE POWERPOINT 2010 KKL STMIK AMIKOM PURWOKERTO
MODUL MICROSOFT OFFICE POWERPOINT 2010 KKL STMIK AMIKOM PURWOKERTO Mari mengenal Power Point. Apa itu Powerpoint? Ms Powerpoint adalah salah satu program aplikasi microsoft office yang berguna untuk membuat
Lebih terperinciMICROSOFT EXCEL INTRODUCTION
MICROSOFT EXCEL INTRODUCTION Subject Tampilan/Interface Workbook Worksheet Pengoperasian File INTERFACE & FUNCTION EXPLANATION Microsoft Excel 2007 Interface Pada Windows Ms. Excel 2007 yang muncul, terdapat
Lebih terperinciULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013
1. Istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui internet untuk di publish adalah. A. Website D. Web Designer B. Web Design.
Lebih terperinciMACROMEDIA 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 terperinciLEMBARAN SOAL ULANGAN HARIAN 1
J A Y A R A Y A PEMERINTAH PROVINSI DAERAH KHUSUS IBUKOTA JAKARTA DINAS PENDIDIKAN SEKOLAH MENENGAH ATAS (SMA) NEGERI 78 JAKARTA Jalan Bhakti IV/1 Kompleks Pajak Kemanggisan Telp. 5327115-5482914 JAKARTA
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 terperinciMicrosoft Word Bagian I
APLIKASI KOMPUTER Modul ke: Microsoft Word Bagian I Fakultas Teknik Program Studi Elektro www.mercubuana.ac.id I b r a h i m, S.T, M.T. Ibra.lammada@gmail.com Pengertian Sejauh ini kita sudah sedikit banyak
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 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 terperinciPELATIHAN MICROSOFT OFFICE
PELATIHAN MICROSOFT OFFICE MODUL : MODUL MICROSOFT WORD 2010 Disusun oleh : Heri Purnomo, S.Kom. UNIVERSITAS JENDERAL SOEDIRMAN TAHUN 2017 MODUL MICROSOFT WORD 2010 Microsoft Word merupakan program pengolah
Lebih terperinciCopy Right 2009 Not right to copy without permission
Oleh: Nestoriko http://tutorial-website.blogspot.com http://nestoriko.co.cc Copy Right 2009 Not right to copy without permission INSTALASI XAMPP UNTUK LOCALHOST Berikut ini langkah-langkah yang bisa dilakukan
Lebih terperinciBAB X MENGATUR DAN MENYUNTING TAMPILAN DATA
DIKTAT MATA KULIAH SOFTWARE TERAPAN I BAB X MENGATUR DAN MENYUNTING TAMPILAN DATA IF Menambahkan Bingkai (Border) Untuk menambahkan bingkai (border) pada tabel yang telah Anda buat, dapat dilakukan dengan
Lebih terperinciKATA PENGANTAR. Ikatlah ilmu dengan menuliskannya.
KATA PENGANTAR M icrosoft Excel adalah program untuk mengolah lembar kerja yang paling populer saat ini. Dengan Excel, kita bisa membuat dan menganalisa berbagai data, menghitung dan membuat grafik. Modul
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 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 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 terperinciPERTEMUAN 4 MENYISIPKAN TABEL
PERTEMUAN 4 MENYISIPKAN TABEL 4.1 Menyisipkan Tabel Baru Microsoft Office Word 2007 juga dapat menyisipkan objek berbentuk tabel ke dalam dokumen dengan cara: Klik tab insert lalu klik icon table pada
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 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 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 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 terperinciSOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Lebih 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 terperinciMicrosoft Excel 2007
MODUL Microsoft Excel 2007 Disampaikan dalam Pelatihan Komputer SMP Negeri 1 Wates Bekerja sama dengan KKN Universitas Negeri Yogyakarta Tahun 2011 Oleh : PURWO NUGROHO 1 Pelatihan Komputer SMP N 1 Wates
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 terperinciMENGELOLA TEKS DALAM KOLOM DAN TABEL
MENGELOLA TEKS DALAM KOLOM DAN TABEL Jika Anda bekerja dengan kolom, sebelumnya Anda harus memahami perilaku fasilitas pengaturan kolom yang ada pada InDesign. Di dalam mendesain layout halaman, seringkali
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 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 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 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 terperinciLEMBARAN SOAL ULANGAN HARIAN 1
J A Y A R A Y A PEMERINTAH PROVINSI DAERAH KHUSUS IBUKOTA JAKARTA DINAS PENDIDIKAN SEKOLAH MENENGAH ATAS (SMA) NEGERI 78 JAKARTA Jalan Bhakti IV/1 Kompleks Pajak Kemanggisan Telp. 5327115-5482914 JAKARTA
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 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 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 III ANALISA DAN PEMBAHASAN MASALAH
BAB III ANALISA DAN PEMBAHASAN MASALAH 3.1 Analisa Masalah Hal ini didasarkan pada kebutuhan pelanggan yang sangat tinggi terhadap pulsa. Data ini diperoleh melalui survei dari konter ke konter pulsa.
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 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 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 terperinci