Skip to main content

Bagaimana Menggunakan Adobe Dreamweaver

3 jenis website yang sesuai bagi perniagaan (Jun 2026)

3 jenis website yang sesuai bagi perniagaan (Jun 2026)
Anonim

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 templat percuma termasuk * Susun atur permulaan CSS baru di 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