Rumah Media Sosial Dokumen Dokumen dalam Adobe CS5 Dreamweaver - dummies

Dokumen Dokumen dalam Adobe CS5 Dreamweaver - dummies

Video: tutorial layout halaman web sederhana html 5 dengan adobe dreamweaver cs5 2025

Video: tutorial layout halaman web sederhana html 5 dengan adobe dreamweaver cs5 2025
Anonim

Bar alat Dokumen dalam Adobe Creative Suite 5 (Adobe CS5) Dreamweaver mengandungi alat untuk membantu anda melihat dokumen anda dalam mod yang berbeza, seperti Kod dan Reka bentuk, sebagai tajuk dokumen dan keserasian pelayar.

  • Lihat Kod: Tunjukkan kod dan hanya kod yang menggunakan paparan ini. Dreamweaver membantu anda untuk mentakrifkan kod oleh tag pengekodan warna, atribut, CSS, dan elemen lain.

  • Lihat Split: Memilih pilihan ini memisahkan tetingkap Dokumen antara pandangan Kod dan Reka bentuk. Pandangan ini boleh sangat membantu kerana anda melihat kedua-dua reka bentuk dan kod serentak.

    Kawal pandangan anda pada halaman dari bar alat Dokumen.
  • Reka Bentuk Paparan: Pilihan ini memaparkan halaman anda dalam paparan Reka Bentuk dalam tetingkap Dokumen.

  • Kod Live: Apabila Paparan Langsung diaktifkan, anda boleh melihat kod sumber dokumen anda sebagai pengguna akan melihatnya dalam penyemak imbas tetapi anda tidak boleh mengedit kod halaman dalam paparan ini.

  • Semak Keserasian Pelayar: Menu ini menunjukkan pilihan yang membolehkan anda menyemak integriti halaman, seperti kebolehaksesan, atau sama ada peraturan CSS anda serasi pada pelayar yang berbeza.

  • Live View: Live View menjadikan halaman anda seolah-olah dalam pelayar, bebas daripada sempadan, panduan, dan bantuan visual yang lain. Dalam Live View, anda tidak dapat mengedit kandungan yang dipratonton, tetapi anda boleh melompat ke Kod, Split, atau Reka Bentuk dan mengubah suai kandungan halaman anda.

  • Periksa: Butang Pemeriksaan baru berfungsi dengan Live View untuk mendedahkan peraturan CSS yang memformat unsur pada halaman anda. Apabila anda memilih elemen pada halaman dengan Inspect diaktifkan, panel CSS Styles mendedahkan sifat-sifat yang memformat elemen itu, dan membolehkan anda untuk menyahdayakan atau mengubah suai sifat khusus dan melihat hasilnya.

  • Preview / Debug dalam Penyemak Imbas: Klik butang ini untuk melihat atau debug dokumen anda dalam salah satu pelayar Web anda yang dipasang, BrowserLab Adobe, atau Device Central.

  • Alat Bantu Visual: Klik butang ini untuk memilih bantuan visual yang berbeza (seperti sempadan dan panduan) untuk membantu anda melihat pelbagai elemen dan membuat reka bentuk halaman anda lebih mudah.

  • Refresh View Design: Klik butang ini untuk menyegarkan semula pandangan Reka bentuk dokumen selepas anda membuat perubahan dalam paparan Kod. Perubahan yang anda buat dalam paparan Kod tidak muncul secara automatik dalam paparan Reka bentuk sehingga anda melakukan tindakan tertentu, seperti menyimpan fail atau klik butang ini.

  • Tajuk Dokumen: Masukkan nama dokumen anda dalam bidang ini.

  • Pengurusan Fail: Klik butang ini untuk memaparkan menu pop-up Pengurusan Fail.Gunakan menu ini untuk menyemak dokumen anda masuk atau keluar apabila diaktifkan untuk tapak anda.

  • Halaman Terdahulu / Halaman Seterusnya / Refresh / Alamat Bar: Dalam Live View, alat ini berfungsi seperti yang mereka lakukan dalam penyemak imbas Web dan membolehkan anda menavigasi antara halaman, menyegarkan halaman, muka surat ini. Bar alamat juga berfungsi apabila Live View tidak didayakan, mendedahkan jalan ke dokumen yang sedang anda kerjakan.

  • Dokumen Berkaitan: Dokumen yang digunakan oleh dan dilampirkan pada halaman anda, seperti fail CSS dan JavaScript luaran, disenaraikan di bawah (Mac) atau di atas (Windows) butang pilihan pemilihan (Kod / Split / Reka Bentuk). Anda boleh mengklik mana-mana dokumen yang disenaraikan untuk mengedit fail yang dilampirkan dalam paparan Split tanpa perlu menukar dokumen.

    • XML, JavaScript, CSS, dan jenis fail berasaskan kod lain hanya boleh dilihat dan diedit dalam paparan Kod; butang Reka Bentuk dan Split kelihatan redup.

    • Menyegarkan juga mengemaskini ciri kod yang bergantung kepada Model Objek Dokumen (DOM), seperti keupayaan untuk memilih pembukaan atau penutupan blok kod.

  • Pilihan Lihat Langsung: Klik dan pilih pilihan dari menu ini untuk mengawal bagaimana dokumen anda muncul dan berfungsi apabila Live View diaktifkan.

Dokumen Dokumen dalam Adobe CS5 Dreamweaver - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...