[Basic] 2. dreamweaver site
Upcoming SlideShare
Loading in...5
×
 

[Basic] 2. dreamweaver site

on

  • 962 views

 

Statistics

Views

Total Views
962
Views on SlideShare
890
Embed Views
72

Actions

Likes
0
Downloads
38
Comments
0

1 Embed 72

http://blog.scgeneration.com 72

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

[Basic] 2. dreamweaver site [Basic] 2. dreamweaver site Document Transcript

  • UJK RPL TUTS™ Part Two Dreamweaver Site Membuat Site di Dreamweaver Lisensi Dokumen Seluruh dokumen yang dibuat oleh SCG dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penu lisan ulang, kecuali mendapatkan ijin terlebih dahulu dari Penulis atau Software Community Generation. Copyright © 2012 Software Community Generation . Basic LevelUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 1
  • OverviewGambaran Part Two : Dreamweaver SiteSebelum memulai Tutorial ini, harap sediakan dan pastikan komponen-komponen berikut: Telah memahami dan menyelesaikan Tutorial sebelumnya Adobe Dreamweaver CS3 XAMPP 1.8.0 Jalankan XAMPP Control Panel, dan pastikan service Apache dan MySQL running.Yang akan dipelajari: 1. Setting Site Dreamweaver 2. Pengenalan Fungsi F12 3. Mengenal Server, Testing, dan Local 4. Mengenal Live Data View Did you know? #Database atau #BasisData adalah ruang penyimpanan data berupa text dan informasi bagi sebuah aplikasi, entah berbasis Dekstop ataupun Web. @enjangdspcUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 2
  • Step 1 : Create Site Klik menu Site pada Menu di Dreamweaver Setelah muncul kotak dialog, Isikan nama site dan URLnya Ex. Nama Site : kreditmotor URL : http://localhost/kreditmotor Klik NextUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 3
  • Lalu pada Server Technology, Klik YES dan pilih PHP MySQL. Klik Next Pada kotak dialog selanjutnya, ada tiga pilihan tipe editing: 1. Edit and Test Locally Jika komputer yang digunakan mengedit merupakan testing Server 2. Edit Locally, then Upload to Remote Testing Server Edit di komputer yang digunakan, kemudian upload ke htdocs di XAMPP 3. Edit Directly on Testing Server Edit langsung di htdocs XAMPP Pilih opsi ke 2, anggap saja htdocs pada XAMPP adalah Server dan Localnya adalah Local Disc Komputer yang digunakan.UJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 4
  • Lalu klik Ikon folder dan tentukan folder Local yang akan digunakan, atau bisa saja langsung di folder kreditmotor yang berada di folder htdocs pada xampp. Klik nextUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 5
  • Pada kotak dialog selanjutnya, pilih Local/Network dan pilih folder kreditmotor dalam folder htdocs pada xampp.UJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 6
  • Masukkan URL site yang dibuat pada kotak dialog Testing Files, Part 2 Ex. http://localhost/kreditmotor Klik tombol TEST URL, maka akan muncul kotak dialog 1. Jika sukses tanpa Masalah:UJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 7
  • 2. Jika ada kesalahan tulis dan menyebabkan perbedaan nama site dan URL serta folder pada htdocs, harus diperbaiki 3. Kesalahan pada konfigurasi XAMPP dan Sistem Operasi, hiraukan dan lanjutkan Setelah mengklik Next pada tahapan diatas, maka akan muncul, pilih No, dan Klik Next:UJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 8
  • Akan muncul kotak dialog Summary, Klik DoneUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 9
  • Step 2 : Using FilesSalah satu keuntungan setelah mensetting site pada dreamweaver adalah dapat menggunakan salahsatu fungsi dreamweaver yaitu Files.1. Mencegah gambar tidak tampil2. Mencegah Broken Link3. Dapat digunakan untuk merapihkan data dengan drag and dropStep 3 : Using F12Dalam dreamweaver ada fungsi preview di browser dengan menekan F12 dan ini hanya bisadigunakan setelah mensetting site dreamweaver.Step 3 : Using Live Data ViewJika sedang mengedit file dengan Server Behavior atau script PHP akan langsung dapat dilihat didreamweaver tanpa harus ke browser dengan mengklik Live Data ViewUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 10
  • Cheat SheetIngatlah selalu iniDisimpulkan dalam tutorial ini, dalam membuat sebuah Site terbagi 3: 1. Editing Files Part 1: Nama Site, dan URL Part 2: Yes, dan MySQL PHP Part 3: Edit Locally dan Folder baru dengan nama site di htdocs XAMPP 2. Testing Files Part 1 : (Skip) Part 2 : Local/Network dan Folder dengan nama site di htdocs XAMPP 3. Sharing Files Part 1 : No.Setelah membuat Site, maka akan bisa menjalankan: 1. Files : Menejemen File 2. Fungsi F12 : Preview in Browser 3. Live Data View : Preview langsung di Dreamweaver Do the Best and Good Luck. This Tuts Brought To You By Author : Enjang Kurniawan AKA enjangdspc. Work as Web Programmer and Chief Web Officer at SCGeneration. Alumni of RPL SMKN 1 Karawang 2011. @enjangdspc on.fb.me/enjangdspc enjang.kurniawan@outlook.comUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 11