MAKALAH INI DISUSUN UNTUK MEMENUHI TUGAS MATA PELAJARAN PEMOGRAMAN WEB. Guru Pengampu : Yenny Oktafitriana Arbi, S.Pd. Agus Giyanto, A.
|
|
|
- Hendra Atmadjaja
- 6 tahun lalu
- Tontonan:
Transkripsi
1 MAKALAH INI DISUSUN UNTUK MEMENUHI TUGAS MATA PELAJARAN PEMOGRAMAN WEB Guru Pengampu : Yenny Oktafitriana Arbi, S.Pd Agus Giyanto, A.Md MODUL DREAMWEAVER CS5 Penyusun : Dion Saputro (09) Muh. Khoirul Mustakim (17) SMK NEGERI 1 BLORA JURUSAN MULTIMEDIA P a g e
2 PENDAHULUAN Dreamweaver merupakan software aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web secara visual. yang intinya adalah bahwa anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs. Selain itu Dreamweaver juga memberikan keleluasaan untuk menggunakan sebagai media penulisan bahasa pemrograman web. Dreamweaver memiliki beberapa kelebihan diantaranya: 1. Desain Your Site Visually: Dengan fitur ini kalian bisa lebih menambahkan efek visual pada web yang akan kita buat, karena Adobe Dreamweaver CS5 ini sudah men-support penggunaan CSS code dan dapat diintegrasikan dengan Adobe Fireworks untuk membuat web anda terlihat lebih attraktif. 2. Ensure Cross-Browser Compability: Terkadang halaman web yang kita buat tidak berjalan dengan baik di beberapa browser, umumnya hal itu dikarenakan bahasa/coding/script yang kita pakai tidak ter-support pada browser tersebut. Dengan Adobe Dreamweaver CS5, anda dapat menggunakan fitur Adobe BrowserLab untuk memastikan halaman web yang anda buat dapat dijalankan di berbagai browser maupun di berbagai OS sebelum di upload ke server. 3. Integrate FLV Video: Adobe Dreamweaver CS5 sudah diintegrasikan dengan baik file flv. Dengan Adobe Dreamweaver CS5 ini anda dapat langsung mengimport file flv anda, setelah itu software ini akan mengenerate secara otomatis player flv nya. Anda bisa mengintegrasikannya dengan Adobe Flash untuk membuat flv nya. Disamping kelebihan di atas, Adobe Dreamweaver CS5 memiliki kekurangan, yakni: 1. Harga Software yang Cukup Mahal.Mungkin salah satu kekurangan dari Dreamweaver ini adalah dari segi harga. Dreamweaver CS5 dibandrol oleh Adobe sekitar $399. Harga yang mungkin terjangkau oleh kalangan tertentu saja. 2 P a g e
3 Lembar Kerja Dreamweaver CS 5 1. Menu Bar Menu bar pada adobe dreamweaver yaitu file,edit, view,insert, modify, format, commands, site, window, dan help.setiap menu mempunyai beberapa sub menu sesuai dengan kategorinya,selain itu juga mempunyai fungsi yang berbeda-beda. 2. Document Window Document windows menampilkan dokument dari halaman web yang aktif, atau dokumen yangsedang diedit. Pada Document Window terdapat Title Bar yang menampilkan judul halaman,fasilitas Zoom, Document Toolbar, dan Tag Selector. 3 P a g e
4 3. Document Window Document windows menampilkan dokument dari halaman web yang aktif, atau dokumen yangsedang diedit. Pada Document Window terdapat Title Bar yang menampilkan judul halaman,fasilitas Zoom, Document Toolbar, dan Tag Selector. 4. Tag Selector Tag selector berfungsi untuk menampilkan tag HTML dari objek yang terseleksi. Kita dapat meng-klik<body> untuk memilih keseluruhan elemen dokumen. Tag Selector ini terdapat pada Document Window,dan terletak di bawah sebelah kiri. 5. Panel Groups Panel groups merupakan salah satu fasilitas yang terdapat pada Adobe Dreamweaver yang berfungsiuntuk membantu dalam mengedit suatu halaman web. Panel Groups terletak di sebelah kanan layar kerjadan terdiri dari beberapa panel. Untuk menampilkan panel, klik ganda pada nama panel tersebut. 4 P a g e
5 6. Property Inspector Pada Adobe Dreamweaver terdapat fasilitas Property Inspector yang berfungsi untuk mengatur ataumengedit properti objek-objek yang ada pada halaman web. Property Inspector menampilkan semuaproperti objek ( misalnya objek teks, objek gambar, objek tabel) yang terseleksi pada jendela kerja. Dalam Property Inspector, Kita dapat dengan mudah mengatur atau mengedit properti objek, yaitu denganmemasukkan nilai-nilai parameter yang disediakan. Secara umum, Property Inspector terdiri dari PageProperty, Image Property, Table Property, dan Form Property. 7. Workspace Switcher Workspace Switcher pada Adobe Dreeamweaver berfungsi untuk mengubah atau mengatur jendelakerja sesuai keinginan, sehingga memudahkan Kita dalam membuat halaman web. Tampilan yang terdapatdi dalamnya antara lain adalah mode Designer, Classic, Coder dan lain-lain. 5 P a g e
6 TOOLS PADA DREAMWEAVER CS 5 1 Tab Common Hyperlink Link Named Anchor Horizontal Rule Table Insert Div Tag Images Media Widget Date Server-Side Include Comment Head : Untuk membuat link pada objek : Untuk memberikan link ke Untuk memberikan nama anchor :Untuk menyisipkan garis secara horizontal :Untuk membuat table :Untuk menyispkan Tag Div :Untuk menyisipkan gambar :Untuk menyisipkan media, seperti file flash(swf,flv,dll) :Untuk menyispkan komponen web :Untuk menyisipkan tanggal :Untuk menyisipkan file dokumen Server-Side :Untuk menyisipkan komentar pada script HTML :Untuk menambah elemen pada head section dalam dokumen, seperti Meta, keyword, Description Script Templates Tag Chooser :Untuk menyisipkan JavaScript :Untuk membuat template :Untuk menyisipkan tag seperti tag HTML, ASP.NET,PHP,JSP,dan lain-lain 6 P a g e
7 2. Tab Layout Insert Div Tag Draw AP Div Spry Menu Bar Spry Tabbed Panels Spry Accordion :Untuk menyisipkan Div Tag :Untuk membuat layer :Untuk membuat tombol menu pada halaman web :Untuk membuat panel tab pada halaman web :Untuk membuat panel accordion Spry Collapsible Panel :Untuk membuat tab yang didalamnya terdapat isi dokumen dan ditampilkan ke bawah Table Insert Row Above Insert Row Below Insert Column to the Left Insert Column to the Right IFrame Frames :Untuk membuat tabel :Untuk menyisipkan baris pada tabel bagian atas :Untuk menyisipkan baris pada tabel bagian bawah :Untuk menyisipkan kolom tabel sebelah kiri :Untuk menyisipkan kolom tabel sebelah kanan :Untuk menyisipkan iframe pada halaman web :Untuk membuat frame 7 P a g e
8 3.Tab Forms Form Text Field Hidden Field Textarea Checkbox Checkbox Group Radio Button Radio Group List/Menu Jump Menu Image Field File Field Button Label Fieldset Spry Validation Text Field Spry Validation Textarea Spry Validation Checkbox Spry Validation Select Spry Validation Password :Untuk membuat form :Untuk membuat text field pada form :Untuk membuat hidden field pada form :Untuk membuat Textarea pada form :Untuk membuat satu checkbox pada form :Untuk membuat lebih satu checkbox pada form :Untuk membuat radio button pada form :Untuk membuat radio button secara group pada form :Untuk membuat daftar atau menu pada form :Untuk membuat jump menu pad form :Untuk memasukkan gambar pada form :Untuk membuat pencarian file :Untuk membuat tombol Submit atau Reset pada form : Untuk membuat label pada form :Untuk membuat fieldset :Untuk membuat text field model spry :Untuk membuat Textarea model spry :Untuk membuat checkbox model spry :Untuk membuat daftar atau menu model spry :Untuk membuat password field 8 P a g e
9 4. Tab Data Tab data pada dreamweaver berfungsi untuk memasukkan object dat model spry dan elemenelemen dinamis lainnya seperti Recordset, Repeated Regions, Insert Record, Update Record, Delete Record, dan lain sebagainya. 5. Tab Spry Tab Spry berisikan tombol-tombol untuk membuat halaman-halaman Spry, termasuk object data spry. Spry merupakan library JavaScript yang dapat digunakan untuk mendesain halaman web, seperti membuat menu bar, textarea, text field, dan lain sebagainya dengan hasil yang lebih menarik. 6. Tab InContext Editing Pada tab InContext Editing terdapat tombol-tombol yang berfungsi untuk membuat Repeating Region, Editable Region, dan Manage Available CSS Clases. Repeating dan Editable Region digunakan untuk membuat template halaman web. 9 P a g e
10 7. Tab Text Tab Text berfungsi untuk mengatur format teks, paragraf, maupun karakter teks lainnya. Berikut keterangan fungsi dari tool-tool yang ada pada tab Text: Bold Italic Strong Emphasis Paragraph Block Quote Preformatted Text :Untuk membuat teks menjadi tebal :Untuk membuat teks menjadi miring :Untuk membuat teks menjadi tebal :Untuk membuat teks menjadi miring :Untuk mengatur paragraf :Untuk menandai teks seperti catatan penting :Untuk membentuk paragraf seperti pada script Heading 1 :Untuk membentuk teks dalam format heading 1 Heading 2 :Untuk membentuk teks dalam format heading 2 Heading 3 :Untuk membentuk teks dalam format heading 3 Unordered List Ordered List List Item Definition List Definition Term Definition Description Abbreviation :Untuk membuat daftar dalam kondisi simbol :Untuk membuat daftar dalam format simbol :Untuk memasukkan daftar :Untuk mendefinisikan sesuatu :Untuk memasukkan definition term :Untuk memberikan penjelasan pada teks :Untuk memberikan penjelasan mengenai singkatan pada teks yang ditunjuk Acronym Characters :Untuk membuat akronim :Untuk menyisipkan karakter tertentu pada teks, seperti ganti baris, copyright dan lain-lain 10 P a g e
11 8. Tab Favorites Tab ini berfungsi untuk menambahkan isi dari tab-tab ke dalam tab Favorites seperti Table Row, Hyperlink, Comment, Dynamic Text, dan lain sebagainya. Untuk menambahkan isi tab ke dalam tab Favorites dapat menggunakan cara berikut: dengan menekan tombol OK. bol,lanjutkan 9. CSS Style Panel CSS Styles panel merupakan fasilitas pada dreamweaver yang berfungsi untuk mengatur script CSS agar halaman web menjadi lebih menarik. CSS Styles dan terdiri dari dua mode, yaitu mode All dan mode Current. menampilkan list atau daftar stylesheet dari dokumen halaman web yang diseleksi, sedangkan panel Properties akan menampilkan isi atau atribut dari stylesheet yang diseleksi pada panel All Rules. dan panel Properties. Panel Summary for Selection menampilkan isi dari CSS, panel About menampilkan informasi lokasi dari script CSS yang diseleksi, sedangkan panel Properties menmpilkan isi atau atribut dari stylesheet yang diseleksi. 10. Files Panel Files panel pada dreamweaver merupakan fasilitas yang berfungsi untuk mengelola filefile dari dokumen web. Kita dapat dengan mudah mengelola file-file tersebut di folder, jaringan komputer, maupun secara remote. 11 P a g e
12 Menu dan Sub Menu Pada Dreamweaver 1. File New Open Browse in bridge Open Recent Open in frame Close Close All Shere My Screen Save Save As Save All Save All Related Files 2. Edit Undo Paste Redo Paste Cut Copy Paste Paste Special Clear Select All Select parent Tag Select Child Find and replace Find Selection Find Next 3. View Zoom In Zoom Out Magnification Fit selection Fit all Fit width Code Split code Design Code and design Split vertically Save As Tample Revert Print Code Import Export Convert Preview in Browser Check Page Validate Compre With Remote Server Desig Notes Exit Go To Link Show code Hints Code Hint Tools Ident Code Outdent Code Balance braces Repeating Entries Code Collapse Edit With External Editor Tag libraries Keyboard shortcuts Prefences Design view on left Switch views Refresh design view Refresh styles Live view Live view opstions Live view browser Live code Inspect Head content Table mode 12 P a g e
13 Noscript content Visual aids Style rendering Code view options 4. Insert Tag Image Image object Media Table Table objects Layout objects Form Hyperlink link Named ancor Date 5. Modifity Page properties Template properties Selection properties CSS style Edit Tag Quick tag editor Make link Remove link Open linked page 6. Format Indent Outdent Paragraph format Align Rulers Gird Guides Tracing image Server side include Comment HTML Template objects Recent snippets Widget Spry InContect Editing Data objects Customize favorites Get more objects Link target Table Image Frameset Arrange Convert Library Templates List Font Style CSS style Color 13 P a g e
14 7. Commands Stsrt recording Play recorded command Edit command list Get more command Get air extension Manage extensions Check spelling Apply source formatting Apply sourceformattingto selection Clean up XHTML Clean up word HTML Externalize javascript Remove FLV detection Optimize image Sort table 8. Site New Site Manage sites Get Chek out Put Check in Undo check out Show checked out by Locate in site Reports Site-specifik code hints Synchronize sitewide Check link sitewide Change link sitewide Advanced 9. Window Insert Properties Css styles Ap elements Business catalyst 14 P a g e
15 Databases Bindings Server bahaviors Components Files Assets Snippets Tag inspector Behaviors History Frames Code inspector Results Extansions Workpace layout Hide panels Application bar Casade Tile horizontally Tile vertically 1 unttled Help Dreamweaver help Spy framework Get starled with business catalyst in contet editing Omniture Coldfusion help Reference Dreamweaver support center Dreaweaver exchange Manage extensions Css advisor Adobe online forums Product rgistation Deactivate Updates Adobe product improvement program 15 P a g e
16 TUTORIAL MEMBUAT TEKS BERJALAN PADA DREAMWEAVER Untuk membuat seatu web tampak lebih menarik Anda bisa memberikan efek-efek tertentu terhadap tulisan maupun gambar. Disini saya akan memberitahukan cara untuk membuat tulisan yang dapat berjalan, ikuti lagkah-langkah berikut : 1. Buka macromedia dreameweaver sampai lembar kerja yang sudah ditambahkan tabel Tulislah kata yang Anda inginkan > masuk pada lembar kerja split 16 P a g e
17 Tulislah <marquee>..</marquee> Kliklah toolbar preview(bola dunia) Maka akan berjalan 17 P a g e
18 Penutup Demikian yang dapat kami paparkan mengenai materi yang menjadi pokok bahasan dalam makalah ini,tentunya masih banyak kekurangan dan kelemahannya,karena terbatasnya pengetahuan dan kurangnya rujukan atau refrensi yang ada hubungannya dengan judul makalah ini Semoga apa yang telah kami buat ini bisa memenuhi kriteria penilaian tugas makalah dreamweaver apabila ada kesalahan ejaan ataupun penulisan kata kami mohon maaf.semoga makalah ini bermanfaat pada penulis khususnya dan pada pembaca umumnya. Sumber: P a g e
MAKALAH MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5
MAKALAH Makalah Ini Disusun Untuk Memenuhi Tugas Mata Pelajaran Pemrograman Web Design. Guru Pengampu : Yenny Oktafitriana Arbi, S.Pd Agus Giyanto, A.Md MODUL ADOBE DREAMWEAVER CREATIVE SUITE 5 Disusun
BAB I Pengenalan Dreamweaver
Dreamwaver - 1-1.1 Pedahuluan BAB I Pengenalan Dreamweaver Merancang sebuah website tidak terlepas dari pembuatan desain tampilan web tersebut, karena desain web merupakan langkah awal dari pembuatan website.
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
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
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
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
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
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
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
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
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
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.
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
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
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
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.
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
MENGENALI LAYAR KERJA MICROSOFT WORD 2007
MENGENALI LAYAR KERJA MICROSOFT WORD 2007 Bagi yang sudah terbiasa menggunakan Microsoft Word 2003 mungkin akan kebingungan dengan tampilan baru pada Word 2007 dan memutuskan tetap menggunakan Word 2003
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
Modul 5 Macromedia Dreamweaver 8
Tugas Pendahulan 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
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
oleh : idrus, A.Md
oleh : idrus, A.Md Langkah-langkah Instalasi OpenOffice.org 2.4 1. Jalankan file arsip installer yang telah tersedia. Tunggu sebentar sampai sebuah dialog ditampilkan 2. Klik tombol next untuk lanjut 3.
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
merge to new document
1. Untuk menjalankan program, langkah awal adalah melakukan klik. pada taskbar. a. Start b. Exit c. Turn off d. Log off e. Shutdown 2. Perintah yang digunakan untuk mengaktifkan windows explore adalah.
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
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
BAB VII PERANGKAT LUNAK PENGOLAH TEKS
BAB VII PERANGKAT LUNAK PENGOLAH TEKS 7.1 Pendahuluan A. Deskripsi Singkat Pada bab ini akan dijelaskan tentang beberapa penerapan dari perangkat lunak pengolah teks. Di dalamnya akan diuraikan bagaimana
A. TUJUAN PEMBELAJARAN
A. TUJUAN PEMBELAJARAN Perkembangan sains dan teknologi menuntut peningkatan kualitas, pengetahuan dan keterampilan kita dalam berkomunikasi. Sehingga kita memerlukan suatu teknologi yang dapat memberikan
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
No Jenis Aplikasi Pengolah Kata Kegunaan
No Jenis Aplikasi Pengolah Kata Kegunaan 1. Linux Abi word 1. File New (Ctrl + N) Membuat lembar kerja baru New using template (Shift + Ctrl + N) Menambah sisipan data ke dalam lembar kerja yang sedang
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
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
MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB
Media Informatika Vol. 8 No. 2 (2009) MEMANFAATKAN CASCADING STYLE SHEET UNTUK MEMPERINDAH TAMPILAN WEB Budi Maryanto Sekolah Tinggi Manajemen Informatika dan Komputer LIKMI Jl. Ir. H. Juanda 96 Bandung
BAB 2 TINJAUAN TEORI. berasal dari kata datim yang berarti fakta atau bahan-bahan keterangan.
BAB 2 TINJAUAN TEORI 2.1 Data dan Informasi 2.1.1 Pengertian Data Data menurut kamus bahasa Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datim yang berarti fakta atau bahan-bahan
BAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem
PERTEMUAN 6 Teknologi dan Perangkat Pendukung
PERTEMUAN 6 Teknologi dan Perangkat Pendukung Editor program Web Browser Editor Gambar Editor Multimedia Editor Warna Sebuah Situs Web (Website) Sebuah situs web (website) merupakan kumpulan dari berbagai
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
OpenOffice. Impress. Kelompok II. Dwi Rizki Lailatul Q (06) Eka Rahma Virly A (07) Fajar Maulana F (08) Fany Gresta N (09) Fardah Zahara (10)
OpenOffice Kelompok II Impress Dwi Rizki Lailatul Q (06) Eka Rahma Virly A (07) Fajar Maulana F (08) Fany Gresta N (09) Fardah Zahara (10) Apa itu presentation program? Menurut wikipedia : A presentation
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
Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
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
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
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:
KEGIATAN PEMBELAJARAN 1
KEGIATAN PEMBELAJARAN 1 MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA A. Standar Kompetensi : Menggunakan perangkat lunak pengolah kata untuk menyajikan informasi B. Kompetensi Dasar : Mengidentifikasi
BAB II TINJAUAN PUSTAKA. Menurut Jogianto (2001), Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang
BAB II TINJAUAN PUSTAKA 2.1 Pengertian Sistem Menurut Jogianto (2001), Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan
Mengenal Visual Post Editor WordPress
Bismillah, Post editor WordPress sebagaimana saya jelaskan di tulisan sebelumnya terbagi menjadi dua mode yaitu Mode Visual dan HTML. Pada kesempatan kali ini saya akan membahas lebih terperinci mengenai
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
LATIHAN SOAL UJIAN AKHIR SEMESTER GASAL MAPEL TEKNOLOGI INFORMASI DAN KOMUNIKASI SMP MUHAMMADIYAH 3 DEPOK
LATIHAN SOAL UJIAN AKHIR SEMESTER GASAL MAPEL TEKNOLOGI INFORMASI DAN KOMUNIKASI SMP MUHAMMADIYAH 3 DEPOK. PILIHLAH SALAH SATU JAWABAN YANG PALING TEPAT 1. Perangkat Lunak pengolahan kata pada system operasi
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
BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA
BAB I MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH KATA Kompetensi Dasar : Mengidentifikasi menu ikon pada perangkat lunak pengolah kata Indikator : - Mengidentifikasi menu dan ikon pada: - Menu Bar - Standard
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
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
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,
Membuat dan Menyimpan Dokumen Sederhana
Membuat dan Menyimpan Dokumen Sederhana BAB 1 Pada Bab ini anda akan mempelajari cara : Menggunakan tombol toolbar dan menu Membuat dokumen baru Mengedit dokumen dan memperbaiki kesalahan Menyisipkan,
Modul 1 Pengenalan Perangkat Lunak Pengolah Kata Microsoft Word
Modul 1 Pengenalan Perangkat Lunak Pengolah Kata Microsoft Word TUJUAN PRAKTIKUM Mahasiswa mengenal Microsoft Windows Word sebagai salah satu softwere pengolah kata Mahasiswa mampu unutuk mengenal dan
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,
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 : -
Perangkat Lunak Pengolah Angka Microsoft Excel
Pelajaran 4 Perangkat Lunak Pengolah Angka Microsoft Excel A B C D E F G H 1 2 3 4 5 6 7 8 9 10 Software atau program aplikasi komputer diciptakan untuk menjawab berbagai kebutuhan para pengguna komputer.
NOTA TAMBAHAN POWERPOINT
NOTA TAMBAHAN POWERPOINT Environment Keterangan Menu Bar Merupakan bahagian PowerPoint yang berisi seluruh kumpulan menu yang diperlukan dalam proses perancangan dan penggunaan slaid persembahan. Tool
Ketika 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
Keterampilan Komputer dan Pengolahan Informasi (KKPI) Kenali Fungsi Tombol pada Keyboard Leptop/ Komputermu
Keterampilan Komputer dan Pengolahan Informasi (KKPI) Kenali Fungsi Tombol pada Keyboard Leptop/ Komputermu Version 1 pada Office Word Excel dll Ctrl + A : Select All Ctrl + B : Bold Ctrl + C : Copy Ctrl
Mempersiapkan Presentasi Profil Perusahaan
Mempersiapkan Presentasi Profil Perusahaan 1 Presentasi Pengertian Presentasi Presentasi adalah sebuah kegiatan yang menunjukkan atau menyajikan sebuah informasi atau gagasan kepada orang lain. Tujuan
ULANGAN TENGAH SEMESTER Mata Pelajaran : Teknologi Informasi dan Komunikasi Kelas / Semester : VIII ( Delapan ) / 1 Hari / Tanggal : W a k t u :
PEMERINTAH KOTA SEMARANG DINAS PENDIDIKAN SMP NEGERI 37 SEMARANG Jl. Sompok No. 43 Telp. 8446802, Fax, (8446802) Semarang ULANGAN TENGAH SEMESTER Mata Pelajaran : Teknologi Informasi dan Komunikasi Kelas
DAFTAR ISI. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PEMBIMBING... ii. LEMBAR PENGESAHAN PENGUJI... iii. LEMBAR PERNYATAAN KEASLIAN...
DAFTAR ISI LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PEMBIMBING... ii LEMBAR PENGESAHAN PENGUJI... iii LEMBAR PERNYATAAN KEASLIAN... iv HALAMAN PERSEMBAHAN...v HALAMAN MOTTO... vi KATA PENGANTAR...
Modul. 1 PENGENALAN MICROSOFT WORD
Modul. 1 PENGENALAN MICROSOFT WORD STANDART KOMPETENSI Menggunakan perangkat lunak pengolah kata untuk menyajikan informasi Memahami penggunaan KOMPETENSI DASAR Mengidentifikasi menu dan ikon pada perangkat
Modul 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,
Prinsip Pembuatan Website
Prinsip Pembuatan Website I Dalam dunia maya (internet) kita mengenal beberapa istilah tentang : web, www, website, web pages, dan homepage. www Web Website Web Pages Homepage (Word Wide Web) : merupakan
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
MICROSOFT 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
Paket Aplikasi : Microsoft Office Power Point
P11 & 12 Paket Aplikasi : Microsoft Office Power Point 11.1. TUJUAN Mahasiswa memahami dan terampil menggunakan paket aplikasi presentasi. 11.2. PEMBAHASAN Membuka aplikasi Microsoft Office Power Point
MODUL 5 MACROMEDIA FIREWORKS
MODUL 5 MACROMEDIA FIREWORKS Tujuan : 1. Memahami penggunaan Fireworks dalam mendesign suatu web. 2. Memahami pembuatan tombol dalam Fireworks. 3. Memahami langkah-langkah pembuatan Fireworks dari awal.
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
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
Aplikasi 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
ULANGAN UMUM SEMESTER GASAL TAHUN
KEMENTERIAN AGAMA MADRASAH TSANAWIYAH NEGERI NGABLAK Jalan Ngablak-Mangli Km. 0 Ngablak Telepon 0298-318070 KABUPATEN MAGELANG 56194 ULANGAN UMUM SEMESTER GASAL TAHUN 2012-2013 Mata Pelajaran : Teknologi
Modul Dreamweaver cs3
MAKALAH INI DISUSUN UNTUK MEMENUHI TUGAS MATA PELAJARAN PEMROGRAMAN WEB. GURU PENGAMPU: Yenny Oktafitriana Arbi,S.pd Agus Giyanto,A.Md Modul Dreamweaver cs3 Penyusun Nama : 1). ADE AGUSTIN (01) 2). DESI
BAB III FUNGSI MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH ANIMASI
BAB III FUNGSI MENU DAN IKON PADA PERANGKAT LUNAK PENGOLAH ANIMASI Kompetensi Dasar : Menjelaskan fungsi menu ikon pada perangkat lunak pengolah animasi Indikator : - Menjelaskan fungsi menu pada Bar -
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
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
Bab 16 Mengekspor Data, Mengambil Data dari Luar dan Menggunakan Password
Bab 16 Mengekspor Data, Mengambil Data dari Luar dan Menggunakan Password Pokok Bahasan Menyalin atau Membuat Duplikat Objek-objek Database ke Database Lain Mengambil Data dari Luar (Import Data) Menggunakan
BAB II LANDASAN TEORI
4 BAB II LANDASAN TEORI 2.1. Sekilas Tentang Internet. Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada
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
Mencari Text 2) 3) KTI A : Week 02 (Pembuatan Dokumen)
1 Mencari Text Untuk mencari sebuah text secara cepat, gunakan fasilitas Find and Replace, yang dapat dipanggil melalui menu Edit Find atau Ctrl+F. Hasilnya adalah : 4) Mencari untuk Highlight : menandai
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,
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
1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Tutorial pembuatan Company Profile dengan JagoanWeb
Tutorial pembuatan Company Profile dengan JagoanWeb Untuk memudahkan Anda dalam membuat company profile Anda, berikut adalah panduan untuk setting / pengaturan pada halaman Admin Anda. A. MENGGANTI TEMPLATE
MICROSOFT POWERPOINT. Pendahuluan
MICROSOFT POWERPOINT Pendahuluan Microsoft Power Point adalah suatu software yang akan membantu dalam menyusun sebuah presentasi yang efektif, professional, dan juga mudah. Microsoft Power Point akan membantu
Pemrograman Komputer B
OPEN OFFICE WRITER Pengenalan OpenOffice OpenOffice adalah perangkat lunak open source untuk office suite dengan kemampuan seandal office suite komersial seperti MS Office, dengan menggunakan openoffice
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
MICROSOFT OFFICE POWERPOINT
MICROSOFT OFFICE POWERPOINT PEMBUATAN PRESENTASI Presentasi adalah sebuah kegiatan yang menunjukkan atau menyajikan sebuah informasi atau gagasan kepada orang lain. Tujuan Presentasi, antara lain : - Untuk
MODUL MICROSOFT WORD OLEH: Nuryake Fajaryati, S.Pd.T., M.Pd. NIP
MODUL MICROSOFT WORD OLEH: Nuryake Fajaryati, S.Pd.T., M.Pd. NIP. 19840131 201404 2 002 PENDIDIKAN TEKNIK ELEKTRONIKA & INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA 2017 DAFTAR ISI Contents
Toolbar standart Ikon Perintah Fungsi New Blank Document Membuat Document Baru yang masih kosong
Tiga Toolbar dalam keadaan default atau normal pada MS Word 2003, yaitu Toolbar Standart, Formatting dan Drawing Toolbar standart New Blank Document Membuat Document Baru yang masih kosong Open Membuka
Otodidak Desain dan Pemrograman Website
Otodidak Desain dan Pemrograman Website Sanksi Pelanggaran Pasal 113 Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta 1. Setiap Orang yang dengan tanpa hak melakukan pelanggaran hak ekonomi sebagaimana
MANUAL USER Website KLA
Website KLA http://kla.id/wp-admin Daftar Isi Daftar Isi... 2 Panduan Aplikasi CMS... 3 Login... 3 Halaman Utama / Dashboard Wp-admin... 4 Edit User / Ubah Password... 5 Menu Media... 6 Menu Post... 7
BAB 2 LANDASAN TEORI. Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga
BAB 2 LANDASAN TEORI 2.1 Pengertian Sistem Informasi Computer Based Information System (CBIS) atau yang dalam Bahasa Indonesia disebut juga Sistem Informasi Berbasis Komputer merupakan sistem pengolah
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
Handout Pelatihan Kingsoft Office 2012
Handout Pelatihan Kingsoft Office 2012 Nur Insani, M.Sc 11/15/2013 Jurusan Pendidikan Matematika, Fakultas Matematika dan Ilmu Pengetahuan Alam UNIVERSITAS NEGERI YOGYAKARTA KINGSOFT OFFICE 2012 Presentation
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
APLIKASI KOMPUTER. Pokok Bahasan : MS. WORD (BAGIAN 1) Anggun Puspita Dewi, S.Kom., MM. Modul ke: Fakultas MKCU
APLIKASI KOMPUTER Modul ke: Pokok Bahasan : MS. WORD (BAGIAN 1) Fakultas MKCU Anggun Puspita Dewi, S.Kom., MM Program Studi Sistem Informasi & MarComm www.mercubuana.ac.id PENGERTIAN MICROSOFT WORD Microsoft