Lebih 100 Tips dan Teknik Dreamweaver yang berbeza
Adobe Dreamweaver adalah alat yang berkuasa untuk pereka Web, kerana ia mempunyai begitu banyak perkara yang dapat anda lakukan dengannya. Sudah tentu, semua perkara yang boleh anda lakukan menjadikannya mencabar untuk belajar. Ketahui beberapa perkara yang dapat dilakukan Dreamweaver, termasuk perubahan dalam versi terkini, CS5. Dan jangan lupa untuk menyemak perkara-perkara yang hilang dari Dreamweaver CS5 .
Menentukan Laman
- Mulakan laman web baru
- Buat laman web
- Sediakan hanya bahagian tapak yang anda perlukan, apabila anda memerlukannya * Baru di CS5
- Sediakan pelayan jauh, QA, dan ujian untuk aliran kerja yang lebih lengkap * Baru di CS5
- Membuat dan menerbitkan direktori baru
- Tukar doctype itu
- Sertakan data meta di halaman anda
Meletakkan Tapak Anda Secara Langsung
- Tentukan tapak terpencil
- Fail FTP ke pelayan Web
- Gunakan sistem kawalan versi untuk memeriksa fail masuk dan keluar
- Sambungkan dengan Subversion untuk kawalan versi yang lebih maju * Baru di CS5
- Tinggalkan nota untuk rakan sepasukan anda
Mewujudkan Laman Web
- Tulis halaman dalam mod WYSIWYG
- Tulis halaman dalam HTML
- Buat halaman baru dari templat
- Buat halaman baru dari awal
- Buat templat
- Simpan fail ke direktori tapak anda
- Tentukan sifat halaman
CSS
- Gunakan helaian gaya CSS
- Menambah gaya sebaris
- Buat helaian gaya luaran
- Lampirkan lembaran gaya luaran
- Buat kelas, ID, tag, dan seleksi CSS kompaun
- Edit peraturan CSS sedia ada
- Cipta CSS untuk halaman yang boleh dicetak
- Membolehkan dan melumpuhkan sifat gaya * Baru di CS5
- Periksa model kotak CSS secara visual * Baru di CS5
Teks
- Ubah suai teks
- Gunakan fon yang berbeza
- Masukkan selang baris
- Gunakan aksara khas
- Sertakan tarikh hari ini
- Tulis komen
- Gunakan tag HTML untuk teks
- Tambah atribut HTML pada tag
Pautan
- Paut teks dan imej
- Semak pautan tapak
- Tukar warna pautan lalai (pautan, lawatan, hover, aktif)
- Buat tip alat pada pautan
- Buat pautan MUAT TURUN
- Buat web halaman sauh
Imej
- Tambah grafik ke halaman
- Edit imej
- Saiz semula imej
- Tambah alt teks kepada imej
- Tambah pilihan kebolehaksesan tambahan kepada imej
- Align imej dan teks
- Buat imej peralihan
- Gunakan peta imej
- Gunakan imej mengesan
- Gunakan ruang letak imej
- Masukkan Fireworks HTML
- Masukkan fail Photoshop
Susun atur
- Gunakan tempates percuma termasuk * Susun atur permulaan CSS baru dalam CS5
- Sisipkan div untuk susun atur
- Edit div pada panel gaya CSS
- Masukkan elemen yang benar-benar diposisikan
- Formatkan elemen yang benar-benar diposisikan dalam pemeriksa harta benda
- Gunakan penguasa, grid, dan panduan
Senarai
- Tambah senarai bernombor dan bernombor
- Sesuaikan senarai peluru dan nombor
Jadual-jadual
- Buat jadual
- Tambah baris dan lajur pengepala
- Gunakan imej telus untuk memegang sel-sel meja terbuka
- Buat lebar tetap dan lajur lebar fleksibel
- Tukar gaya sempadan jadual
- Masukkan jadual dalam jadual
- Import data jadual
Borang
- Gunakan borang mailto
- Tentukan tindakan bentuk
- Tambah teks, radio, kotak pilihan, fail, imej, kotak pilihan, dan medan borang tersembunyi
- Buat borang anda boleh diakses dengan field fieldset dan label
- Buat butang hantar adat
- Mengesahkan borang dengan JavaScript (Spry)
Pangkalan data dan PHP Scripting
- Lampirkan laman web anda ke pangkalan data
- Sediakan tapak PHP / mySQL
- Gunakan elemen Spry untuk menyambung ke pangkalan data
- Sisipkan objek data ke dalam halaman anda
- Uji dan kemas kini sumber data Spry atau paparan
- Edit laman web dinamik yang kompleks dalam paparan reka bentuk
- Temui semua fail berkaitan secara dinamik untuk memasang laman web CMS PHP (WordPress, Joomla, dan Drupal) * Baru dalam CS5
- Petikan kelas khusus untuk kod PHP, termasuk rangka kerja pihak ketiga seperti rangka Zend * Baru di CS5
Bingkai
- Membina laman web berbingkai
- Edit kandungan noframes
- Format dan gaya bingkai anda
- Sediakan sasaran pautan lalai di antara bingkai
Tambah Interaktiviti
- Bina album foto (Tidak lagi dalam CS5)
- Tambah bunyi ke laman web
- Buat menu lungsur
- Gunakan tingkah laku Dreamweaver untuk membuka tingkap pop timbul, buat menu melompat, mainkan bunyi, gambar swap, dan banyak lagi
- Tambah suapan RSS ke tapak
- Masukkan teks Flash sebagai peralihan
- Masukkan teks CSS sebagai peralihan
- Masukkan pemalam lain
- Tambah bar menu Spry, panel tab, akordion, petua alat, dan panel yang boleh dilipat
- Gunakan Pelayar Widget untuk mencari widget baru untuk tapak anda, tanpa perlu mengetahui JavaScript
Uji Halaman Anda
- Uji halaman anda di Live View untuk melihat perubahan yang disebabkan oleh JavaScript dan interaktiviti * Baru di CS5
- Mengesahkan HTML anda
- Pratonton halaman anda dalam beberapa penyemak imbas
- Gunakan BrowserLab untuk melihat halaman anda dalam sistem operasi lain * Baru di CS5
- Gunakan Pusat Peranti untuk melihat bagaimana halaman kelihatan pada peranti mudah alih
- Semak keserasian penyemak imbas
- Tukar tetapan untuk dipadankan dengan keperluan tapak anda
- Semak pautan tapak dalaman
- Uji akses laman web anda (Tidak lagi dalam CS5)
- Tukar Dokumen Word ke HTML
Sesuaikan Dreamweaver
- Tambah pelanjutan
- Lumpuhkan sambungan
- Sesuaikan Dreamweaver dengan pintasan
Meningkatkan Kecekapan Anda
- Gunakan pintasan papan kekunci terbina dalam
- Gunakan coretan kod
- Buat dan gunakan templat
- Buat halaman baru dari templat tersuai
- Kemas kini templat
- Termasuk satu fail yang lain dengan perpustakaan Dreamweaver
- Kemas kini item perpustakaan
- Sertakan satu fail yang lain menggunakan SSI
- Gunakan carian dan ganti