Dasar-dasar Dreamweaver

Transkripsi

1 FAUZAN SRIRADITYO UTOMO TUGAS TV INTERNET Dasar-dasar Dreamweaver I. Elemen Dreamweaver Anda harus nyaman mencari dan menggunakan alat-alat dan objek dalam Dreamweaver (ada banyak lagi, tetapi ini penting): CSS Styles: Sebuah panel yang memungkinkan Anda untuk menerapkan gaya (font, warna, alignment) untuk halaman Web Anda. Bagian dari kelompok panel Desain dalam versi Dreamweaver, bagian dari kelompok panel CSS di Dreamweaver 8. Document toolbar: Di atas jendela dokumen. Tombol di sisi kiri memungkinkan Anda untuk menampilkan dan menyembunyikan (Kode Lihat / Design View) kode HTML untuk halaman, dan tombol jauh ke kanan memungkinkan Anda untuk melihat pratinjau baru Anda Halaman web dalam browser (s) pilihan Anda. Dokumen jendela: jendela besar di mana Anda membuat halaman Web. Pada atas jendela ini, Anda dapat melihat tab untuk setiap dokumen (halaman Web atau CSS file) Anda buka-sangat nyaman ketika Anda bekerja dengan banyak membuka dokumen pada satu waktu. File Panel: Di sinilah tempat Anda mengelola Web lokal dan remote halaman Anda dan file Web lainnya. Bagian dari kelompok panel Files. Sangat penting bahwa Anda "mendefinisikan situs "benar (lihat di bawah) dalam Dreamweaver sebelum Anda mulai membuat halaman. Isi dari situs pasti tersebut terlihat dalam panel ini. Insert bar: Sebuah deretan ikon antara menu bar dan toolbar dokumen yang membiarkan Anda memasukkan benda ke dalam halaman web Anda tanpa mengetik kode. Gunakan ini untuk memasukkan tabel baru, gambar baru, atau link , misalnya. drop A- down menu menyediakan akses ke set ikon yang berbeda. Biasanya, buka menu "Common." Panel: Kecil, jendela dilepas, seperti "palet" di Photoshop. Panel mengelompok dalam kelompok-kelompok panel. Jika Anda tidak dapat menemukan sebuah kelompok panel, gunakan Window menu untuk membuka kelompok panel.

2 Properties panel: panel A (biasanya dekat bagian bawah layar) yang memungkinkan Anda atribut ditetapkan untuk objek, seperti gambar, dan juga menciptakan link baru dalam Anda teks. Anda dapat menggunakannya untuk mengubah atribut tabel. Ini menunjukkan atribut apa pun objek yang dipilih dalam jendela dokumen. pemilih Tag: Klik tag di sini untuk mengeditnya pada panel Properties. Pemilih tag muncul di tepi bawah jendela dokumen, di sisi kiri. Selalu menggunakan ini untuk kontrol yang tepat dalam menerapkan gaya CSS untuk elemen. II. Menyiapkan Dreamweaver Pertama, membuat atau memutuskan satu folder pada hard drive Anda yang akan berisi SEMUA Web situs file. Di laboratorium, membuat folder untuk Anda sendiri pada drive jaringan. Kebanyakan pemula hanya memiliki satu situs Web. Hanya satu folder pada hard drive Anda harus berisi semua folder dan file untuk situs Web. 1. Mendefinisikan sebuah situs baru (Situs> menu Manage Situs). Langkah ini penting untuk membuat link Anda bekerja dengan baik. Dalam sebuah laboratorium komputer kampus, Anda harus selalu mendefinisikan situs Anda sebelum Anda mulai bekerja di Dreamweaver. Namun, di rumah, pada komputer Anda sendiri, Anda mendefinisikan sebuah situs hanya sekali dan tidak pernah lagi. a. Klik tombol New; "pilih Site". b. Selalu menggunakan "Advanced" tab, bukan "Basic." Apakah Anda memilih "Advanced" tab? Jika tidak, lakukan sekarang. 2. Info Lokal a. "Nama Situs" bisa apa saja. b. "Local Root Folder" adalah hal yang paling penting dalam seluruh proses: Pilih salah satu folder pada drive Anda yang berisi SEMUA FILES ATAS untuk situs web yang Anda kerjakan. Dan struktur file dalam folder folder ini justru harus sesuai dengan struktur folder dan file pada Web server. 3. Info Remote a. "Akses" harus FTP. Anda harus mengatur ini jika Anda akan mengirimkan file ke server Web. b. "Host FTP" adalah nama domain host Anda, dengan prefiks diperlukan (misalnya, plaza.ufl.edu). c. "Direktori Host" dibiarkan kosong untuk beberapa server (termasuk Plaza), tetapi

3 tidak untuk semua. d. "Login" dan "Password" harus diisi masuk Centang "Simpan" pada bahaya Anda. e. Centang "Gunakan FTP pasif" untuk kebanyakan server. 4. Uji koneksi situs Anda dengan mengklik tombol Test. Jika Dreamweaver menghubungkan ke situs Anda berhasil, semuanya baik-baik. Jika tidak, Anda melakukan sesuatu yang salah. Periksa semua langkah di atas. 5.. Klik OK itu mengembalikan Anda ke Situs Mengelola kotak dialog. 6.. Klik Selesai itu menutup kotak dialog Manage Sites. Sekarang situs Anda didefinisikan. Harap diingat bahwa jika Anda bekerja di laboratorium komputer kampus, Anda harus pergi melalui semua ini SETIAP WAKTU langkah Anda membuka Dreamweaver, karena lab komputer akan menghapus semua pengaturan Anda setiap kali Anda log off. Pada rumah Anda sendiri komputer atau laptop, pengaturan akan tetap mengatur setelah waktu pertama, dan sehingga Anda perlu melakukan ini sekali saja pada komputer Anda sendiri. hard drive komputer saya memiliki partisi, sehingga bukan normal C: \ - yang Anda mungkin memiliki - file saya tersimpan di D: \ Nama saya login Plaza adalah "mmcadams" - ini adalah sama dengan saya Gatorlink alamat nama, yaitu, mmcadams@ufl.edu. Login Plaza juga Gatorlink Anda alamat nama. Sandi yang Anda gunakan untuk Gatorlink. (Jika Anda tidak di University of Florida, referensi untuk "Plaza" dan "Gatorlink" tidak mengacu pada Anda.) III. Mengupload File dengan Dreamweaver Aku menduga anda sudah tahu cara membuat halaman Web. Setelah Anda selesai halaman dan Anda siap untuk meng-upload, Dreamweaver memberikan Anda cara yang sangat jelas untuk mengatur file Anda, baik pada komputer lokal Anda dan pada server Web. Untuk melihat kedua server Web Anda (yang terletak di suatu tempat Anda mungkin pernah, jadi silakan menganggapnya sebagai "remote") dan situs Anda sendiri folder pada Anda sendiri "lokal" komputer, lakukan ini: Cari ikon yang ditunjukkan dalam ilustrasi ini di File panel dalam Dreamweaver. Jika panel File Anda tidak terbuka, atau jika Anda tidak bisa melihatnya, menemukannya pada Window menu di Dreamweaver. Setelah Anda mengklik ikon tersebut, Anda akan beralih untuk melihat dari Dreamweaver ditunjukkan di bawah ini. Dalam pandangan itu, Anda situs folder pada komputer lokal Anda (dan semua nya isi) muncul pada tangan sebelah kanan. Sekarang cari ikon yang ditunjukkan di bawah. Sepertinya dua busi, atau konektor, yang tidak (belum) dihubungkan satu sama lain. Ketika

4 Anda mengklik bahwa ikon, Dreamweaver akan menghubungkan Anda ke "Remote" Server Web yang dimasukkan ke dalam definisi situs Anda. File pada Web Anda server akan muncul pada tangan sebelah kiri. IV. Bagaimana untuk meng-upload satu file ke host anda "remote komputer": Ingatlah bahwa Anda file lokal berada di sisi kanan. Jadi pilih (klik SEKALI) di sebelah kanan file yang Anda ingin meng-upload. Kemudian klik tombol "Put" ikon seperti yang ditunjukkan di atas. Anda dapat memilih lebih dari satu file untuk meng-upload dengan Control-mengklik beberapa file. (Anda dapat melihat bahwa "saya" remote host memiliki file-file tambahan yang saya tidak miliki di tingkat lokal hard drive komputer laptop saya. Itu karena kadang-kadang saya upload file dari saya desktop komputer di kantor.) V. Cara men-download satu file ke komputer lokal Anda: Ingatlah bahwa Anda "Remote" file yang di sisi kiri. Jadi pilih (klik SEKALI) file di sebelah kiri Anda ingin mendownload. Kemudian klik tombol "Get" ikon seperti yang ditunjukkan di atas. Anda dapat memilih lebih dari satu file untuk download dengan Control-mengklik beberapa file. Untuk kembali ke lingkungan mengedit Dreamweaver normal, klik "Tutup" icon di sebelah kanan jauh dari bar ikon di bagian atas jendela. DAFTAR PUSTAKA Dasar-dasar Dreamweaver Mindy McAdams, Profesor, Knight Chair dalam Jurnalisme College Jurnalisme dan Komunikasi University of Florida

5 Home page: