Tutorial Mengedit Halaman HTML dengan Dreamweaver

Ukuran: px
Mulai penontonan dengan halaman:

Download "Tutorial Mengedit Halaman HTML dengan Dreamweaver"

Transkripsi

1 Tutorial Mengedit Halaman HTML dengan Dreamweaver Oleh : Ruth Ema Febrita Pada tutorial sebelumnya, kita sudah berhasil melakukan konversi dari desain website yang kita buat menggunakan Photoshop menjadi file bertipe HTML. Pada tutorial kali ini, kita akan belajar untuk mengedit halaman HTML tersebut sehingga dapat digunakan sebagai template web kita. Saat kita berhasil melakukan konversi dari Photoshop ke HTML, maka pada folder penyimpanan akan muncul sebuah folder yang bernama images dan sebuah file HTML. Folder images akan berisi gambar-gambar hasil slicing dengan Photoshop. Folder ini nantinya akan digunakan untuk menyimpan semua gambar-gambar yang dibutuhkan dalam membangun website kita, sehingga administrasi penyimpanannya dapat lebih teratur. Untuk memulai mengedit halaman web ini, kita buka file HTML kita menggunakan Adobe Dreamweaver, maka akan muncul tampilan sebagai berikut: Kode program yang degenerate secara otomatis menggunakan pola tabel Tampilan program *NB: Gunakan mode Split untuk memudahkan proses edit halaman HTML.

2 Membuat dan Menggunakan File CSS Buatlah sebuah file CSS yang nantinya akan berfungsi untuk memberikan style pada halaman website kita, caranya adalah: 1. Klik File New CSS 2. Create 3. Simpan dengan nama style.css (atau bisa juga yang lain) dan simpan di folder yang sama dengan tempat penyimpanan halaman HTML. Dalam file CSS yang telah kita buat, kita bisa menambahkan jenis font apa yang akan kita gunakan pada seluruh halaman web yang akan kita gunakan, misalnya dengan menggunakan script berikut:.body{ font-family:verdana, Arial, Helvetica, sans-serif; } Untuk menerapkan file CSS yang telah kita buat, tambahkan script berikut ini di antara tag <head> <link rel="stylesheet" href="style.css" media="screen"/> Setelah itu maka file CSS dapat diterapkan pada halaman web yang akan kita buat. Menambahkan Teks pada Halaman Website Selanjutnya kita akan mencoba untuk menambahkan teks paragraf dalam halaman web kita dengan memanfaatkan background gambar hasil slicing kita dengan Photoshop. Berikut ini adalah langkahlangkah yang harus dilakukan: 1. Tentukan lokasi dalam bagian design, dimana Anda akan meletakkan teks paragraf. Kliklah bagian tersebut. Maka pada bagian kode akan terseleksi secara otomatis script yang menunjukkan bagian yang terpilih. Untuk lebih jelasnya perhatikan gambar berikut.

3 <td colspan="11"> <img src="images/ecoliving_2_14.png" width="670" height="390" alt=""></td> Script ini menunjukkan bahwa sel yang ditunjuk diisi dengan dengan sebuah gambar bernama ecoliving_2_14 yang berada di folder images. Dalam hal ini, kita tidak dapat langsung menuliskan paragraf di dalamnya, karena akan muncul tampilan sebagai berikut:

4 Background teks akan berwarna putih dan slicing kita semula akan menjadi pecah. Oleh karena itu, kita akan membuat gambar hasil slice kita menjadi background dari paragraf yang akan kita tulis. Caranya adalah dengan mengedit script yang tadi terseleksi menjadi sebagai berikut: Script Sebelum <td colspan="11" > <img src="images/ecoliving_2_14.png" width="670" height="390" alt="">selamat datang di website kami. Website ini merupakan sebuah website yang menceritakan tentang sebuah... Sesudah </td> <td colspan="11" background="images/ecoliving_2_14.png"> Selamat datang di website kami. Website ini merupakan sebuah website yang menceritakan tentang sebuah...</td>

5 Dengan demikian, maka tampilan web akan menjadi seperti berikut: Secara otomatis tulisan akan berada di tengah (valign=middle). Untuk mengubah posisi paragraf menjadi di atas, maka tambahkan properti valign di dalam tag <td> dengan nilai top, sehingga scriptnya akan menjadi seperti berikut: <td colspan="11" background="images/ecoliving_2_14.png" valign="top"> Selamat datang di website kami. Website ini merupakan sebuah website yang menceritakan tentang sebuah...</td> Saat gambar hasil slicing telah dijadikan sebagai background dari sebuah sel pada tabel, maka kita juga bisa menambahkan gambar pada halaman tersebut dengan cara menambahkan tag image diantara tag <td> </td>. Sebagai contoh adalah pada script berikut: <td colspan="11" background="images/ecoliving_2_14.png" valign="top"> <p>selamat datang di website kami. Website ini merupakan sebuah website yang menceritakan tentang sebuah...</p><img src="images/ecoliving_2.png"/> </td>

6 Maka akan menghasilkan tampilan seperti berikut: Menambahkan CSS pada Link Menu Navigasi Untuk membuat sebuah link berubah-ubah ketika mouse didekatkan dan ketika di klik, maka kita perlu menambahkan CSS di dalamnya. Berikut ini adalah langkah-langkah yang bisa dilakukan: 1. Klik area background yang akan dijadikan sebagai background link menu navigasi 2. Copy alamat gambar background tersebut.

7 alamat background 3. Hapus tag <img> hingga hanya tersisa tag <td></td> 4. Pada halaman style.css, tambahkan beberapa script berikut: Nama link Alamat background Kondisi saat mouse berada di atas link (hover)

8 5. Kembali pada file HTML anda. Pada bagian <td></td>, modifikasi script, sehingga menjadi seperti berikut: Script Sebelum <td> </td> Sesudah <td class="home"><a href="home.html" class="home"> Home</a></td> Class home merupakan class yang terdapat pada script CSS. Menambahkan Link pada Tombol Menu Navigasi Pada gambar tampilan di atas, desain ini memiliki beberapa menu navigasi, antara lain Home, Subdivisons, Blog, About dan Contact. Menu navigasi ini nantinya akan dijadikan sebagai link untuk menuju ke halaman yang lain. Berikut ini adalah langkahnya: 1. Klik menu yang akan dijadikan sebagai link 2. Edit script nya menjadi sebagai berikut: Sebelum Sesudah Script <td> <img src="images/ecoliving_2_06.png" width="108" height="130" alt=""></td> <td> <a href= home.html ><img src="images/ecoliving_2_06.png" width="108" height="130" alt=""></a></td> Additional Tips Apabila Anda memiliki paragraf yang lebih panjang daripada background, maka tampilan akan pecah seperti pada gambar berikut:

9 Untuk mengatasinya, Anda dapat melakukan hal berikut: 1. Crop sebagian kecil dari background utama, seperti contoh berikut:

10 Caranya: klik crop tool pilih area yang diseleksi ENTER Simpan hasil crop tersebut dengan nama back.png dan simpan pada folder images. 2. Edit tag body dengan script sebagai berikut: <body style="background-image:url(images/back.png); backgroundrepeat:repeat-x;"> Script ini berfungsi untuk menjadikan gambar tersebut menjadi background. Repeat-x berfungsi untuk menampilkan gambar background berulang-ulang sampai pada batas screen secara horizontal. Sehingga hasilnya adalah sebagai berikut:

11 Selamat Mencoba

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

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

Membuat Layout Desain Awal dengan Photoshop

Membuat Layout Desain Awal dengan Photoshop 2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height

Lebih 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

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

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

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

PENGGUNAAN SLICE. Tujuan Instruksional

PENGGUNAAN SLICE. Tujuan Instruksional PENGGUNAAN SLICE Suatu halaman web harus didesain secara representatif namun bisa diakses secara cepat. Sebuah halaman web yang yang dibuat berupa gambar full color dengan menggunakan Adobe Photoshop,

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

Nofriza Nindiyasari

Nofriza Nindiyasari Tips Mengganti Templates Ala Joomla Nofriza Nindiyasari admin@constantio.com http://www.constantio.info Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan

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

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

Tutorial Membuat Website dengan Photoshop CS2

Tutorial Membuat Website dengan Photoshop CS2 Tutorial Membuat Website dengan Photoshop CS2 Posted by Slamet Riyanto Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan

Lebih terperinci

How to Create Simple Web (2) - Slice

How to Create Simple Web (2) - Slice How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah

Lebih terperinci

BAB 11 MENAMBAHKAN SLIDE SHOW

BAB 11 MENAMBAHKAN SLIDE SHOW BAB 11 MENAMBAHKAN SLIDE SHOW Salah satu ciri web portal adalah adanya beberapa iklan (banner) yang tampil secara diam maupun bergerak. Iklan yang bergerak dapat berupa dokumen Flash maupun gambar datar

Lebih terperinci

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

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

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks

Lebih terperinci

CSS (Cascade Style Sheet)

CSS (Cascade Style Sheet) CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa

Lebih terperinci

Mengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3

Mengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3 Bab II: Mengelola Bagian Website Sekolah Utama Mengelola bagian utama Website Sekolah dibagi menjadi 3 kategori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola

Lebih terperinci

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung

Lebih terperinci

BAB 13 MEMPERCANTIK TAMPIL WEB

BAB 13 MEMPERCANTIK TAMPIL WEB BAB 13 MEMPERCANTIK TAMPIL WEB Website yang baik bukan terletak pada banyaknya animasi yang ditampilkan, tidak juga karena banyaknya video yang disediakan atau banyaknya warna yang dikombinasikan. Website

Lebih terperinci

BAB I PERKENALAN HTML

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

BAB I PERKENALAN HTML

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

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

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

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

Teks dan Background SERIF SANS-SERIF MONOSPACE

Teks dan Background SERIF SANS-SERIF MONOSPACE Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori

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

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

HTML (HyperText Markup Language)

HTML (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 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

Membuat Button Dengan CSS

Membuat Button Dengan CSS Membuat Button Dengan CSS Dari sekian banyak pertanyaan yang muncul dari para pemula di CSS adalah pertanyaan bagaimana sih membuat tombol dengan CSS?, hmmm bagi saya ini adalah pertanyaan yang simple

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

MODUL 1 PENGENALAN HTML

MODUL 1 PENGENALAN HTML MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan

Lebih terperinci

Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono

Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono Panduan HTML dan CSS bagian 2 A. Apa itu CSS CSS (Cascading Style Sheets) merupakan kode pemrograman untuk membuat tampilan pada HTML. Selain menggunakan HTML para programer website sering menggunakan

Lebih terperinci

Metode Penulisan Dasar CSS

Metode Penulisan Dasar CSS Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri

Lebih terperinci

Menampilkan Images, Audio, Video, dan Membuat Tabel

Menampilkan Images, Audio, Video, dan Membuat Tabel Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan

Lebih terperinci

BAB IV PERANCANGAN DAN IMPLEMENTASI

BAB IV PERANCANGAN DAN IMPLEMENTASI BAB IV PERANCANGAN DAN IMPLEMENTASI 4.1 Concept (Konsep) Website yang dibuat adalah media informasi profile pada masyarakat atau fans. Adapun aplikasi ini lebih menekankan sebagai media informasi, dapat

Lebih terperinci

Membuat Layout Web Mengunakan Table

Membuat Layout Web Mengunakan Table Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : prasetyoutomo771@gmail.com Page 2 1. Pengenalan

Lebih terperinci

BELAJAR HTML Hyper Text Markup Language

BELAJAR HTML Hyper Text Markup Language www.bambangherlandi.web.id BELAJAR HTML Hyper Text Markup Language 1 HTML INTRODUCTION HTML Example my First Heading my first paragraph. 2

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan

Lebih terperinci

BAB 4 PROSES PENGEMBANGAN

BAB 4 PROSES PENGEMBANGAN BAB 4 PROSES PENGEMBANGAN Pada bagian ini kita akan membahas tentang teknik pengembangan situs sesuai dengan sketsa yang telah dibuat sebelumnya. Proses pengembangan diawali dengan pembuatan layout halaman

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

Cara Mudah Mengedit Cascading Style Sheet (CSS)

Cara Mudah Mengedit Cascading Style Sheet (CSS) Cara Mudah Mengedit Cascading Style Sheet (CSS) Riska Islaminati riska.islaminati@raharja.info :: http://www.komputeran.com/2012/04/cara-mudahmengedit-cascading-style.html Abstrak CSS salah satu teknik

Lebih terperinci

Tutorial Pengenalan HTML (Hypertext Markupable Language)

Tutorial Pengenalan HTML (Hypertext Markupable Language) Tutorial Pengenalan HTML (Hypertext Markupable Language) http://pcr.aksespraktis.net Dilarang menggandakan atau menduplikasi tanpa ijin dari penulis Sekilas Mengenai Bahasa HTML HTML atau kependekan dari

Lebih terperinci

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3 4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan

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

Pengenalan HTML dan CSS

Pengenalan HTML dan CSS Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi

Lebih terperinci

Percobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html

Percobaan 1: Pengenalan Syntax Simpan file berikut dengan nama percobaan1.html Alat dan Bahan -- Software HTML Editor seperti Notepad++, Adobe Dreamweaver, Text Wrangler atau yang lainnya -- Bahan-bahan gambar berupa gambar-gambar kecil yang akan digunakan sebagai icon pada list

Lebih terperinci

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML

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

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

Script PHP dan MySQL J A M K E E M P A T

Script PHP dan MySQL J A M K E E M P A T J A M K E E M P A T Script PHP dan MySQL l l l l l l Membuat Koneksi ke Server Menyeleksi Database Mengakses Query Menampilkan Hasil Query Latihan Jam Keempat Soal Jam Keempat Membuat Koneksi ke Server

Lebih terperinci

SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN

SEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN SEKOLAH TINGGI MANAJEMEN INFORMATIKA KOMPUTER JAKARTA STIK SATUAN A PERKULIAHAN Mata Kuliah : DESAIN WEB (** Kode Mata Kuliah : MI-24227 Jenjang / Jurusan : D3 MANAJEMEN INFORMATIKA (2 SKS) Tujuan Instruksional

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

Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML

Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat

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

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets

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

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

LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link

LAPORAN RESMI. PRAKTIKUM TEKNOLOGI WEB Image dan Link LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB Image dan Link Dosen Pembimbing : Dwi Susanto Oleh : Laras Intansari (4103131054) 3 D3 MMB B PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA

Lebih terperinci

Membuat Toko Buku dengan PHP - MySQL

Membuat Toko Buku dengan PHP - MySQL Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan

Lebih terperinci

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa

CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan

Lebih terperinci

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML

Lebih terperinci

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta Standar Kompetensi : Menggunakan perangkat lunak pembuat grafis. Kompetensi Dasar : Membuat grafis dengan berbagai

Lebih terperinci

P - 5 Bab 4 : HTML (Hypertext Markup Language)

P - 5 Bab 4 : HTML (Hypertext Markup Language) P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep

Lebih terperinci

Modul 10 DreamWeaver MX Suendri, S.Kom

Modul 10 DreamWeaver MX Suendri, S.Kom Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas

Lebih terperinci

DASAR HTML UNTUK PEMULA

DASAR HTML UNTUK PEMULA DASAR HTML UNTUK PEMULA Dian Propa, dianpropa@gmail.com HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser, seperti Internet

Lebih terperinci

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha

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

ACARA PRAKTIKUM PEMROGRAMAN WEB I

ACARA PRAKTIKUM PEMROGRAMAN WEB I ACARA PRAKTIKUM PEMROGRAMAN WEB I PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI GORONTALO 2005 PENUNTUN PRAKTIKUM PEMROGRAMAN WEB I PENUNTUN PRAKTIKUM

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan

Lebih terperinci

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk

Lebih terperinci

Mengenal Lingkungan Kerja Adobe Photoshop CS5

Mengenal Lingkungan Kerja Adobe Photoshop CS5 Mengenal Lingkungan Kerja Adobe Photoshop CS5 Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses pengolahan objek-objek atau gambar statik, ada baiknya kita mengenal

Lebih terperinci

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat : Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat

Lebih terperinci

Otodidak Desain dan Pemrograman Website

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

Lebih terperinci

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat Contoh ke dua layout menggunakan CSS Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat HEADER ISI NAVIGASI

Lebih terperinci

CARA MEMASANG BANNER SEKOLAH TELAH TERDAFTAR DI DAPODIK

CARA MEMASANG BANNER SEKOLAH TELAH TERDAFTAR DI DAPODIK CARA MEMASANG BANNER SEKOLAH TELAH TERDAFTAR DI DAPODIK Banner Dapodik Sekolah... Caranya : Masuk di http://dapodik.org/ Pada bagian bawah : (Bagian Lihat Data Dapodik per Daerah) Masukkan Nama Propinsi

Lebih terperinci

Latihan 4 Efek Teks Terbakar

Latihan 4 Efek Teks Terbakar Latihan 4 Efek Teks Terbakar Efek teks terbakar adalah sebuah teks yang dibuat tampak meleleh terbakar dan sedang mengeluarkan asap. Efek ini mungkin hampir sama dengan efek teks pada Latihan 3, namun

Lebih terperinci

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman

Lebih terperinci

Modul 5 Desain dengan Dreamweaver II

Modul 5 Desain dengan Dreamweaver II Modul 5 Desain dengan Dreamweaver II 1.1 Tujuan a. Mahasiswa dapat membuat web dengan dreamweaver b. Mahasiswa dapat mengenal komponen dreamweaver lebih lanjut 1.2 Materi a. Membuat Website b. Text, Tabel

Lebih terperinci

Spesifikasi: Ukuran: 14x21 cm Tebal: 288 hlm Harga: Rp Terbit pertama: Juni 2005 Sinopsis singkat:

Spesifikasi: Ukuran: 14x21 cm Tebal: 288 hlm Harga: Rp Terbit pertama: Juni 2005 Sinopsis singkat: Spesifikasi: Ukuran: 14x21 cm Tebal: 288 hlm Harga: Rp 49.800 Terbit pertama: Juni 2005 Sinopsis singkat: Membuat website yang cantik dan kaya animasi itu gampang! Dulu, merancang website yang benar-benar

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 Script. Definisi HTML

Pengenalan Script. Definisi HTML 1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML

Lebih terperinci

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web MODUL TIK KELAS XI SEMESTER I TAHUN AJARAN 2008-2009 2009 SMA KOLESE DE BRITTO YOGYAKARTA Modul dapat di download di: Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman

Lebih terperinci

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML

Nama : Yohandes Efindo NIM : Kelas : F. Terjemahan halaman 4-5. Tag HTML Nama : Yohandes Efindo NIM : 09018198 Kelas : F Terjemahan halaman 4-5 Tag HTML Pada dasarnya, sebuah halaman web adalah file teks yang berisi petunjuk dalam bentuk kode-kode HTML (disebut tag) dan atribut.

Lebih terperinci

KOMPUTER APLIKASI IT (Information Technology)

KOMPUTER APLIKASI IT (Information Technology) KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada

Lebih terperinci

Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1]

Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1] Perkenalan Font Awesome untuk Pure CSS dan Bootstap. [Part 1] Oleh: Arinadi Nur Rohmad Font Awesome adalah kumpulan icon yang telah dibuat sedemikian rupa, dan menggunakan system Font Icon yang memungkinkan

Lebih terperinci

Tutorial Singkat Membuat Desain Header di CMS Balitbang.

Tutorial Singkat Membuat Desain Header di CMS Balitbang. Tutorial Singkat Membuat Desain Header di CMS Balitbang. Desain header cms balitbang bisa dirubah sesuai dengan keinginan kita dan tentu saja menyesuaikan dengan content website yang kita buat, misalnya

Lebih terperinci

BAB 4 PROSES PENGEMBANGAN

BAB 4 PROSES PENGEMBANGAN BAB 4 PROSES PENGEMBANGAN Pada bagian ini kita akan membahas tentang teknik pengembangan situs sesuai dengan sketsa yang telah dibuat sebelumnya. Proses pengembangan diawali dengan pembuatan layout halaman

Lebih terperinci

MEMBUAT WABSITE. Pertama tentunya membuka photoshop. Buat halaman baru pada File > New dan akan tampil sbb

MEMBUAT WABSITE. Pertama tentunya membuka photoshop. Buat halaman baru pada File > New dan akan tampil sbb MEMBUAT WABSITE A. MENYIAPKAN TEMPLATE DENGAN PHOTOSHOP Untuk menyiapkan templete wabsite kita bisa mencari template gratis yang banyak disediakan oleh wab atau blog yang menyediakan template. Tetapi template

Lebih terperinci

Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman

Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur

Lebih terperinci

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile Membuat Company profile Meggunakan Macromedia Flash MX Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile 1. Mempersiapkan bahan-bahan yang di butuh kan dari image, teks

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

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan

Lebih terperinci

Membuat Aplikasi GPS & Suara Antrian dengan PHP. Ronald Rusli.

Membuat Aplikasi GPS & Suara Antrian dengan PHP. Ronald Rusli. Membuat Aplikasi GPS & Suara Antrian dengan PHP Ronald Rusli www.bukulokomedia.com MEMBUAT APLIKASI GPS DAN SUARA ANTRIAN DENGAN PHP Perpustakaan Nasional : Katalog Dalam Terbitan (KDT) Penulis : Ronald

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

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya

Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya Materi 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan

Lebih terperinci