Tutorial Pembuatan Website dengan Menggunakan Dreamweaver

Ukuran: px
Mulai penontonan dengan halaman:

Download "Tutorial Pembuatan Website dengan Menggunakan Dreamweaver"

Transkripsi

1 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 browser yang dipakai pengunjung Membuat jump menu Mengecek link pada website Mengupload pada server TUTORIAL MACROMEDIA DREAMWEAVER 1

2 1. Mengenal Tampilan Kerja Dreamweaver Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar : Document Window adalah tempat membuat halaman web secara visual, kode, atau keduanya. Document Toolbar berguna untuk mengubah tampilan dari design/visual view, code view, atau keduanya sekaligus. Selain itu juga untuk memberi titel pada dokumen, melihat tampilan di browser. - Pada tag selector menampilkan HTML control pada text atau object yang dipilih. jika diklik salah satu text atau object maka pada tag selector akan tampak HTML control, contoh klik pada dokumen window, pada tag selector akan tampak tulisan <body> disini menunjukan kita sedang bekerja pada body dari dokumen secara HTML. 2

3 - Pada document toolbar ditunjukkan judul halaman. Bila file belum disimpan akan terdapat tanda (*) pada title bar. - Status bar, didapat pada bagian paling bawah document window,menunjukkan informasi-informasi tentang dokumen yang sedang dibuat. - Mengatur ukuran window. Pada status bar di dokumen window menampilkan dimensi atau ukuran window saat itu (dalam pixel). Jika ukuran window ini diklik, Dreamweaver menampilkan menu window size pop-up, dimana ukuran yang cocok dapat diatur sesuai dengan monitor yang digunakan. Untuk mendesain sebuah halaman pada ukuran spesifik yang terbaik, dapat dipilih pada ukuran yang sudah ditentukan, mengatur ukuran yang sudah ditentukan itu sesuai dengan keinginan atau membuat ukuran baru. - Catatan : Pada ukuran window menggambarkan ukuran dimensi pada browser. Untuk contoh, ukuran yang digunakan 536 x 196 (640 x 480,default) jika pengunjung situs menggunakan Microsoft Internet Explorer atau Netscape Navigator, maka konfigurasi tampilan mereka 640 x 480. Insert panel adalah tempat memasukan image, Flash movie, table, atau elemen lain. Insert panel ini serupa dengan menu Insert pada menu bar. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2. Property Inspector berguna untuk melakukan pengeditan pada suatu elemen di Document Window. Panels Group merupakan kumpulan dari panel-panel Dreamweaver. 2. Mendefinisikan website Setelah masuk ke dreamweaver, dari menu Site, pilih New Site. Pada bagian Site Name, tuliskan nama web. Sedangkan Local Root Folder adalah tempat yang akan digunakan untuk menyimpan semua file untuk web yang dibuat, temasuk file image, video, audio, javascript dll. http addres diisikan alamat website, dimana semua file web akan di upload nantinya. Setelah selesai akan muncul halaman baru, panel group pada multitap file akan menunjukkan lokasi tempat semua file website disimpan 3

4 setelah mendefinisikan site (baik online atau offlne), dapat dilakukan pengkonfigurasian ulang. Yaitu dari menu site>>manage site untuk website online langsung dengan host server, nama site biasanya diawali dengan ftp://, yang kemudian untuk mengkonfigurasi diperlukan koneksi secara online dengan server. Misalnya untuk ftp://html (merupakan lokasi file untuk website hmk di server host UB), untuk masuk kedalam server host tersebut, harus login terlebih dahulu dengan mengisi konfigurasi server yang ada. 4

5 3. Membuat halaman baru Membuat dokumen HTML kosong baru : pilih menu File > New. Untuk membuka file HTML yang sudah ada : pilih menu File > Open Membuat dokumen baru berdasarkan template : Pilih menu File > New from Template. Akan tampak dialog box, daftar templatetemplate yang ada (template dibuat terlebih dahulu sebelum membuat dokumen baru berdasarkan template) Pilih salah satu template. Dokumen baru akan dibuat berdasarkan template tersebut. 4. Membuat tabel, frame dan layer TABEL Untuk membuat dan memodifikasi tabel pada dreamweaver, ada beberapa cara, yaitu: Pilih menu Insert >> tabel tekan shortcut : Ctrl+Alt+I atau pada insert panel kategori common, pilih Tabel 5

6 Masukkan spesifikasi tabel yang diinginkan pada kotak dialog Tabel. - Isikan jumlah baris pada Rows dan jumlah kolom pada Columns. - Tentukan lebar tabel terhadap halaman. Jika lebar tabel dalam satuan pixel (fixed size),isikan jumlah pixel pada Width. Lebar tiap kolom nantinya dibagi sama rata dari lebar tabel dan bisa di ubah-ubah sesuai keinginan. Jika berlebar persen, gantilah kotak dropdown yang bertuliskan Pixel menjadi Percent. Misalnya Width : 75 Percent yang artinya lebar tabel nantinya adalah 75 persen dari lebar halaman. - Berikutnya, masukkan lebar border tabel yang diinginkan dalam satuan pixel. Jika dikosongi maka dianggap 0 (nol) dan tabel tidak diberi border. - Jika diinginkan, masukkan Cell Padding dan Cell Spacing. Cell Spacing artinya jarak antar sel dalam tabel, sedangkan Cell Padding artinya jarak dari border sel sampai dengan isi sel. - Jika ingin memodifikasi ulang tabel, dapat dilakukan dengan mengganti ganti value pada tabel property, yang biasanya terletak dibawah document window. FRAME Frame ialah cara untuk menampilkan beberapa halaman HTML dalam satu jendela browser. Yaitu dengan membagi-bagi satu jendela browser menjadi beberapa bagian, dimana tiap bagian menampilkan halaman HTML yangberbeda-beda. Untuk bekerja dengan frame, harus dibuat satu halaman baru sebagai frameset. Dimana di dalam frameset ini terdapat beberapa halaman HTML untuk ditampilkan. Jadi, satu frameset bisa mengandung beberapa halaman HTML.Selama bekerja dengan frame, alangkah baiknya bila toolbar frame dalam keadaan aktif. Caranya, klik menu Window, Frame (atau Shift+F2). Sedangkan Object Properties juga sebaiknya dalam keadaan aktif (menu Window, Properties atau Ctrl+F3). Untuk memasukkan frame, pada insert panel kategori layout >> pilih Frame. Mengubah properti-properti frame Untuk mengubah properti frame, secara sederhana dapat dilakukan dengan mengaktifkan frame yang akan diubah propertinya. Kemudian, lihat pada window Object Properties. Tampak properti-properti yang dimiliki oleh sebuah frame. Penjelasan : 6

7 - Frame Name adalah nama dari frame yang sedang aktif. Nama frame ini penting untuk dicatat karena dapat digunakan untuk membuat link lintas frame. - Src adalah nama file sumber dari frame yang sedang aktif. Untuk mengubah halaman yang ditampilkan, dapat mengganti properti Src dengan salah satu file HTML yang telah dibuat. - Scroll untuk menentukan apakah frame yang sedang aktif akan diberi scrollbar ataukah tidak. Jika dipilih Auto, maka scrollbar diberikan hanya jika dokumen tidak dapat ditampilkan dalam satu layar sehingga diberikan scrollbar. - No Resize : Jika dalam keadaan ter-cawang, maka frame tidak bisa di-resize oleh user. Sedangkan jika tidak dalam keadaan ter-cawang,maka frame dapat di-resize oleh user. - Borders menentukan apakah frame diberi border. - Border Color menentukan warna dari border frame Mengubah properti-properti frameset Untuk mengubah properti frameset, aktifkan dahulu frameset-nya. Kemudian properti dapat diubah pada Object Properties. Penjelasan : - Borders menentukan apakah semua frame diberi border. - Border Width menentukan lebar border - Border Color menentukan warna border Mengubah ukuran dan menghapus frame - Untuk mengubah ukuran frame, secara sederhana dapat dilakukan men-drag batas frame ke arah horizontal atau vertikal sampai ukuran yang diinginkan tercapai. - Untuk menghapus frame, dapat dilakukan dengan men-drag batas frame sampai ke luar Document Window. Save semua frame Yang perlu diingat dalam bekerja dengan frame yaitu sebelum mem-preview hasil pekerjaan, perlu dilakukan penyimpanan semua frame yang telah dibentuk. Caranya, klik menu File, kemudian Save All Frames. Maka akan diminta untuk memberi nama file untuk frameset beserta frame-frame yang ada di dalamnya. Membuat link antar frame Sebelumnya kita telah pelajari mengenai link dan hyperlink, dimana link dan hyperlink digunakan untuk menunjuk ke dokumen atau file lain. Link berguna untuk membawa user ke halaman lain atau men-download suatu file. Sebenarnya, suatu link dapat ditentukan apakah akan dibuka di jendela browser yang sama, jendela browser yang baru, atau dibuka di frame lain. Pada contoh ini, kita akan mencoba membuat link antar frame, dimana link akan dibuka di frame lain. Misalkan tersedia sebuah frameset (index.htm) dan di dalamnya terdapat 2 frame yaitu leftframe (menu.htm) dan mainframe (utama.htm). Kemudian, kita ingin membuat sebuah link di leftframe, yang 7

8 mana link tersebut akan dibuka di mainframe. Maka, buatlah link di sebelah leftframe seperti biasa,kemudian lihat pada Object Properties. Gantilah properti Target menjadi nama frame tujuan yang diinginkan (mainframe). Sebagai tambahan, pilihan _blank berarti link dibuka di jendela browser baru, pilihan _parent berarti link dibuka di frameset paling pertama,pilihan _self berarti link dibuka di frame dan jendela browser yang sama, pilihan _top berarti link dibuka di frameset satu level diatas frame yang aktif, dan sisanya adalah nama-nama frame yang terdapat dalam halaman tersebut (jika terdapat 2 frame atau lebih dalam satu halaman). Dengan menggunakan frame, kita dapat membuat halaman navigasi sendiri dimana seluruh link dibuka di frame utama. Dengan demikian, user dapat menghemat waktu karena tidak perlu mendownload menu navigasi berkali-kali setiap mengakses halaman lain. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer digunakan untuk menampilkan objek dengan posisi yang dapat diatur-atur sesuka kita, tanpa terbatas pada pandangan baris-demi-baris. Analoginya, layer diumpamakan sebagai plastik transparan yang dapat diletakkan dimana saja di atas kertas. Selama bekerja dengan layer, alangkah baiknya apabila window Layers dalam keadaan aktif. Caranya, klik menu Window, kemudian Layers. 8

9 Untuk memasukkan layer pada frame atau document window, dapat dilakukan dengan memilih insert panel pada kategori layout, kemudian pilih Draw Layer.dalam satu dokumen, dapat dimasukkan lebih dari satu layer. Namun perlu diingat bahwa semakin banyak layer maka semakin besar pula dokumen. Setelah memasukkan layer ke dalam dokumen, maka window Layer akan menampilkan status dari semua layer yang ada di dalam dokumen. Penjelasan : - Prevent Overlaps, berarti setiap layer yang ada akan dilarang untuk saling tumpang tindih. - Tabel di dalam window Layers menampilkan semua layer yang ada pada dokumen. Urutannya yaitu dimulai dari yang paling atas sampai dengan paling bawah. Layer yang terletak di atas layer yang lain, akan ditampilkan lebih di atas (lebih kelihatan). - Kolom bergambar mata, menandakan layer apakah terlihat atau tidak. Kolom Name menandakan nama layer, dan kolom Z menandakan ketinggian layer. Semakin besar Z, maka layer akan ditampilkan semakin terlihat (menutupi layer-layer lain dengan Z lebih kecil). Untuk mengubah urut-urutan ini, dapat men-drag layer ke atas atau ke bawah atau mengubah nilai Z yang dimilikinya. Mengaktifkan layer Untuk mengaktifkan layer, dapat dilakukan dengan mengklik pada Controller layer yang bersangkutan, atau mengklik pada pinggiran layer yang bersangkutan. Memindahkan dan mengubah ukuran layer Untuk memindahkan layer, aktifkan dulu layer yang diinginkan. Kemudian drag pinggiran layer ke tempat yang diinginkan. Untuk mengubah ukuran layer, dapat men-drag salah satu kotak di pinggiran layer sampai ukuran yang diinginkan tercapai. Mengubah properti-properti Layer Untuk mengubah properti layer, dapat dilakukan dengan mengaktifkan dahulu layer yang dinginkan, kemudian lihat pada Object Properties. 9

10 Kita akan membahas sebagian saja dari Layer Properties ini. Properti L menandakan posisi horizontal layer terhadap pinggir kiri dokumen Properti T menandakan posisi vertikal layer terhadap bagian atas dokumen Properti W menandakan lebar layer Properti H menandakan tinggi layer Z-index adalah urutan layer Vis adalah visibility, dimana jika default atau visible, maka layer akan terlihat. Sedangkan bila invisible, maka layer tidak terlihat. Dan jika inherit, maka layer akan menuruti sifat layer induknya. Bila layer induk visible maka ia juga visible. Begitu pula sebaliknya. Bg Image adalah gambar latar belakang dari layer Bg Color adalah warna latar belakang dari layer Mengisi objek ke dalam layer Untuk mengisikan objek ke dalam layer, klik kiri mouse di atas layer yang diinginkan. Kemudian mulailah mengetik atau memasukkan gambar, table, dan objek-objek lain. 5. Memasukkan Gambar Terdapat 2 cara untuk memasukkan image pada Dreamweaver, dengan menggunakan main menu dan dengan menggunakan Object panel. Pilih menu Insert > Image (Tampak dialog box untuk memilih file image, jika salah satu image diklik maka akan terlihat preview dari image tersebut. Untuk memilih/memasukkan image, klik select semua file image yang digunakan dimasukkan dalam satu folder) cara kedua : pada insert panel kategori common, pilih image 6. Membuat Rollover Image Rollover image adalah suatu image yang akan berubah ketika pointer dari mouse diarahkan pada image tersebut. Rollover image terdiri dari 2 gambar atau image: image pertama akan tampak pada saat kita pertama kali loading browers, dan image kedua akan tampak ketika 10

11 pointer diarahkan pada image tersebut. Pastikan kedua image tersebut ukuran yang sama, bila tidak sama maka tampilan site tampak tidak teratur. Untuk memasukkan rollover Image : pada insert panel kategori common, pilih image rollover image. maka akan tampak dialog box rollover image yang harus diisi,dialog box ini untuk memilih image pertama dan memilih rollover image atau image kedua (sebelumnya harus sudah menyiapkan image-image tersebut), alamat url atau link yang dituju bila image tersebut diklik. Pastikan mencentang option Preload image rollover, untuk memastikan image rollover tersebut jalan bila dibrowse. Klik OK untuk menutup dialog box tersebut bila sudah selesai. Hasilnya tidak akan dapat melihat hasil rollover image tersebut dalam tampilan dokumen window ; rollover image hanya akan tampak pada browser, sebelum dipreview dibrowser tidak perlu menyimpan (save) dokumen anda terlebih dahulu. - Tekan F12 > akan terlihat dokumen tersebut pada web browser. Arahkan pointer pada image tersebut, maka akan tampak image yang berubah-ubah. - Ketika selesai melihat file tersebut dalam tampilan browser, tutup window browser tersebut. - Kembali dokumen pada Dreamweaver, pilih menu File > Save untuk menyimpan file tersebut. 7. Memasukkan flash button dan flash text Pada Dreamweaver, diberikan kemudahan dalam mendesain website yang dinamis dengan adanya button-button menu pada tampilan dokumen site. Macromedia Dreamweaver dapat langsung memasukkan Flash Button yang sangat dinamis dan animasi dalam berbagai macam bentuk. Untuk memasukkan flash button : pada insert panel kategori common, pilih Media Flash Button. Maka akan keluar sebuah dialog box, yang harus diisi, dengan memilih bentuk-bentuk button, menulis teks dan jenis hingga ukuran teks yang akan ditampilkan pada button tersebut, memasukkan alamat halaman lain (link). Untuk memasukkan flash button : pada insert panel kategori common, pilih Media Flash text. Maka akan keluar dialog box yang harus diisi properties dari teks (jenis teks, ukuran, align, dan sebagainya), hampir sama dengan rollover image, flash text dapat disebut rollover text. Tetapi hanya warna dari teks tersebut yang dapat berubah (rollover). 11

12 - Pastikan option show font tercentang, untuk memastikan textrollover tersebut jalan bila dibrowse. - Klik OK untuk menutup dialog box tersebut bila sudah selesai. - Hasilnya tidak akan dapat melihat hasil rollover image tersebut dalam tampilan dokumen window ; flash text hanya akan tampak pada browser, tidak perlu menyimpan (save) dokumen anda terlebih dahulu. Tekan F12 > akan terlihat dokumen pada web browser. Arahkan pointer pada image tersebut, maka akan tampak image yang berubah-ubah. Ketika anda selesai melihat file tersebut dalam tampilan browser, tutup window browser tersebut. Kembali dokumen anda pada Dreamweaver, pilih menu File > Save untuk menyimpan file 8. Mendeteksi browser yang dipakai pengunjung Pendeteksian browser yang digunakan pengunjung sangat berguna untuk memberikan tampilan yangsesuai dengan browser pengunjung tersebut, sehingga website yang kita design sedemikian rupa bisa terlihat rapi atau tidak berubah saat digunakan dengan browser yang berbeda beda (karena dapat dilakukan penyesuaian). Cara pendeteksian browser yang digunakan pengunjung adalah sebagai berikut : Dari menu windows, pilih behavior (atau tekan F8), tekan tombol lalu pilih show event for IE 4.0. dan tekan lagi tombol terseut pilih check browser Maka akan keluar dialog box check browser. Jika yang digunakan adalah NN 4.0,aka terdapat 3 pilihan. Yaitu: stay on this page, Go To URL dan Go to Alt URL. Jika yang dipilih adalah stay on this page, maka haaman tersebutlah yang akn ditampilkan jika pengunjung web memakai NN 4.0 dan sebaliknya, pada bagian IE 4.0 harus mengisi dengan Go to URL dan pada bagian URL harus diisi dengan halaman web yang aka ditampilkan jika pengunjung memakai I.E

13 9. Membuat jump menu contoh Jump Menu menu ini biasanya digunakan sebaga navigasi yang akan mengantar pengunjung website untuk menuju halamn yang lainya. Dengan Macromedia Dreamwever kita dapat membuat jump menu dengan mudah. Caranya sebagai berikut : Insert Form Jump Menu Pada bagian Text, ketik item yang akan dimunculkan pada menu list, pada bagian Ehen selected Go To URL pilih file yang akan dibuka (atau link). Setelah selesai klik tombol tambah dibagian atas. Jika diinginkan tombol GO, maka centang pada Insert Go Button After Menu 13

14 10. Mengecek link pada website Jika ingin dilakukan pengecekan link pada satu halaman html. Pilih menu file check page check link (atau dengan shortcut shift+f8). Sedangkan jika ingin dilakukan pengecekan dari semua halaman web dari keseluruhan halaman website yang telah dibuat, pilih menu site check link sitewide (atau dengan shortcut shift+f8). Waktu yang diperlukan untuk pengecekan broken link tergantung dengan banyaknya halaman yang terdapat pada website, tentunya semakin banyak halaman website yang ada maka akan membutuhkan waktu yang lama dalam pengecekannya. Untuk melakuka perbaikan pada broken link, pilih file yang terdapat pada result. Kemudian browse pada file directory tempat file yang akan di-lik-kan tersipan. 11. Mengupload pada server ini adalah langkah terakhir dan yang terpenting dalam pembuatan suatu website. Jika sudah menyelesaikan desain web, maka harus dilakukan proses upload ke server agar website yang sudah dibuat dan desain dapat tampil di brower internet. Pada contoh berikut ini digunakan filezile untuk mengupload file. Langkah-langkah yang harus dilakukan ialah : Buka program filezile, maka akan tampak interface software, seperti dibawah ini : Tuliskan address, username serta password quickconnect 14

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar

PENGENALAN HTML - 3. Gambar 1. Layer Toolbar PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer

Lebih terperinci

TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER

TUTORIAL 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

TUTORIAL 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, 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 terperinci

Cara Mengelola Isi Halaman Web

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

FLASH, FRAME, BEHAVIOR

FLASH, FRAME, BEHAVIOR FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label

Lebih terperinci

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.

Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd. Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk

Lebih terperinci

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

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

Lebih terperinci

Ruang Kerja DREAMWEAVER MX 2004 :

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

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

Komunikasi Multimedia

Komunikasi Multimedia Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id

Lebih terperinci

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.

Lebih terperinci

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

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

Lebih terperinci

Area kerja. Gambar 1. Tampilan awal MS FrontPage

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

Membuat situs sederhana dengan Dreamweaver *)

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 terperinci

Mengenal Dreamweaver MX 2004

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

Lebih terperinci

BAB 5 PROSES EDITING 5.1. EDITING AWAL

BAB 5 PROSES EDITING 5.1. EDITING AWAL BAB 5 PROSES EDITING Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih

Lebih terperinci

Membangun Web Statis Menggunakan Dreamweaver Oleh : Mochamad Subecha, SE

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

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

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

BAB II LANDASAN TEORI

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

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

Desain Web Dengan Macromedia Dreamwever MX. Mendesain Situs

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

Insert Bar (Frame) Insert Bar (Form) Insert Bar (Templates) Insert Bar (Characters)

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

BAB II LANDASAN TEORI

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

MEMBUAT WEBSITE PERSONAL

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

1.1 Apa Itu Dreamweaver 8?

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

Lebih terperinci

SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.

SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan

Lebih terperinci

Bab III PEMBAHASAN PEMBUATAN WEBSITE.

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

Modul 5 Macromedia Dreamweaver 8

Modul 5 Macromedia Dreamweaver 8 Laporan Praktikum Modul 5 Macromedia Dreamweaver 8 Mata kuliah : CF 1310 Pengantar Teknologi Informasi Disusun oleh : Nama Route Gemilang 5208 100 073 Semester Ganjil 2008/2009 Jurusan Sistem Informasi

Lebih terperinci

MODUL PRAKTIKUM PEMROGRAMAN WEB DENGAN MENGGUNAKAN MACROMEDIA DREAMWEAVER MX 2004

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

Kata Pengantar.

Kata Pengantar. Kata Pengantar Saat ini Dreamweaver MX telah menjadi program yang paling banyak di gunakan sebagai program pembuat web. Meskipun di pasaran telah banyak beredar web authoring yang lain, tetapi keberadaan

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

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

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

Lebih terperinci

Cara Membuat website dengan Dreamweaver

Cara Membuat website dengan Dreamweaver Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See

Lebih terperinci

Index. Home. About Us. Guest Book. Site. Gambar 3.1 Struktur Navigasi Composite (Campuran)

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

C. Ms Powerpoint D. Notepad E. Ms Acces

C. Ms Powerpoint D. Notepad E. Ms Acces 1. Apakah kepanjangan dari HTML? A. Hyper Text Mark Up Language B. Hyper Text Mark Language C. Hight Text Mark Up Language D. Hight Text Mark Language 2. Berikut ini adalah termasuk Software Browser, Kecuali:

Lebih terperinci

Cara Membuat Website Dengan Dreamweaver 8

Cara Membuat Website Dengan Dreamweaver 8 Cara Membuat Website Dengan Dreamweaver 8 Hilmi Akbar Hilmi_Akbar@ymail.com Abstrak Macromedia Dreamweaver 8 merupakan alat desain web komprehensif yang disukai oleh para profesional web, tapi cukup mudah

Lebih terperinci

Bab 5. Dasar-dasar Action Script

Bab 5. Dasar-dasar Action Script Bab 5. Dasar-dasar Action Script Pada animasi yang telah Anda pelajari pada bab sebelumnya, dijalankan secara berurutan dari frame ke frame. Berikutnya dengan adanya Behaviors dan Action Script, animasi

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

BAB 2 LANDASAN TEORI

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

Lebih terperinci

Dasar-dasar Dreamweaver

Dasar-dasar Dreamweaver FAUZAN SRIRADITYO UTOMO 08148102 TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi

Lebih terperinci

Bab 9 Menggunakan Tabel

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

KSI B ~ M.S. WULANDARI

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

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table

Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table Tabel, List 1. Tabel Tabel adalah objek yang terdiri dari kolom dan baris. Tabel dalam halaman / dokumen Web sebenarnya terdiri dari tag-tag HTML, yaitu tag , tag , tag . 1.1. Menyisipkan

Lebih terperinci

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

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

Lebih terperinci

BAB II LANDASAN TEORI

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

Lebih terperinci

Bab 10 Pemakaian Frame

Bab 10 Pemakaian Frame Bab 10 Pemakaian Frame Webmaster Pro Front Page XP Daftar Isi Bab 10 1 Pendahuluan...305 1.1 Sekilas tentang frame... 305 1.2 Latar belakang... 305 1.3 Membuat frame... 306 2 Membuat Frame...307 2.1 Membuat

Lebih terperinci

PANDUAN PENGELOLAAN SITUS WEB BPKP

PANDUAN PENGELOLAAN SITUS WEB BPKP PANDUAN PENGELOLAAN SITUS WEB BPKP URL (UNIFIED RESOURCES LOCATOR) Untuk dapat melakukan pengelolaan halaman web di situs web BPKP, kita harus mengetikkan URL atau unified resources locator atau alamat

Lebih terperinci

Mengenal dan Mengedit HTML

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

Lebih terperinci

BAB III ANALISA MASALAH DAN RANCANGAN PROGRAM

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

Pokok Bahasan Membuat dan Menempatkan Tabel Menempatkan Footnotes Menempatkan Komentar (Comment) Mencetak Dokumen

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

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

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

BAB II LANDASAN TEORI

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

Lebih terperinci

E-commerce Development Berbasis Wordpress

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

BAB II LANDASAN TEORI

BAB II LANDASAN TEORI 5 BAB II LANDASAN TEORI 2.1 Pengertian Internet Internet berasal dari kata Interconnection Networking yang mempunyai arti hubungan berbagai komputer dengan berbagai tipe yang membentuk sistem jaringan

Lebih terperinci

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Aplikasi Website PT. DIAMOND Menggunakan Macromedia DreamWeaver MX

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 terperinci

BAB III ANALISA DAN PEMBAHASAN MASALAH

BAB III ANALISA DAN PEMBAHASAN MASALAH BAB III ANALISA DAN PEMBAHASAN MASALAH Pada bab ini akan dibahas bagaimana cara merancang dan membangun Website Yuni-Museum. Dalam pembuatan website ini, penulis lebih banyak bekerja dengan menggunakan

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN

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

BAB 2 TINJAUAN TEORI

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

Lebih terperinci

HOT POTATOES oleh : Wahyu Purnomo

HOT POTATOES oleh : Wahyu Purnomo HOT POTATOES oleh : Wahyu Purnomo A. Penjelasan Hot Potatoes adalah software yang terdiri dari 6 macam fasilitas yang bisa digunakan untuk membuat latihan latihan berbasis web yang interaktif. Software

Lebih terperinci

Tampilan tool box arrow tool (V) subselection tool (A) free transform tool (Q) gradient transform tool (F) line tool (N) lasso tool (L) pen tool (P) t

Tampilan tool box arrow tool (V) subselection tool (A) free transform tool (Q) gradient transform tool (F) line tool (N) lasso tool (L) pen tool (P) t Software Last Update Level : : des.2007 : Basic Macromedia Flash adalah software aplikasi untuk membuat animasi vektor dan image, biasanya digunakan untuk membangun sebuah situs web yang interaktif dan

Lebih terperinci

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat

Lebih terperinci

I. PENGENALAN MICROSOFT POWER POINT. A. Membuka Aplikasi Microsoft Power Point

I. PENGENALAN MICROSOFT POWER POINT. A. Membuka Aplikasi Microsoft Power Point I. PENGENALAN MICROSOFT POWER POINT A. Membuka Aplikasi Microsoft Power Point Aplikasi Microsoft Power Point merupakan bagian dalam Microsoft Office, untuk instalasi aplikasi ini sudah menjadi satu paket

Lebih terperinci

Bekerja dengan Teks, Gambar, Link

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

BAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8

BAB 3 PERANCANGAN SISTEM. 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8 BAB 3 PERANCANGAN SISTEM 3.1 Mendefenisikan Web dalam Macromedia Dreamweaver 8 Sebelum membangun web yang akan kita buat, pertama kali yang dilakukan adalah file tersusun rapi dan terkumpul dalam satu

Lebih terperinci

Modul 4 Desain dengan Dreamweaver I

Modul 4 Desain dengan Dreamweaver I Modul 4 Desain dengan Dreamweaver I 1.1 Tujuan a. Mahasiswa dapat membuat template web dengan dreamweaver b. Mahasiswa dapat mengenal komponen dreamweaver 1.2 Materi a. Web dan Dreamweaver b. Desain Web

Lebih terperinci

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara

Lebih terperinci

SMP Kristen Tirtamarta hal 1

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

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

PERTEMUAN 1. Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage PERTEMUAN 1 Kompetensi Dasar : Menjelaskan konsep dasar dan teknologi Webpage Materi yang akan dibahas : 1. Kegunaan dari dokumen dan audiens 2. Bahasa HTML 3. Struktur dasar penulisan dokumen 4. Site

Lebih terperinci

Mukhamad Murdiono FISE-UNY

Mukhamad Murdiono FISE-UNY Mukhamad Murdiono FISE-UNY Toolbar Drawing (ada di bawah jendela presentasi) adalah tombol pendukung yang bisa digunakan untuk membuat objek gambar. Status Bar (di bagian bawah layar) menunjukan posisi

Lebih terperinci

3. Mengapa dengan Powerpoint?

3. Mengapa dengan Powerpoint? Membuat Bahan Ajar Berbasis ICT Memakai PowerPoint Oleh : Arif Kristanta A. Pendahuluan Dalam PP nomor 19 tahun 2005 Pasal 20, diisyaratkan bahwa guru diharapkan mengembangkan materi pembelajaran, yang

Lebih terperinci

MODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories

MODUL 7. Apakah Joomla itu? A. Pra-Instalasi Joomla. Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories MODUL 7 JOOMLA Tujuan : 1. Pengenalan Joomla 2. Installasi Joomla 3. Pengenalan Section dan Categories Apakah Joomla itu? Sejauh ini joomla adalah: Joomla! is a free open source framework and content publishing

Lebih terperinci

Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa

Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Tutorial Macromedia Dreamweaver PHP MySQL Membuat Aplikasi Tampil, Entri, Edit, Delete Mahasiswa Oleh Achmad Solichin, http://achmatim.net, achmatim@gmail.com Dalam Tutorial Ini Diasumsikan Bahwa: 1. Di

Lebih terperinci

Materi 1. Selamat Datang Di Frontpage 2000

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

Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6

Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6 Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6 Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi

Lebih terperinci

MENDEMONSTRASIKAN AKSES INTERNET

MENDEMONSTRASIKAN AKSES INTERNET MENDEMONSTRASIKAN AKSES INTERNET 2. Standar Kompetensi: Menggunakan internet untuk memperoleh informasi 2.1. Kompetensi Dasar: Mendemonstrasikan akses internet sesuai prosedur TUJUAN PEMBELAJARAN Menjelaskan

Lebih terperinci

Gambar 1.1 Desain halaman web

Gambar 1.1 Desain halaman web DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya

Lebih terperinci

DASAR MENGGUNAKAN VISUAL BASIC 6.0

DASAR MENGGUNAKAN VISUAL BASIC 6.0 DASAR MENGGUNAKAN VISUAL BASIC 6.0 Apa itu Visual Basic? Kata Visual menunjukkan cara yang digunakan untuk membuat Graphical User Interface (GUI). Dengan cara ini Anda tidak lagi menuliskan instruksi pemrograman

Lebih terperinci

MODUL PELATIHAN PROGRAM MS. OFFICE WORD 2007 DISUSUN OLEH YAYASAN KURNIA

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

Ali Salim

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

TAG HTML LANJUT Tujuan Instruksional :

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

ULANGAN UMUM SEKOLAH SMA ISLAM AL-IZHAR PONDOK LABU TAHUN PELAJARAN 2012/2013

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

BAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.

BAB 2 LANDASAN TEORI. adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu. BAB 2 LANDASAN TEORI 2.1. Visual Basic 6.0 Visual Basic adalah salah satu bahasa pemrograman komputer. Bahasa pemrograman adalah perintah yang dimengerti oleh komputer untuk melakukan tugas-tugas tertentu.

Lebih terperinci

Pemrograman dengan C++ Builder 2004 Taryana S Pendahuluan C++ Builder adalah sebuah aplikasi yang digunakan untuk pengembangan dengan

Pemrograman dengan C++ Builder 2004 Taryana S Pendahuluan C++ Builder adalah sebuah aplikasi yang digunakan untuk pengembangan dengan 1.1. Pendahuluan C++ Builder adalah sebuah aplikasi yang digunakan untuk pengembangan dengan memanfaatkan keistimewaan konsep- konsep antar muka grafis dalam Microsoft Windows. Aplikasi yang dihasilkan

Lebih terperinci

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

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

Lebih terperinci

Modul Pembuatan Website Menggunakan

Modul Pembuatan Website Menggunakan Design : www.mhdsyarif.p.ht Modul Pembuatan Website Menggunakan Versi 3.5.1 07-08 Mei 2013 Oleh : Divisi Web Puskom UR http://puskom.unri.ac.id Daftar Isi Daftar Isi...i A. Install XAMPP... 1 B. Install

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN

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

DASAR-DASAR MACROMEDIA FLASH

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

Lebih terperinci

BAB III ANALISA DAN PEMBAHASAN

BAB III ANALISA DAN PEMBAHASAN 22 BAB III ANALISA DAN PEMBAHASAN Pada bab ini akan dibahas bagaimana merancang dan membangun sebuah website mengenai Museum Nasional. Dalam pembuatan web ini lebih banyak bekerja dengan aplikasi Macromedia

Lebih terperinci

Adobe 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! Dewi Putri & Ayu Ratih Wisah PalComTech Publisher Adobe Dreamweaver CS3 Langsung Praktek! Penulis : Dewi Putri & Ayu Ratih Wisah Editor : Kasmoni Desain Kover :

Lebih terperinci

Tutorial Software Lecture Maker

Tutorial Software Lecture Maker Tutorial Software Lecture Maker Software Lecture maker merupakan salah satu software multimedia yang banyak diaplikasikan untuk media pembelajaran. Kelebihan dari software ini adalah dapat dieksekusi dalam

Lebih terperinci

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

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

Header-Footer, Preview dan Cetak Dokumen

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

TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1. gunakan start menu untuk menampilkan program autoplay media studio.

TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1. gunakan start menu untuk menampilkan program autoplay media studio. TUTORIAL PEMBUATAN MEDIA PEMBELAJARAN DENGAN MENGGUNAKAN AUTOPLAY OLEH KELOMPOK 1 MEMULAI PROYEK BARU 1. buka autoplay, dengan cara : gunakan start menu untuk menampilkan program autoplay media studio.

Lebih terperinci

Konsep Sistem Informasi B

Konsep Sistem Informasi B MICROSOFT ACCESS FORM Form digunakan untuk merepresentasikan ke user atau menerima inputan dari user data-data dalam tabel atau query dalam bentuk interface grid, tombol, dan lain-lain kontrol windows.

Lebih terperinci

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo PANDUAN PENGGUNAAN Joomla! Versi 1.5 Oleh: Anon Kuncoro Widigdo anonkuncoro@yahoo.com Kendari 2009-2010 MODUL I Pendahuluan Joomla adalah sebuah aplikasi sistim manajemen konten atau Content Management

Lebih terperinci

Materi Power POint Ajib Susanto, S.Kom : 1

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

Manual. webhosting.i2.co.id

Manual. webhosting.i2.co.id Manual webhosting.i2.co.id Disclaimer This document is provided for informational purposes only and net-dsign.com makes no warranties, either express or implied, in this document. Information in this document

Lebih terperinci

Ringkasan Bab 1. Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain:

Ringkasan Bab 1. Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain: Ringkasan Bab 1 Bab 1 ini akan membahas pemakaian dasar Access secara menyeluruh. Topik-topiknya antara lain: 1 Database Access 1.1 Objek dan Manfaat 1.2 Bidang Kerja 2 Membuat Field dan Mengisi Data 2.1

Lebih terperinci

Makmal 1: Perisian Adobe Dreamweaver CS3

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

Lebih terperinci