Cara Membuat Website Dengan Dreamweaver 8

dokumen-dokumen yang mirip
Dasar-dasar Dreamweaver

Step-Step dalam pembuatan Web

Langkah-langkah Pembuatan Web dengan Joomla

1.1 Apa Itu Dreamweaver 8?

PRAKTIKUM SISTEM INFORMASI MANAJEMEN

BAB II LANDASAN TEORI

Registrasi Blogger. Gambar 2.1. Halaman Awal Blogger

KONFIGURASI MAIL SERVER DENGAN MERCURY

Beberapa Cara Upload Website ke Hosting Server

Cara Koneksi Database di Dreamweaver CS3

Halaman web dalam Internet Explorer dapat disimpan ke dalam file di komputer anda. Ini Bertujuan nantinya halaman web tersebut dapat dibuka kembali

2.1 Instalasi Joomla Secara Lokal

BAB III ANALISA DAN PEMBAHASAN MASALAH

TUTORIAL CONTENT MANAGEMENT SYSTEM WEB HOSTING JOOMLA

Membuat situs sederhana dengan Dreamweaver *)

Petunjuk Pengembangan Course dalam Elearning berbasis Moodle

MEMASANG WEBSITE DI INTERNET

Cara Upload Website Ke Internet

Cara Meng-install Web Server Lokal (xampp-win )

Mengenal Dreamweaver MX 2004

Modul 4 Desain dengan Dreamweaver I

BAB III ANALISA DAN PEMBAHASAN MASALAH

Cara Mengelola Isi Halaman Web

Tutorial Membuat Website Gratis

UPLOAD DESAIN WEB KE INTERNET

Aplikasi Komputer. Microsoft Access 2010 : Teori dan fungsi yang digunakan dalam MS. Access Safitri Juanita, S.Kom, M.T.I.

BAB X Upload File ke Internet

Membuat Web dengan CMS Joomla Sumber dari

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

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

INGIN MENINGKATKAN BISNIS ANDA?

UPLOAD WEB. Upload web ke hosting gratis di byethost.com. Create by: Heru W drupalsolo.isgreat.org

BAB 5 PROSES EDITING 5.1. EDITING AWAL

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

Makmal 1: Perisian Adobe Dreamweaver CS3

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

MENGUPLOAD WEBSITE KE SERVER HOSTING

Elearning Perbanas Panduan Mahasiswa

LANGKAH INSTALL XAMPP DAN WORDPRESS DI PC KOMPUTER Oleh: Akhmad Syaiful, S.Kom

LANGKAH DEMI LANGKAH MEMBANGUN WEBSITE GRATIS DI

Membuat FTP di Windows Server 2003

2.4 Proses Upload File dan Database di Free Hosting Membuat Account di Free Hosting

2. Klik Menu Login. 3. Ketik Username. 4. Klik Tombol Login. Untuk Submit Artikel, Klik New Submission

Ruang Kerja DREAMWEAVER MX 2004 :

Web Server Administrator

PUBLIKASI WEBSITE. Materi. Bagaimanakah suatu website dapat dilihat oleh. Tentu saja jawabannya website tersebut harus sudah bersifat ON-LINE 1/9/2010

GioBox Web Interface Manual

PUBLIKASI WEBSITE. Mata kuliah Aplikasi IT 1 Jurusan Teknik Informatika - UNIKOM

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

Microsoft Word Teori dan fungsi yang digunakan dalam MS. Word Rahma Farah Ningrum, M.Kom. Modul ke: Fakultas Ilmu Komputer

Panduan Membuat Sales Letter

Maka akan tampil jendela Internet Information Services (IIS) Manager. Kemudian klik Web Sites Membuat folder data

Installasi Wordpress.com

10.1 Menggunakan FTP

Membuat Blog Menggunakan Wordpress

Bab 12 Mengatur Link

Membuat web CMS dengan JOOMLA

Menggunakan FileZilla FTP Client. Pemerintah Daerah Kabupaten Sleman repo.slemankab.go.id

MATERI PELATIHAN ELEARNING PETUNJUK BAGI PENGAJAR PADA E-LEARNING. Muhamad Ali, MT.

Petunjuk Singkat Penggunaan Google Drive [Modul Mahasiswa] Petunjuk Singkat Penggunaan Google Drive untuk TA Online Mahasiswa

Membangun Website dengan Joomla!

6. Jika langkah di atas dijalankan dengan benar, user akan masuk ke halaman login seperti gambar di bawah

Modul 5 Macromedia Dreamweaver 8

Bagian 3 : Membuat Koneksi PHP dan My Sql pada Dreem weaver Site Definitions Pada Web Penjualan Dengan Dreamweaver CS6.

Modul Pembuatan Website Menggunakan

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

MANUAL GEOPORTAL. Memperkenalkan mengenai apa itu Geoportal, untuk apa, termasuk juga ringkasan mengenai aplikasi tersebut.

Petunjuk Singkat Penggunaan Google Drive untuk TA Online Modul Dosen

A. Menyimpan situs web Anda 1. Back up file Anda B. Pratinjau halaman di Browser Anda

BAB IV DISKRIPSI KERJA PRAKTIK. 4.1 Pembuatan Server Menggunakan Mercury Pada XAMPP

BAB IV PEMBAHASAN. dapat dilakukan dengan memasukkan IP address sesuai dengan IP address yang telah

Tutorial Instal XAMPP

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

MERANCANG DAN MEMBUAT WEBSITE

Latihan 1: Mengoperasikan Excel

Area kerja. Gambar 1. Tampilan awal MS FrontPage

BAB II LANDASAN TEORI

Hak Cipta Pada

Mengembangkan Website Berbasis Wordpress

BAB II LANDASAN TEORI

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

CARA MEMBUAT CSS DENGAN DREAMWEAVER

Instalasi Joomla 1.7

Administrasi Website Berbasis CPanel Hosting

Aplikasi Komputer. Microsoft Office 2010 Microsoft Office Word 2010 Part 1. Miftahul Fikri, M.Si. Modul ke: Fakultas Ekonomi dan Bisnis

Berselancar dengan Kids Web Menu

Penjelasan Seputar Hosting

2. Searching, Bookmark dan Download

ESTUDA WEB UJA MACROMEDIA DREAMWEAVER 8

Membuat Web Pribadi dengan biaya Rp. 0,- (Domain Pribadi, Web Host, Forwarding, Sub Domain, MySQL 5 Database, FTP, CPanel)

4.1 Pengenalan MS-Frontpage Eko Purwanto WEBMEDIA Training Center Medan

Mengenal & Menggunakan Google Drive

Teori dan fungsi-fungsi dalam MS. Word 2010

Publikasi Website Di Geocities.ws

Modul Upload Web ke Domain dan Hosting Gratisan

MEMBUAT BLOG MENGGUNAKAN WORDPRESS. Nunuk Suryani

BAB I. Pendahuluan. 1.1 latar belakang masalah. 1.2 Rumusan Masalah. 1.3 Tujuan

Menambahkan Image Slider di Homepage

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

MODUL UNTUK OPERATOR E-LEARNING UNIVERSITAS ISLAM KALIMANTAN MAB BANJARMASIN Oleh: Hamdan Husein Batubara, M.Pd.I

Transkripsi:

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 untuk web designer awal untuk menggunakan juga. Dreamweaver menggunakan WYSIWYG (apa yang Anda lihat adalah apa yang Anda dapatkan) merancang antarmuka yang membuat halaman web semudah mengetik dokumen ke dalam pengolah kata. Kata Kunci:Website,Dreamweaver,desain Pendahuluan Untuk membuat sebuah website dapat dilakukan dengan berbagai macam cara, misalnya saja menggunakan aplikasi Wysiwyg Web Builder, Macromedia Dreamweaver, Adobe Dreamweaver CS5, XAMPP, Joomla dan aplikasi lainnya yang berbasis php, html ataupun aplikasi online seperti www.wix.com. Namun kali ini saya hanya akan menjelaskan tentang cara membuat website menggunakan aplikasi Macromedia Dreamweaver 8. Pembahasan Mulai Dreamweaver Membuka "Dreamweaver" aplikasi, dan jika Anda diminta untuk memilih "Workspace Setup," pilih "Designer." Sebuah kotak dialog akan terbuka menanyakan apa yang ingin Anda lakukan.

Di bawah "Create New," pilih "Dreamweaver Site." Define Your Site "Site Definition" wizard akan meminta Anda untuk informasi tentang situs Anda. Mintalah rincian server yang diberikan oleh web host anda berguna. Masukkan nama singkat untuk situs Anda - ini adalah bagaimana ia akan diidentifikasi dalam daftar situs dalam program Dreamweaver. Kemudian masukkan alamat domain situs Anda. Klik "Next." Klik "Tidak" jika ditanya tentang penggunaan teknologi server untuk membangun situs Anda. Yang merupakan fitur lanjutan Dreamweaver dan bukan bagian dari tutorial ini. Klik "Next." Pilih "Edit salinan lokal di mesin, lalu meng-upload ke server bila siap," dan pilih folder pada hard drive Anda di mana Anda akan menyimpan file-file untuk situs Anda. Setiap situs harus memiliki folder tersendiri. Jika Anda tidak memiliki folder belum, Anda akan dapat membuatnya sekarang. Klik "Next." Pilih FTP sebagai metode yang akan digunakan untuk menyambung ke server jauh Anda. Lalu masukkan informasi login dari host Web Anda. Anda akan perlu mengetahui alamat FTP (biasanya ditulis sebagai alamat web dimulai dengan http://), nama folder jika file-file tersebut tidak dimaksudkan untuk upload ke direktori akar bahwa alamat web (beberapa host yang anda menaruh web file dalam folder www), dan username dan password Anda untuk log in ke account. Periksa "Simpan" tombol jika ini adalah komputer utama Anda dan Anda adalah satusatunya yang menggunakannya. Dengan cara itu Dreamweaver dapat meng-upload dan men-download file dari situs Anda tanpa disuruh Anda untuk login setiap kali. Periksa dari kotak untuk "Secure FTP" jika Anda memberitahu Anda web host ini perlu. Gunakan "Tes Koneksi" tombol untuk melihat apakah Anda memasukkan informasi tersebut dengan benar. Jika Anda menerima pesan kesalahan, Anda perlu untuk menghubungi host web Anda untuk mendapatkan bantuan staf pendukung sebelum Anda dapat meng-upload file apapun.

Klik "Next" untuk melihat ringkasan dari informasi yang telah Anda masukkan. Klik "Selesai" bila Anda puas dengan definisi situs Anda. Anda dapat selalu merevisinya nanti dengan memilih "Site" dan "Manage Sites" dari menu utama bar di bagian atas layar, atau dari menu pop-up di sisi kanan dari "Situs Files" panel. Buat Halaman Dreamweaver kotak dialog utama harus tetap buka setelah Anda mendefinisikan situs anda, jadi pilih "HTML" di bawah "Create New" untuk memulai sebuah halaman web baru. Jika kotak dialog tidak masih terbuka, dari menu "File" pilih "Baru," "Basic Page" dan "HTML." Sekarang Anda memiliki halaman web kosong dokumen pada layar anda, dikelilingi oleh panel Dreamweaver, palet dan toolbar. "Insert" toolbar di bagian atas memungkinkan Anda untuk menambahkan objek yang berbeda ke halaman Anda, seperti file gambar dan tabel. Toolbar ini dapat ditampilkan sebagai menu atau tab. Panel di sebelah kanan dokumen kosong berisi informasi tentang situs Anda dan fitur Dreamweaver lainnya, seperti style sheet dan template. Setelah Anda menyimpan file halaman web baru, Anda akan melihat namanya muncul dalam panel yang berisi daftar file-file situs lokal. Panel di bagian bawah layar Anda adalah "Properties" inspektur. Tergantung pada objek yang dipilih, (beberapa teks, grafik atau tabel), barang-barang dalam "Properties" jendela akan berubah untuk memungkinkan Anda untuk mengubah atribut yang berhubungan dengan objek tertentu. Saat ini "Properties" jendela menunjukkan atribut yang berhubungan dengan teks, karena itu adalah objek default dalam dokumen halaman web baru.

Jika Anda mulai mengetik, Anda akan melihat teks yang muncul pada halaman web Anda. Anda dapat memformat teks ini menggunakan "Properties" Inspektur pilihan untuk gaya, font, ukuran dan warna. Tambahkan Graphics Tempatkan kursor di mana Anda ingin grafis untuk muncul, lalu klik "Insert Grafis" tombol di "Insert" toolbar di bagian atas layar Anda (contoh gambar disamping). Sebuah kotak dialog akan terbuka meminta Anda untuk mencari file grafis yang ingin Anda tambahkan ke halaman web. Grafis harus diedit dan kembali ke dimensi ukuran yang Anda butuhkan sebelum Anda menambahkannya ke halaman web Anda. Kau limbah disk space dan meningkatkan waktu buka halaman jika Anda memasukkan grafis besar ke halaman web anda dan menyusut agar sesuai dengan tinggi dan lebar gambar atribut dalam "Properties" Inspektur. Pahami bahwa file gambar harus dalam format JPEG, GIF, atau PNG format untuk bekerja pada sebuah halaman web. PNG grafis mungkin tidak terlihat di browser lama. Tambahkan Hyperlinks Pilih teks pada halaman web Anda yang akan menjadi "hot link" atau "hyperlink" ke halaman web baru. Untuk link eksternal (alamat web di luar situs web Anda), ketik URL dari link, dimulai dengan http://, di "Link" di kotak "Properties" Inspektur Untuk link internal (link ke halaman di situs Anda), klik ikon untuk folder di sebelah kanan "Link" kotak dan pilih file dari kotak dialog, atau menggunakan "Point ke File" cross-rambut ikon untuk di sebelah kanan "Link" kotak untuk menyeret pointer ke file dalam Situs Lokal Anda Daftar file yang ingin Anda link. Upload Site kamu

Pilih "Simpan" dari menu "File" untuk menyimpan halaman web Anda ketika Anda menciptakan mereka. Pastikan Anda menyimpannya ke dalam folder yang Anda pilih untuk menampung semua file website Anda ketika Anda membuat situs, dan bahwa Anda melihat nama file muncul di "Situs Lokal Files List" panel di sebelah kanan. "home page" file anda, halaman yang ingin Anda munculkan ketika seseorang jenis alamat domain Anda ke dalam browser web, harus bernama "index.htm" atau "index.html" agar web server untuk mengenalinya sebagai rumah halaman anda. Dalam "Situs Lokal Files List" panel, klik file yang ingin Anda upload ke web server. Anda dapat "Shift + Klik" untuk memilih lebih dari satu pada satu waktu. Klik panah biru "Up" di bagian atas daftar file situs panel untuk "Letakkan" file pada server Web Anda. Dreamweaver akan terhubung ke server Web Anda, kemudian meminta Anda untuk menempatkan file apapun yang terkait di server juga. File terkait adalah setiap benda, seperti grafis, Anda tambahkan ke halaman web saat Anda mengedit itu. Klik "Ya" jika ini adalah pertama kali Anda meng-upload halaman, atau jika Anda tidak yakin semua benda yang telah di-upload sebelumnya. Lihat dan Tes website kamu Buka web browser dan masukkan alamat domain Anda. Periksa bagaimana tampilan halaman web Anda, uji link. Jika Anda menemukan masalah, kembali ke Dreamweaver untuk membuat perubahan apapun ke halaman dalam "Local Site File" daftar, kemudian upload lagi. Lanjutkan proses ini sampai Anda memiliki situs web bekerja dengan cara yang Anda inginkan. Penutup Demikianlah artikel yang saya buat tentang Cara Membuat Website Dengan Dreamweaver 8. Semoga bermanfaat bagi yang membaca.

Referensi http://afriyudhapratama.blogspot.com/2010/01/cara-membuat-website-dengandreamweaver.html http://octianaeni.blogspot.com/2012/04/membuat-website-menggunakanmacromedia.html Biografi Nama :Hilmi Akbar Hobby :Futsal & Band PIN :2310394E Email : Hilmi_Akbar@ymail.com