Bab III PEMBAHASAN PEMBUATAN WEBSITE.
|
|
- Yuliani Budiman
- 7 tahun lalu
- Tontonan:
Transkripsi
1 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 Macromedia Dreamweaver MX ditambah aplikasi lain berfungsi sebagai pendukung seperti Macromedia Flash MX dan adobe photosop7.0. Macromedia Dreamwaver MX merupakan program apliksi generator HTML yang didalamnya terdapat fasilitas yang memudahkan dalam membangun atau membuat sebuah halaman web.dalam pembahasan ini akan dibagi menjadi beberapa bagian. Bagian petama akan menjelaskan tentang dasar pembuatan halaman web serta tekhnik dalam menyisipkan teks, gambar maupun animasi dan membuat tombol, kedua menjelaskan struktur navigasi dari website, dan ketiga menjelaskan proses dari halaman web. 3.1 Proses Halaman Web Setelah semua persiapan awal untuk membuat website telah dilaksanakan dengan baik, maka berarti telah siap untuk memulai dan membuat sebuah website PT.DIAMOND ICE CREAM dengan software web desain Macromedia Media Dreamweaver MX. Berikut cara-cara sederhana yang dapat dilakukan untuk membuat website ini: Membuat Folder PT.DIAMOND ICE CREAM Langakah-langkah yang biasa diikuti untuk membuat site baru adalah sebagai berikut : 1. Bukalah Windows Explorer. Maksudnya adalah untuk membuat folder baru yang dijadikan Root Folder. 2. Masukkan ke drive C:\harddisk
2 24 3. Tekan Menu File>New>Folder 4. Kemudian namailah folder ini dengan nama ICE CREAM, sehingga memiliki folder baru yang berlokasi di C:\ICE CREAM. Di bawah ini folder ini data-data akan tersimpan Membuat Root Folder Ada beberapa langkah yang harus dilakukan untuk menciptakan Root Folder dengan Macromedia Dreamweaver MX, dibawah ini adalah langkahlangkah untuk membuat Root Folder, yaitu: 1. Jalankan Macromedia Dreamweaver MX 2. Tekanlah Menu Site dan pilih New Site 3. Muncul kotak dialog site definition. Di bagian atas jendela itu tersaji dua pilihan. Basic dan advanced, pilihlah advanced dalam keadaan terpilih. 4. Pada Text_Box Site Name tulislah PT.DIAMOND ICE CREAM 5. Pada Text_Box Local Root Folder tulislah folder C:\ICE CREAM\ atau klik icon untuk mencari folder yang telah dibuat. 6. Aktifkan pilihan dengan cara mengklik check box yang ada. 7. Dibagian HTTP address, masukkan alamat Website 8. Klik pilihan 9. Tekan tombol
3 25 Gambar 3.1 Site Definition Dibagian kanan Dreamweaver MX terdapat situs baru yang sudah kita buat tadi dalam sebuah jendela files disini, kita bisa melakukan beragam hal seperti mendeteksi semua file, menghapus file, dan lainnya. Gambar 3.2.Jendela Files
4 Membuat Halaman Baru Pembuatan dokumen baru dapat dibuat melalui kotak dialog New Document. Adapun caranya adalah sebagai berikut: 1. Klik menu file > New sehingga muncul kotak dialog New Document 2. Pada kotak dialog tersebut, pilihlah General 3. Pada kolom Subsistem Basic page, pilhlah HTML 4. Setelah itu klik Create Gambar 3.3 Kotak Dialog New Document (HTML) Memberi Nama Dokument Website Untuk memberi nama document adalah sebagai berikut : 1. Pilihlah Menu Modify > Page Properties, maka akan mucul kotak dialog page Propertiies 2. Pada Text_box, tulislah nama document yang diinginkan 3. Klik OK
5 27 Gambar 3.4 Page Properties 3.2 Menulis Teks Menulis teks diatas sebuah website tidaklah jauh beda dengan penulis teks diatas Word. Processor semacam Ms.Word, memang pemrogrman website tidak menunjang beberapa kemampuan yang bisa dilakukan Ms.Word. Saat berada di Macromedia Dreamweaver MX, saat itu pula sudah diperoleh untuk menuangkan teks diatasnya. Selama menggunakan teks untuk menulis kalimat diatas sebuah halaman website akan ditemani oleh Property Inspector Text. Diatas Property Inspector inilah menemukam fasilitas-fasilitas penulisan teks untulk website. Gambar 3.5 Property Inspector Text
6 Baris Baru Dan Paragraph Baru Saat ingin mengetik teks dan ingin memulai baris baru yang terletak dibawah teks pertama, ada dua hal yang perlu diperhatikan. Pertama, teks diketik sebagai baris baru dan kedua, teks diketik sebagai paragraph baru. Untuk memulai baris baru ataupun pindah dari baris yang satu kebaris yang baru caranya hanyalah Shift + Enter, maka pengetikan akan dimulai baris yang baru. Pada Code Inspector, amatilah bahwa tercipta sebuah tag untuk menandai baris baru yaitu tag<br>. Sedangkan untuk memulai paragraph baru hanya menekan tombol Enter saja, maka pengetikkan akan dimulai pada paragraph baru. Kursor akan berda dibaris pertama dengan jarak spasi yang lebih besar. Pada Code Inspector akan tercipta sebuah tag untuk menandai paragraph naru yaitu tag<p> Menggunakan Perantara Alinea 1. Rata tengah (Centre) Ada tiga cara untuk menggunakan rata tengah ini, yaitu : a. Pada Property Inspector Text, kliklah icon b. Kliklah menu Text > Align > Centre c. Tekanlah tombol Ctrl + Alt + Shift + C Pada Code Inspector akan tampil tag HTML untuk rata tengah ini Yaitu <p align = Center > 2. Rata kiri (Align Left) Ada tiga cara untuk menggunakan rata kiri, yaitu : a. Pada Property Inspector Text, kliklah icon b. Kliklah menu Text > Align > Left c. Tekanlah tombol Ctrl + Alt + Shift + L Pada Code Inspector akan tampil tag HTML untuk rata tengah ini Yaitu < p align = Left ). 3. Rata Kanan (Align Right)
7 Ada tiga cara untuk menggunakan rata kanan, yaitu : Pada Property Inspector Text, kliklah icon b. Kliklah menu Text > Align > Right c. Tekanlah tombol Ctrl + Alt + Shift + R Pada Code Inspector akan tampil tag HTML untuk rata kanan ini yaitu < P align = Right >. 4. Rata Kanan-Kiri (Justify) Ada tiga cara untuk menggunakan rata kiri, yaitu : a. Pada Property Inspector Text, kliklah icon b. Kliklah menu Text > Align > Justify Tekanlah tombol Ctrl +Alt + Shift + J Pada Code Inspector akan tampil tag HTML untuk rata kanan-kiri ini yaitu <P align = Justify > Memformat Paragraph Untuk memformat bentuk dari sebuah paragraph, maka gunakan salah satu cara sebagai berikut : 1. Pada Property Inspector Text drop down Yang isinya antara lain, pilihlah salah satunya. 2. Pilihlah menu Text > Paragraph Format. Disitu dicantum segala pilihanpilihan untuk memformat suatu paragraph Memilih Font Untuk memilih font gunakanlah : a. Pada Property Inspector Text, drop down pilihlah jenis font yang akan digunakan.
8 30 b. Pilihlah menu Text > Font< lalu pilihlah jenis font yang digunakan untuk mengatur ukuran font, caranya adalah : 1. Pada Property Inspector Text, drop down pilihlah ukuran font yang akan dipakai. Ukuran sizenya adalah 2. Pilihlah menu Text > Size, kemudian pilihlah ukuran text yang diingainkan Membuat Text Didalam membuat text untuk website supaya menarik, hurufnya yang diberi warna. Caranya adalah : a. Pada Property Inspector Text, pilihlah icon Text Color yang berisi jenis warna yang dapat dipilih. b. Pilihlah menu Text > Color, kemudian pilihlah warna text yang diingainkan Menyimpan Dokumen Untuk menyimpan dokunen yang telah dibuat, maka lakukan langkahlangkah berikut ini :
9 A. Pada menu File > Save< sehingga muncul kotak dialog save 31 Gambar 3.6 Menyimpan dokumen B. Pada kotak save in, pilihlah folder tempat file akan disimpan C. Pada kotak file name, berikan nama file D. Klik Save untuk menyimpan dokumen. 3.3 Menyimpan gambar (Image) Langkah-langkah untuk menyisipkan gambar adalah : a. Pilihlah menu Insert > Image atau klik tombol tab Common yang dapat anda temukan disisi atas Macromedia Dreamweaver MX, kemudian kliklah icon, sehingga muncul kotak dialog Select Image Source.
10 32 Gambar 3.7 Select Image Source b. Carilah gambar yang ingin anda sisipkan c. Klik Ok. Page kode HTML terdapat perubahan ketika menyisipka gambar yaitu <img src = Nama File Widht = Height > Sejalan masuknya gambar kedalam halaman Web, maka akan dijumpai pula Property Inspector Image. Gambar 3.8 Property Inspecror Image 3.4 Menggunakan Link Tujuan dibuatnya link adalah agar semua halaman Web saling berkaitan satu sama lain, maka akan tercipta suatu jaringan didalam Website Membuat Link Pada Text Langkah-langkah membuat link pada text adalah : a. Tulislah text yang ingin anda beri link b. Bloklah text yang ingin anda beri link
11 33 c. Kemudian alihkan pandangan pada jendela Properties tepatnya pada kotak link d. Kliklah pada icon Browser for file yang ada disebelah kanan kotak link tersebut sampai masuk ke jendela select file. Gambar 3.9 Select File (Link) Membuat Link Pada Gambar Caranya sama dengan membuat link pada text, perbedaanya hanya pada membuat link pada text, textnya yang diblok. Maka pada pembuatan link pada gambar, gambarnyalah icon bloknya saja. Jika yang diblok. 3.5 Menyisipkan animasi (Flash) Langkah-langkah untuk menyisipkan animasi flash adalah : a. Pilihlah menu Insert > Media > Flash atau klik tombol Tab Common atau Media yang dapat anda temukan disisi atas Macromedia Flash MX, kemudian kliklah icon, sehingga muncul kotak dialog select file.
12 34 Gambar 3.10 Select File (Flash) c. Carilah animasi flash yang ingin anda flash yang ingin anda sisipkan. d. Klik Ok. Pada kode HTML terdapat perubahan ketika menyisipkan animasi flash yaitu <object classid= codebese width= height= 0 > <param name= value= > <param name= value= > <enbed sre= quality= pluginspage= width= height= ></embed> </object> sejalan masuknya animasi flash kedalam halaman web, maka akan dijumpai pula Property Inspector Flash. Gambar 3.11 Property Inspector Flash
13 Membuat Interactive Images Salah penggunaan model interaktif yang sangat bermanfaat adalah pembuatan tombol, karena dengan tombol kita dapat melakukan hubungan interaksi yang baik antara user (pemakai) dengan web yang disajikan. Penulis akan menjelaskan bagaimana membuat tombol dalam halaman website Membuat Tombol Gambar (Rollover Image) Langkah-langkah untuk menyisipkan Rollover Image adalah : a. Pilih menu Insert > Interactive Images > Rollover Image atau klik Tab Common yang dapat anda temukan disisi atas Macromedia Dreamweaver MX, kemudian kliklah icon sehingga muncul kotak dialog. Gambar 3.12 Insert Rollover image b. Pada kotak dialog tersebut anda dapat melihat beberapa para meter, yaitu : 1. Image Name, digunakan untuk memberikan nama pada imege. 2. Original Image, digunakan untuk menentukan image yang akan ditampilkan terlebih dahulu, Gunakan tombol browser untuk mencari file. 3. Rollover Image, digunakan untuk menentukan image yang ditampilkan pada saat mouse berada apda image tersebut. 4. Preload Rollover Image, digunakan untuk mengambil image yang akan digunakan pada rollover image pada waktu halaman di loading. 5. Alternative Text, digunakan untuk menampilkan teks yang anda masukkan pada saat image tidak ditampilkan.
14 36 6. When Clikeed, Go To URL, digunakan untuk menentukan halaman yang akan ditampilkan pada saat anda menekan rollover tersebut. Gunakan tombol Browser untuk mencari file yang anda gunakan. c. Klik Ok Pada kode HTML terdapat perubahan ketika menyisipkan Rollover Inage yaitu : <a href= MM_swapImage(,,,1) ><img src= name= width= height= border= ></a>. Sejalan dengan masuknya Rollover Image kedalam halaman web, maka akan dijumpai pula Property Inspector Rollover Image. Gambar 3.13 Property Inspector Rollover Image Membuat tombol flash (Flash Button) Langkah-langkah untuk membuat tombol flash adalah : a. Pilih menu Insert > Interactive Image > Flash Button atu klik tab Media yang anda temukan disisi Macromedia. DreamweaverMX, kemudian kliklah icon, sehingga muncul kotak dialog.
15 37 Insert Flash Button. Gambar 3.14 Insert Flash Button b. Pada kotak dialog tersebut anda dapat melihat beberapa parameter, yaitu : 1. Sample, digunakan untuk melihat model dari type tombol. 2. Style, digunakan untuk memilih model dari tombol. 3. Button Text, digunakan untuk membuat teks tombo.l 4. Font and Size, digunakan untuk memilih type teks da.n ukuran teks.. 5. Link, digunakan untuk memilih halaman yang akan ditampilkan. 6. Background Color, digunakan untuk menentukan warna latar belakang. 7. Save As, untuk menyimpan file animasiyang akan berbentuk. C.Klik OK
16 38 Pada model HTML, terdapat perubahan ketika menyisipkan tombol Flash yaitu : <object classid= codebase= width= height= > <param name= value=. > <param name= value= > <parama name=value=> <embed src= width= height= quality=pluginspage= type= bg color= base=. ></embed> </object> Sejalan masuknya tombol flash kedalam halaman web, maka akan dijumpai pula Property Inspector Flash Button. Gambar 3.15 Property Inspector Flash Button 3.7 membuat list atau menu Langkah-langkah untuk membuat list /menu adalah sebagai berikut : a. pilih menu Insert>form objects>list/menu atau klik tab forms yang dapat anda temukan disisi atas Macromedia Dreamwaeaver MX, kemudian kliklah icon sehingga muncul b. Untuk mengisi nilai dari list tersebut. Anda dapat menggunakan Property Inspector List
17 39 Gambar 3.16 Property Inspector List/Menu c. Untuk membuat linknya anda dapat menngunakan memilih menu Windows>Behavior atau klik tab behaviors yang ada dipojok kanan atas, pilih icon >jump menu d. Anda dapat membuat link, sesuai dengan keinginan anda. e. Klik ok Gambar 3.17 Jump Menu Pada kode HTML terdapat perubahan ketika menyisipkan tombol flash yaitu: <select name= on Change = MM_jump menu ( parents,this 0); MM_jump Menu( parent this,0) > <option selected > </option>
18 <option value= > </option> <option value= > </option> </select> Struktur Navigasi Pada pembuatan website PT. Diamond Icecream ini, mempergunakan struktur Navigasi Hybrid atau campuran. Karena pada website ini terdapat percabangan yang tidak berurutan atau acak. Adapun gambarnya adalah : MENU UTAMA HOME PRODUK PEMESANAN PROFIL ADMIN CARI PEMESANAN HAPUS PEMESANAN. Gambar 3.18 Struktur Navigasi Hybrid 3.9 Perancangan Program Adapun perancangan program yang penulis buat dapat dilihat dibawah ini : Rancangan Halaman Utama Didalam perancangan ini dibagi menjadi 4 bagian : 1. Home
19 2. Daftar Produk 3. Pemesanan 4. Profil 41 Image 1 Link 1 Image 2 Link 2 Link 3 Link 4 User ID Password ok Anda pengunjung ke Gambar 3.19 Rancangan Home Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Logo PT. Diamond beserta teks yang bertuliskan SELAMAT DATANG DI WEB PT. DIAMOND ICE CREAM
20 42 Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks yang menunjukkan pada tampilan pemesanan Link 4 : teks yang menunjukkan pada tampilan profil Rancangan menu Daftar Produk Pada menu daftar produk ini berfungsi menampilkan informasi Daftar Produk beserta daftar harga (PT. Diamond IceCream). Image 1 Link 1 Link 2 Link 3 Image 2 Link 4 Gambar 3.20 Ranacangan halaman daftar produk Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Berupa gambar dari produk PT. Diamond Icecream beserta keterangan dan harga Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks yang menunjukkan pada tampilan pemesanan
21 Link 4 teks yang menunjukkan pada tampilan profil Rancangan menu Pemesanan Pada menu pemesanan ini bagi konsumen yang ingin memesan produk PT. Diamond Icecream lewat internet Image 1 Link 1 Link 2 Link 3 Link 4 Nama Alamat Nama Barang Jumlah optionlist Pesan Batal Gambar 3.21 Rancangan halaman pemesanan Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Berupa teks beris nama, alamat, nama barang, jumlah barang bagi konsumen yang ingin melakukan pemesanan Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks l yang menunjukkan pada tampilan pemesanan Link 4 teks yang menunjukkan pada tampilan profil Rancangan menu Profil Pada menu Profil bagi konsumen yang ingn mengetahui tentang PT. Diamond Icecream dan juga pendiri dari PT. Diamond Icecream
22 44 Image 1 Link 1 Image 2 Link 2 Link 3 Link 4 Gambar 3.22 Rancangan profil Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Berupa gambar dan teks yang berisikan tentang profil PT. Diamond Icecream Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks l yang menunjukkan pada tampilan pemesanan Link 4 teks yang menunjukkan pada tampilan profil Rancangan Administrator
23 Pada Rancangan ini bagi administrator untuk login pada menu admin. 45 Image 1 Link 1 Image 2 Link 2 Link 3 Link 4 User ID Password ok Gambar 3.23 Rancangan Administrator Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Berupa Logo PT. Diamond beserta teks yang bertuliskan SELAMAT DATANG DI WEB PT. DIAMOND ICE CREAM Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks l yang menunjukkan pada tampilan pemesanan Link 4 teks yang menunjukkan pada tampilan profil Rancangan Menu Admin Pada menu admin berfungsi apabila administrator ingin membuka halaman nama konsumen
24 46 Image 1 Link 1 Image 2 Link 2 Link 3 Link 4 User ID Password Gambar 3.23 Menu Admin OK Link 5 Link 6 Link 7 Gambar 3.24 Rancangan menu admin Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Logo PT. Diamond beserta teks yang bertuliskan SELAMAT DATANG DI WEB PT. DIAMOND ICE CREAM Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk
25 47 Link 3 : teks yang menunjukkan pada tampilan pemesanan Link 4 : teks yang menunjukkan pada tampilan profil Link 5 : teks yang menunjukkan pada perintah reset counter Link 6 : teks yang menunjukkan pada perintah daftar pemesanan Link 7 : teks yang menunjukkan pada perintah logout Rancangan Nama konsumen Pada menu ini administrator untuk melihat nama-nama konsumen yang melakukan pemesanan cari Image 1 Link 1 Link 2 cari Link 3 Link 4 Gambar 3.25 Nama Konsumen Keterangan Image 1 : Berupa tampilan logo PT. Diamond yang disisipkan berupa gambar produk Image 2 : Logo PT. Diamond beserta teks yang bertuliskan SELAMAT DATANG DI WEB PT. DIAMOND ICE CREAM Link 1 : teks yang menunjukkan pilihan home Link 2 : teks yang menunjukkan pada tampilan daftar produk Link 3 : teks yang menunjukkan pada tampilan pemesanan Link 4 : teks yang menunjukkan pada tampilan profil
26 Pembuatan Aplikasi Pada tahap ini ini berisikan pembahasan mengenai langkah-langkah pembuatan situs PT.Diamond IceCream Membuat tampilan Home Gambar 3.26 Tampilan Halaman Home 1. Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2. Kemudian pada properties tentukan ukuran table, Rows, Colum, Align dan warna (Bg). 3. Untuk Background diatur melalui page properties 4. Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan.
27 49 5. Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan Membuat tampilan Daftar Produk Gambar 3.27 Tampilan Daftar Produk 1. Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2. Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3. Untuk Background diatur melalui page properties 4. Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5. Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
28 Membuat Tampilan Pemesanan Gambar 3.28 Tampilan Pemesanan 1. Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2. Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3. Untuk Background diatur melalui page properties 4. Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5. Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
29 3.104 Membuat Tampilan Profil 51 Gambar 3.29 Tampilan Profil 1. Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2. Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3. Untuk Background diatur melalui page properties 4. Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5. Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
30 Membuat Tampilan Administrator 52 Gambar 3.30 Tampilan Administrator 1Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2.Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3.Untuk Background diatur melalui page properties 4.Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5.Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
31 Membuat Tampilan Menu Admin 53 Gambar 3.31 Tampilan menu Admin 1Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2.Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3.Untuk Background diatur melalui page properties 4.Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5.Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
32 Membuat Tampilan nama konsumen 54 Gambar 3.32 Tampilan nama konsumen 1Membuat Layout Page dengan cara memilih menu Draw Layout Table Pada object panel 2.Kemudian pada properties tentukan ukuran table, Rows, Colom, Align dan warna (Bg). 3.Untuk Background diatur melalui page properties 4.Untukmenyisipkan gambar, klik icon (image), lalu pilih gambar yang anda inginkan. 5.Untuk membuat text Hyperlink yang terdiri Daftar Produk, Pemesanan dan Profil (Hyperlink), lalu anda pilih tombol dan link yang anda inginkan
33 55
BAB 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 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 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 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 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 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 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 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 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 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 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 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 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 terperinciMengenal Dreamweaver MX 2004
Mengenal Dreamweaver MX 2004 Macromedia Dreamweaver MX merupakan software yang dikenal sebagai software web authoring tool, yaitu software untuk desain dan layout halaman web. Versi terbaru Dreamweaver
Lebih 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 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 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 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 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 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 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 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 terperinciTutorial Pembuatan Website dengan Menggunakan Dreamweaver
Mengenal tampilan dreamweaver Mendefinisikan Local site site Membuat halaman baru Membuat tabel,frame dan layer Memasukkan gambar Membuat rollover image Memasukkan flash button dan teks button Mendeteksi
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 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 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 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 terperinciDASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto
DASAR-DASAR PENGETIKAN DAN EDITING Oleh Ade Sobandi Hendri Winata Rasto 1. Penempatan Jari Pada Keyboard Penempatan jari pada keyboard khususnya pada Type Write Keypad sama persis dengan penempatan jari
Lebih terperinciKetika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan dokumen baru, caranya :
BAB 2 A. Menggunakan Menu dan Ikon Standar Pengolahan dokumen meliputi : 1. Membuat Dokumen Baru Ketika jendela Microsoft Word dibuka, maka secara otomatis akan disediakan 1 buah dokumen baru. Untuk menambahkan
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 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 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 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 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 PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004
MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004 1. Untuk menjalankan dreamweaver klik Start->Program->Macromedia- >Macromedia Dreamweaver MX2004 2. Tampilan awal biasanya
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 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 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 terperinciKEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak , KABUPATEN MAGELANG 56194
KEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak 0298-318070,318234 KABUPATEN MAGELANG 56194 ULANGAN TENGAH SEMESTER I TAHUN PELAJARAN 2011/2012 Mata Pelajaran :
Lebih terperinciDasar-dasar Dreamweaver
FAUZAN SRIRADITYO UTOMO 08148102 TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciPoliteknik Negeri Batam 1 WORD PROCESSING - INSERT -
1 WORD PROCESSING - INSERT - Table 2 Tabel adalah kumpulan dari beberapa baris dan kolom yang membentuk kotak kotak. Tabel biasanya digunakan untuk membuat daftar atau list dari sebuah barang atau nama.
Lebih terperinciMEMBUAT DAN MENGATUR DOKUMEN
MEMBUAT DAN MENGATUR DOKUMEN MENGEDIT DOKUMEN Ketika melakukan pengetikan, kita perlu mengetahui tombol tertentu pada keyboard yang memiliki fungsi operasi tertentu. Tanda Kegunaan Memindahkan kursor 1
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
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 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 terperinciModul ke: Aplikasi komputer. Microsoft Power Point 2010 bagian 2. 07Fakultas FASILKOM. Ariyani Wardhana., S.Kom., S.T., MM. Program Studi MKCU
Modul ke: 07Fakultas FASILKOM Aplikasi komputer Microsoft Power Point 2010 bagian 2 Ariyani Wardhana., S.Kom., S.T., MM Program Studi MKCU Mengetik Teks pada kotak Teks Default Slide Langkah yang dilakukan
Lebih terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
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 terperinci1.1 Apa Itu Dreamweaver 8?
Student Guide Series: Macromedia Dreamweaver 8 1.1 Apa Itu Dreamweaver 8? Macromedia Dreamweaver 8, atau biasa disebut Dreamweaver 8, adalah sebuah perangkat lunak aplikasi untuk mendesain dan membuat
Lebih 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 terperinciAli Salim
Kuliah Umum IlmuKomputer.Com Copyright 2003 IlmuKomputer.Com Tutorial Dreamweaver 3.0 Ali Salim alisalim@inbox.lv Lisensi Dokumen: Copyright 2003 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat
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 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 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 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 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 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 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 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 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 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 terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Informasi dan Internet Informasi menurut Jogiyanto H, M, Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan bagi yang menerima. (Jogiyanto, H.M., Analisis
Lebih 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 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 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 terperinciMODUL 2 KEGIATAN PEMELAJARAN 3
MODUL 2 KEGIATAN PEMELAJARAN 3 Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Ikon ikon pada desktop windows Objek ( Ikon ) Keterangan My Computer Digunakan untuk
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 terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Sekilas Tentang Hewan Langka Hewan langka merupakan hewan yang sudah jarang ditemukan, dan keberadaannya hanya terdapat di tempat-tempat tertentu. Hewan langka adalah hewan yang
Lebih terperinciBAB III PEMBAHASAN MASALAH
18 BAB III PEMBAHASAN MASALAH 3.1 Sekilas Tentang PT. WAIRAU INDOSTONE PT Wairau Indostone merupakan perusahaan yang bergerak di bidang Paving blok atau batu hias, Wairau stone adalah merek dagang terdaftar
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 terperinciMENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto
MENGATUR FORMAT PARAGRAF Oleh Ade Sobandi Hendri Winata Rasto 1. Mengatur Tataletak Paragraf (Alignment) Salah satu format paragraf yang sering digunakan adalah tata letak paragraf (paragraph alignment).
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 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 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 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 terperinciBekerja dengan Teks, Gambar, Link
Bekerja dengan Teks, Gambar, Link 1. Teks Teks merupakan unsur penting dalam suatu situs web. Isi dari situs web pasti memiliki unsur teks, oleh karena itu pengelolaan dan pengaturan tampilan teks sangat
Lebih terperinciPerkembangan Teknologi Informasi dan Komunikasi (IT / ICT Information & Communication Technology), atau sering disebut Telematika (Telekomunikasi dan
Perkembangan Teknologi Informasi dan Komunikasi (IT / ICT Information & Communication Technology), atau sering disebut Telematika (Telekomunikasi dan Informatika), adalah teknologi yang berkembang sangat
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen
Lebih 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 terperinci8/29/2012. Mengoperasikan Sistem Operasi Berbasis GUI. Sistem Operasi Windows dan Perintah pada menu. Ikon ikon pada desktop windows.
Mengoperasikan Sistem Operasi Berbasis GUI KKPI Kelas X Sistem Operasi Windows dan Perintah pada menu Pengenalan bagian-bagian desktop windows Gb. Bagan tampilan desktop windows Ikon ikon pada desktop
Lebih terperinciMODUL PERKULIAHAN 9 MICROSOFT WORD 2010
MODUL PERKULIAHAN 9 DASAR-DASAR MICROSOFT WORD 2010 Mengenal dan Bagian-bagian Jendela Ms.Word 2010, Mengoperasikan dokumen, Mengatur format teks dan paragraf,menyisipkan simbol,page setup. Abstract Ms.
Lebih terperinciDaftar Isi. Kata Pengantar... v Daftar Isi...vii. MODUL 1 Menggunakan Format Karakter MODUL 2 Menata Tampilan Dokumen... 25
Kata Pengantar Buku Student Exercise Series Microsoft Office Word 007 ini ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan terampil menggunakan
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 terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1. Pengertian Perancangan Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu (Kamus Bahasa Indonesia, 1988, h: 927). Perancangan merupakan penggambaran, perencanaan,
Lebih 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 terperinciPanduan E-Learning Untuk Dosen S2 S1 D-IV DIII
Panduan E-Learning Untuk Dosen S2 S1 D-IV DIII YAYASAN PENDIDIKAN DAN SOSIAL HELVETIA (EDISI REVISI) PANDUAN TM ONLINE A. Cara Mengakses Situs E-Learning Langkah pertama adalah menjalankan Internet Browser.
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 terperinciKEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon KABUPATEN MAGELANG 56194
KEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN MID SEMESTER GASAL TAHUN 2012/2013 Mata Pelajaran : Tek. Inf.
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 terperinciMateri Power POint Ajib Susanto, S.Kom : 1
I. PENDAHULUAN Microsoft Power Point merupakan salah satu aplikasi milik Microsoft, disamping Microsoft Word dan Microsoft Excel yang telah kita kenal. Ketiga aplikasi ini lazim disebut Microsoft Office.
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 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 terperinciTUTORIAL MEMBUAT WEBSITE BAGI PEMULA
TUTORIAL MEMBUAT WEBSITE BAGI PEMULA Pengenalan halaman frontpage Pastikan dalam komputer Anda telah terinstall program frontpage. Klik start dan cari program frontpage 1 Keterangan : A. Membuka halaman
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam computer
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 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 terperinci