UJK RPL TUTS™                                                                                       Part Two              ...
OverviewGambaran                                     Part Two : Dreamweaver SiteSebelum memulai Tutorial ini, harap sediak...
Step 1 :    Create Site         Klik menu Site pada Menu di Dreamweaver         Setelah muncul kotak dialog, Isikan nama s...
Lalu pada Server Technology, Klik YES dan pilih PHP MySQL. Klik Next         Pada kotak dialog selanjutnya, ada tiga pilih...
Lalu klik Ikon folder dan tentukan folder Local yang akan digunakan, atau bisa saja langsung         di folder kreditmotor...
Pada kotak dialog selanjutnya, pilih Local/Network dan pilih folder kreditmotor dalam folder         htdocs pada xampp.UJK...
Masukkan URL site yang dibuat pada kotak dialog Testing Files, Part 2         Ex. http://localhost/kreditmotor         Kli...
2. Jika ada kesalahan tulis dan menyebabkan perbedaan nama site dan URL serta folder pada             htdocs, harus diperb...
Akan muncul kotak dialog Summary, Klik DoneUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te                                   ...
Step 2 :    Using FilesSalah satu keuntungan setelah mensetting site pada dreamweaver adalah dapat menggunakan salahsatu f...
Cheat SheetIngatlah selalu iniDisimpulkan dalam tutorial ini, dalam membuat sebuah Site terbagi 3:    1. Editing Files    ...
Upcoming SlideShare
Loading in …5
×

[Basic] 2. dreamweaver site

1,091 views
1,024 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,091
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
49
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[Basic] 2. dreamweaver site

  1. 1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. Akan muncul kotak dialog Summary, Klik DoneUJK RPL Tuts™ Pa rt Two : Drea mweaver Si te 9
  10. 10. 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
  11. 11. 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

×