Paket perangkat lunak Dreamweaver, seperti Frontpage, dirancang untuk merancang berbagai situs, termasuk situs penerbitan, salah satu tugasnya adalah penyebaran publikasi elektronik. Sangat cocok untuk menciptakan situs kecil dan sangat besar. Dalam kasus pertama, satu-satunya spesialis webmaster terlibat dalam pengembangan. Dalam kasus terakhir, seluruh tim beroperasi pada proyek, termasuk administrator proyek, seorang desainer web, vestist html, seorang programmer web, manajer surat. Banyak ahli berpendapat bahwa desainer web profesional dalam pekerjaan mereka paling sering menggunakan Adobe Photoshop untuk menyiapkan grafik dan Macromedia Dreamweaver untuk desain halaman web individu.

Kenalan dengan paket ini menunjukkan bahwa pernyataan ini memiliki fondasi yang kuat. Seperti sudah dilakukan beberapa kali, mari kita mulai belajar paket dari antarmuka.

6.2.1. Antarmuka Paket Dreamweaver.

Antarmuka paket Dreamweaver 4.0 ditunjukkan pada Gambar. 6.9. Selain string header, string menu, bilah alat dan jendela kerja program standar, kami mencatat keberadaan beberapa palet, yang, seperti di editor, ditempatkan di jendela kerja program. By the way, nama-nama buka tiga palet "objek" (objek "(objek", "properti" dan "launcher) sesuai dengan bagian menu" Jendela "Tiga Perintah pertama.

Paket ini terintegrasi dari sudut pandang teknologi yang digunakan dalam Grup Produk Perangkat Lunak Macromedia, yang menaklukkan posisi yang semakin kuat di pasar dana desain web. Program lain dari grup ini: Direktur Macromedia dan Flash akan dibahas dalam paragraf berikut tentang bab ini. Dalam agregat, mereka menyediakan arah utama desain web, dan masing-masing khusus secara individual dalam satu arah tertentu.

Pertama, kami akan fokus pada palet objek (objek), penampilan yang disajikan pada Gambar. 6.10. Penampilan palet bervariasi tergantung pada jenis objek yang dipilih di jendela daftar di bagian atasnya, I.E., palet dapat disebut adaptif. Secara default, posisi "dasar" diatur dalam daftar. Pada Gambar. 6.10 Dalam daftar terbuka, opsi khusus ini dipilih. Palet ini menggunakan 18 alat berbeda memungkinkan Anda untuk memasukkan berbagai item di halaman, khususnya (dalam urutan lokasi tombol di palet): grafik (gambar), tombol animasi (gambar rollover), penampilan yang berubah Ketika Anda meringkas tabel kursor mouse (tabel), sebuah tabel dengan data yang dimasukkan ke dalamnya disiapkan terlebih dahulu dalam paket perangkat lunak lain (data tabular), penggaris (aturan horizontal), panel navigasi (bilah navigasi) dengan tombol untuk melanjutkan Situs, lapisan gambar baru (draw layer), transfer lunak (break line) ke teks, tautan ke alamat elektronik (Tautan e-mail), tanggal saat ini (oat), animasi flash- (flash) dan shockwave- (shockwave), benda kerja generator dan objek kembang api, applet java dan elemen ActiveX, objek direproduksi menggunakan modul tambahan (intim), dan File HTML eksternal (SSI).

Palet "elemen font" memungkinkan Anda untuk menambahkan salah satu dari 12 karakter khusus yang berbeda ke halaman web: string baru., hak cipta (copywrit), merek dagang terdaftar, tanda-tanda moneter, termasuk pound sterling, yen, euro, dan kutipan, tanda hubung dan tanda-tanda lain (lihat Gambar 6.11).

Palet "formulir" yang ditunjukkan pada Gambar. 6.12, berfungsi untuk membuat formulir ( lihat § 2.8.) dan berisi tombol-tombol berikut: sebenarnya formulir (formulir), bidang teks (bidang teks), tombol, switch box dan radio batton, daftar / menu (daftar / menu), bidang transfer file (ImageField)), bidang tersembunyi (bidang tersembunyi) ) dan hyperlink pointer untuk pergi ke situs lain (menu melompat).

Perhatikan bahwa di bagian bawah semua palet grup "objek", bidang "Alignment" (tata letak) dan "view" (tampilan) disediakan yang memungkinkan Anda untuk mengamati dan mengelola penempatan objek di halaman web.

Bingkai palet (bingkai) ditunjukkan pada Gambar. 6.13, Anda mengizinkan penggunaan tombol yang sesuai untuk memilih bentuk tertentu dari struktur bingkai dengan dua, tiga dan empat frame yang berbeda. Jumlah total opsi adalah delapan.

Palet "Header" (kepala) memungkinkan Anda untuk menambahkan tag yang sesuai ke bagian header dari dokumen HTML dan nilai parameter, termasuk: tag meta-informasi dan kata kunci, deskripsi situs, opsi pembaruan, nilai tautan dasar (tautan default ), Tautan untuk koneksi.

Palet "objek tak terlihat" (Invisibles) ditunjukkan pada Gambar. 6.14, memungkinkan Anda untuk menempatkan di halaman bookmark (lihat juga § 4.2.dan § 4.3.), catatan kaki dan komentar ( lihat § 2.5.) dan skrip java ( lihat § 2.9.).

Palet terakhir, yang merupakan bagian dari "benda" palet adaptif yang kompleks, disebut "spesial" (khusus). Di dalamnya, seperti yang ditunjukkan pada Gambar. 6.16, ada tiga piktogram atau tombol, yaitu: applet, plugin, dan elemen ActiveX.

Bukan rahasia lagi bahwa dalam persaingan antara kode penulisan manual dan penggunaan layanan Adobe Dreamweaver telah lama memenangkan yang terakhir. Ini nyaman di semua Editor Sense menyederhanakan kehidupan webmaster mana pun, menghemat waktu dan kekuatannya. Fakta bahwa dalam notebook biasa ditulis dalam setengah jam, di editor ini dapat dibuat secara harfiah dalam lima menit. Selain itu, yang paling penting, dalam hal ini, jadi kesalahan yang tersinggung dalam kode yang harus Anda cari dan benar sepenuhnya dikecualikan. Apakah itu tata letak umum halaman atau pemrograman pada PHP, Dreamweaver akan selalu datang ke penyelamatan. Dan, tentu saja, Anda seharusnya tidak meragukan bahwa proses bekerja dengannya tidak hanya akan lebih nyaman, tetapi juga mudah. Bahkan, Dreamweaver akan membuat bagian dari pengguna, membebaskannya dari kebutuhan untuk memiliki pengetahuan dalam satu atau lain bidang teknologi web. Apa yang bisa lebih mudah? Program ini dapat dimengerti oleh semua orang dan dapat dikuasai secara harfiah selama berminggu-minggu. Artikel ini akan membantu pengguna pemula bahkan lebih cepat dalam dasar-dasar bekerja dengan Adobe Dreamweaver. Pada contoh terbaru yang tersedia pada saat ini Versi 9.0. Segera, perlu dicatat bahwa informasi terperinci dalam bahasa Inggris dibangun ke editor, menceritakan tentang semua aspek penggunaannya. Tentu saja, artikel ini tidak dapat mempengaruhi semuanya. Tetapi referensi memiliki satu kelemahan besar - kelimpahan informasi yang berlebihan. Untuk memahami dasar-dasarnya, Anda perlu menghabiskan sejumlah besar waktu. Kami akan mencoba memperbaiki kekurangan ini.

Antarmuka

Penampilan program ini cukup sederhana. Sementara itu, ruang kerja diselenggarakan dengan sangat serius, yang memastikan penggunaannya yang efektif. Antarmuka Adobe Dreamweaver terdiri dari beberapa elemen yang dapat dibagi menjadi lima kelompok. Yang pertama termasuk menu utama, yang berada di tempat tetap di bagian atas jendela program. Ini termasuk beberapa bookmark: "File", "Edit", "View", "Sisipkan", "Edit", "Text", "Team", "Window" dan "Bantuan" dan "Bantuan". Yang paling penting bagi pengguna adalah "file" dan "edit" bookmark, karena mereka tidak digandakan oleh menu lain dan sering digunakan. Bookmark ini khas untuk semua program, dan oleh karena itu kami tidak akan berhenti pada mereka. Bookmark yang tersisa di menu utama tidak terlalu penting, karena sebagian atau sepenuhnya digandakan oleh elemen lain dari antarmuka atau hanya jarang digunakan. Grup berikutnya adalah menu "Sisipkan", yang pada dasarnya adalah bilah alat Dreamweaver. Ini dapat ditransfer ke bagian mana pun dari jendela program, tetapi yang terbaik adalah membiarkannya di posisi awal di bawah menu utama. Elemen antarmuka ini dapat diminimalkan untuk meningkatkan area ruang kerja. Ada beberapa bookmark yang dipisahkan berdasarkan jenis data pada panel "Sisipkan". Tab "Shared" terletak elemen yang paling umum digunakan: hyperlink, gambar, tabel, dll. Tab ini paling sering digunakan. Di antara bookmark lainnya pada panel "tata letak" (bekerja dengan spif, tabel, dan bingkai), "formulir", "data", "spry", "teks" dan "favorit". Tab "teks" sebagian digandakan dengan elemen lain dari antarmuka, dan tab Favorit memungkinkan pengguna untuk membuat menu sendiri.

Sekelompok bookmark "gaya CSS" sangat berguna, di mana Anda dapat membuat gaya baru dan mengedit yang lama

Sebuah jendela dengan berbagai kelompok panel terletak di sebelah kanan program (total kelompok mungkin ada empat). Itu tidak dapat ditransfer ke tempat lain, tetapi dapat disembunyikan atau ditutup. Setiap grup bookmark pada panel ini dapat digulung atau ditutup. Di panel yang terbuka, panel puas dengan yang rumit dan secara signifikan mengurangi ukuran ruang kerja. Bagian dari antarmuka ini adalah sifat bantu dan memungkinkan Anda untuk melakukan beberapa tindakan tanpa membuka jendela tambahan. Misalnya, grup bookmark "gaya CSS" sangat berguna, di mana Anda dapat membuat gaya baru dan mengedit yang lama, serta mengontrol berbagai properti gaya. Kelompok lain bookmark Inspektur Tag memungkinkan Anda untuk mengelola tag yang didedikasikan saat ini: Lihat propertinya dan tambahkan baru atau mengubah parameter lama. Dua file lain "File" dan "Magazine" digunakan jauh lebih jarang. Yang pertama dirancang untuk mengontrol lokal dan sumber Daya Jaringan dan operasi lain, dan yang kedua memenuhi peran log operasi. Jika diinginkan, pengguna dapat membatalkan tindakan dengan kembali ke titik tertentu. Sayangnya, tidak mungkin untuk membatalkan tindakan.

Di bawah area kerja ada kelompok lain - "Properties". Ini menampilkan semua pengaturan yang tersedia untuk elemen desain. Panel ini juga dapat diminimalkan atau ditutup, selain itu, mengklik dua kali pada area panel gratis, dapat dikurangi (opsi tambahan akan disembunyikan). "Properti" duplikat fungsi elemen lain dari antarmuka dan sangat penting, karena memungkinkan Anda memformat berbagai elemen situs. Isi panel ini bervariasi tergantung pada konten yang dipilih. Hampir dalam semua kasus, Anda dapat mendefinisikan penyelarasan (tiga posisi untuk tipe data non-teks dan empat untuk teks). Jika Anda memilih Teks di panel "Properti", Anda dapat mengatur gaya CSS (serta membuat yang baru secara harfiah saat terbang), pilih format teks, konversi teks ke daftar, serta memasukkan tautan ke yang didedikasikan tempat. Untuk grafik, pengaturan untuk ukuran, indentasi, hyperlink, batas, dll. Saat bekerja dengan tabel, dimungkinkan untuk mengatur berbagai pengaturan Jumlah kolom dan sel, perbatasan, indentasi dan warna. Panel ini digunakan dan ketika bekerja dengan banyak elemen lain dari situs.

Kelompok terakhir dari komponen antarmuka Dreamweaver mencakup area kerja. Ini juga memiliki struktur bookmark. Dalam program ini, Anda dapat membuka beberapa dokumen sekaligus, di antara mana Anda dapat bergerak dalam urutan bebas. Ruang kerja juga mencakup beberapa alat. Panel atas "Dokumen" memungkinkan Anda untuk beralih antara beberapa mode: pengkodean dan desain. Selain itu, memungkinkan Anda untuk mengelola tampilan dokumen di browser, jika memungkinkan. Jika Anda mau, panel ini dapat dipindahkan ke setiap tempat program desktop program. Panel bawah memungkinkan Anda untuk mengganti mode kursor, mengendalikan penskalaan. Selain itu, ini berisi informasi tentang dokumen (ukuran, izin, dll) dan pohon hierarki tag. Yang terakhir adalah daftar semua tag yang lebih tinggi untuk ini. Dalam daftar ini Anda dapat naik level ke tag tubuh.

Bekerja dengan dokumen.

Dalam mode "kode", pengeditan langsung dokumen yang mirip dengan bekerja di "notepad" tersedia.

Pertama-tama, perlu untuk menentukan pengaturan dasarnya untuk membuat halaman. Ini dilakukan melalui menu "Edit -\u003e Properti Halaman" ("Hot" tombol Ctrl + J) atau melalui menu konteks. Di jendela yang muncul, Anda dapat mengatur font default untuk teks dan tautan, memberikan halaman nama, menentukan pengkodeannya, serta menentukan contoh gambar-sampel (tracing). Nama situs, omong-omong, juga dapat diatur di panel "Dokumen". Anda dapat mengatur sisa parameter halaman secara manual atau melalui "Inspektur Tag" dengan memilih tag tubuh. Seringkali, awal dari master web hanya membutuhkan parameter latar belakang dan bgcolor (gambar di latar belakang dan warna latar belakang). Untuk membuat tag meta, Anda harus pergi ke mode "kode" dengan mengklik pada tab yang sesuai pada panel "Dokumen". Dalam mode ini, mengedit langsung dokumen yang mirip dengan bekerja di "Notepad" tersedia. Namun, Dreamweaver juga memiliki kelebihannya. Semua baris dalam kode untuk kenyamanan diberi nomor, dan tagnya sendiri dikaitkan dengan semua panel program, seperti dalam mode proyek (itu desain). Bergantung pada jenis tag, mereka disorot dalam berbagai warna, sehingga memecah potongan kode monoton, memfasilitasi identifikasi. Selain itu, saat mengedit kode, menu kecil dengan daftar muncul di sebelah kursor. opsi yang mungkin. Poin dari daftar dapat dipilih oleh keyboard atau mouse, setelah itu mereka secara otomatis diganti ke dalam kode, yang secara signifikan mempercepat tata letak dokumen. Misalnya, untuk memasukkan gambar ke dalam dokumen, itu cukup untuk mengetik braket "sudut" pembukaan, pilih dari tag IMG yang muncul (untuk menyederhanakan pencarian Anda dapat mencetak huruf "i" - program secara otomatis menyaring semua lainnya Tag dimulai dengan huruf ini), kemudian letakkan spasi dari lagi menu parameter SRC muncul, lalu klik tombol Browse yang muncul yang membuka jendela untuk mencari gambar yang diinginkan. Namun, gambar-gambarnya jauh lebih mudah dan lebih cepat melalui menu "Sisipkan". Ini berlaku untuk tabel. Saat menambahkan tabel ke dokumen, sebuah jendela muncul dengan pengaturan untuk jumlah kolom dan sel, interval, bidang, lebar, dll. Semua pengaturan ini, serta beberapa lainnya dapat diubah dan setelah membuat tabel melalui "Properties "panel. Selain itu, parameter sel juga dapat diubah, memilihnya di ruang kerja (dalam mode kode, cukup untuk meletakkan kursor di tag yang diinginkan). Yang tidak kalah berguna adalah fungsi mengubah ukuran tabel, kolom, dan sel dengan mouse. Untuk melakukan ini, pegang kursor di perbatasan dan kemudian seret ke sisi yang diinginkan. Ngomong-ngomong, untuk menghapus elemen apa pun dari dokumen, cukup untuk menyorotnya dan mengklik tombol hapus pada keyboard. Dan untuk memindahkan item apa pun (misalnya, masukkan teks dalam tabel), juga perlu mengalokasikan dan seret dan seret dengan kursor.

Tidak kurang alat yang efektif Adobe Dreamweaver adalah menu konteks. Itu diduplikasi oleh perintah utama dan elemen antarmuka, yang, menurut pengembang, membutuhkan akses cepat. Di sini Anda dapat mengatur properti dari item yang dipilih, termasuk pengaturan CSS, penyelarasan dan pemformatan. Selain itu, melalui menu konteks, Anda dapat mengontrol tag, menambahkan komentar (mereka adalah catatan pengembang) dan bahkan pergi ke pengaturan halaman. By the way, untuk dengan cepat mengubah kode item sumber, cukup buka menu konteks dan pilih Quick Tag Editor. Tetapi untuk memasukkan berbagai elemen, panel insert dan nama tab di menu utama sangat diperlukan. Semua elemen yang tersedia untuk disisipkan diklasifikasikan dan dibagi menjadi beberapa kelompok. Jika item yang diinginkan masih hilang dalam daftar, Anda dapat menggunakan fungsi "Tag ..." ("Hot" tombol Ctrl + E). Di jendela yang muncul daftar lengkap tag yang tersedia, dipecah menjadi grup. Dan tidak hanya tag HTML, tetapi juga ASP, PHP, dll.

Tidak kurang nyaman untuk memformat teks. Melalui berbagai bilah alat dan menu, Anda dapat mengubah penyelarasan teks, menambahkan indentasi, membuat daftar bernomor atau reguler, mengatur ukuran, font dan warna, dll., Yang penting, semua parameter yang terkait dengan spesies eksternal. Teks terikat pada CSS. Mengubah parameter font, pengguna menciptakan yang baru gaya css. (Program secara otomatis memasukkannya ke dalam dokumen). Ini, di satu sisi, nyaman, karena membebaskannya dari kebutuhan untuk menghabiskan tindakan yang sama dengan teks yang serupa, di sisi lain - tidak terlalu, karena pengguna dapat bingung dalam gaya yang dibuat. Namun, tentu saja CSS jauh lebih nyaman untuk menduplikasi tagnya (seperti font), karena mereka memungkinkan Anda untuk menghemat waktu Web Wizard dan mengurangi ukuran akhir dokumen.

Memangkas

Tentu saja, semua fungsi editor di atas sangat berguna, tetapi terutama untuk tata letak HTML halaman, yaitu, untuk membuat situs paling sederhana. Tetapi Adobe Dreamweaver memungkinkan Anda untuk beroperasi dan jenis dokumen lainnya. Program ini mendukung skrip tindakan, skrip Java, XML, ASP.NET, JSP, PHP, Script, dan bahkan hanya dokumen teks. Benar, pengangkatan yang terakhir tidak sepenuhnya jelas (dalam hal ini, Dreamweaver jelas kehilangan "notebook" pada sumber daya yang dikonsumsi dan kecepatan beban). Secara alami, atribut tag otomatis dan mode tampilan visual hanya akan tersedia untuk dokumen dengan dukungan HTML. Tetapi dalam semua jenis dokumen, pencahayaan kode akan disimpan.

Keuntungan penting dari program ini adalah tata letak pra-panen. Saat membuat dokumen baru, satu set templat tersedia. Itu termasuk berbagai halaman Dari bingkai standar ke berbagai lembar gaya dan bahkan tata letak desain. Para penulis program ini menciptakan beberapa lusin templat yang berbeda yang dapat berguna dalam berbagai situasi, misalnya, untuk membuat situs presentasi dengan sumber daya dan waktu yang terbatas. Saat menggunakan sumber daya siap pakai, jendela manajemen situs akan muncul di mana Anda dapat menambahkan situs baru, mengedit, kerangka kerja, dan mengimpor dan mengekspor yang sudah ada. Saat membuat situs, formulir dengan pengaturan akan muncul di mana dalam beberapa langkah, perlu untuk mengatur beberapa parameter: nama dan alamat, pengaturan koneksi untuk server jarak jauh dll. Prosedur ini adalah bagian dari yang berguna (tetapi sedikit permintaan oleh pengguna biasa) lokal dan remote Control. situs. Untuk operasi tersebut, bookmark terpisah disorot di menu utama - "situs web". Ini dapat disebut jendela manajemen situs, periksa tautannya, lakukan sejumlah operasi lain. Yang paling menarik untuk pengguna biasa di menu ini adalah fitur "Laporan". Ini memungkinkan Anda untuk memindai situs untuk berbagai kekurangan. Hasil tes ditampilkan di panel terpisah dengan beberapa bookmark. Di salah satu dari mereka Anda dapat memeriksa membeli tautanDalam kesalahan kode lain. Misalnya, pada salah satu halaman yang diambil oleh saya, massa atribut ALT yang hilang dan beberapa bukan item yang sepenuhnya benar. Selain itu, menggunakan "Laporan" Anda dapat memeriksa kode untuk kompatibilitas dengan browser. Namun, jika seluruh kode ditulis dengan Dreamweaver, maka area masalah tidak akan ditemukan, meskipun pada kenyataannya, dalam kasus yang jarang terjadi, kode yang ditulis oleh editor terlihat seperti di browser tidak seperti yang saya inginkan. Semua hasil cek dapat disimpan ke file terpisah.

Jadi, seperti yang kita lihat, Adobe Dreamweaver adalah alat yang ampuh untuk membuat, mengubah dan mengelola situs, yang akan berguna sebagai master web pemula dan pengguna berpengalamanPemrograman di Jawa, PHP, dll. Dengan Dreamweaver, Anda dapat melakukan sejumlah besar operasi yang ada beberapa program sekaligus tanpa editor ini.

Kirim pekerjaan bagus Anda di basis pengetahuan itu sederhana. Gunakan formulir di bawah ini

Siswa, mahasiswa pascasarjana, ilmuwan muda yang menggunakan basis pengetahuan dalam studi dan pekerjaan mereka akan sangat berterima kasih kepada Anda.

Dokumen serupa.

Bahasa penandaan hipertext. halaman HTML.. Memastikan ketersediaan halaman web, menyajikan teks dan grafik. Aturan dasar dan tahapan pembuatan situs, pemilihan struktur halaman. Evaluasi kelayakan ekonomi menggunakan editor HTML.

tesis, ditambahkan 03/25/2013


Kemungkinan Bekerja S. editor teks Hanya untuk membuat halaman web kecil. Teori desain web dan ceritanya. Editor Dreamweaver, fitur-fiturnya. Persyaratan Dasar untuk Halaman Web. Latar Belakang Muncul Dreamweaver.

kursus bekerja, ditambahkan 12.06.2009


Tinjauan teoritis tentang masalah menciptakan situs web "konflik dalam organisasi". Analisis sumber daya informasi dan layanan. Karakteristik metode penelitian konflik dalam organisasi. Paket perangkat lunak Macromedia Dreamweaver untuk membuat situs web.

tesis, ditambahkan 06/22/2015


Bekerja dengan editor HTML Adobe Dreamweaver. Tahapan dan aturan untuk membangun halaman judul situs, memformat halaman HTML, membuat tautan hypertext, membuat dan memformat tabel. Penggunaan bahan grafis saat mengembangkan situs.

metode, ditambahkan 07/06/2011


karakteristik umum Bahasa Markup Hypertext Bahasa Markup Hypertext. Struktur dokumen HTML. Ikhtisar kemampuan HTML utama. Elemen. desain modern Halaman web. Analisis aplikasi praktis HTML (atas contoh program pelatihan).

kursus, ditambahkan 24.11.2012


Tinjauan program untuk membuat halaman web; Analisis komparatif Macromedia Dreamweaver dan halaman depan. Proses menciptakan situs modern; Evaluasi kelayakan ekonomi menggunakan komputer. Perlindungan Tenaga Kerja dari Operator Komputer dan Layout.

tesis, ditambahkan 07/07/2010


Pertimbangan Editor HTML Visual Dreamweaver. Penentuan struktur situs "studio cepat". Isi halaman "rumah", "portofolio", "kontak". Tag dan metode pemformatan teks untuk desainnya menggunakan tabel CSS yang terhubung.

kursus, ditambahkan 08/08/2013


Karakteristik fitur Editor Dreamweaver dan halaman depan. Fitur bahasa pemrograman PHP dan JavaScript. Persyaratan Dasar untuk Halaman Web. Kekhususan perangkat lunak Untuk penciptaan dan efisiensinya penggunaannya.

kursus bekerja, ditambahkan 02/03/2011

Dalam fitur-fitur khusus menyiratkan penciptaan situs web dan produk web tersebut yang dapat digunakan oleh orang-orang dengan pelanggaran, pendengaran, sistem muskuloskeletal dan gangguan fisik lainnya.

Dukungan untuk fitur-fitur khusus dalam sistem operasi

Dreamweaver mendukung fitur-fitur khusus sistem Windows dan Macintosh. Misalnya, di ruang operasi sistem Macintosh. Anda dapat mengatur parameter visual di kotak dialog Universal Access Preferences ("Apple"\u003e Preferensi Sistem). Pengaturan yang ditentukan tercermin di ruang kerja Dreamweaver.

Konfigurasi kontras tinggi yang tersedia di Windows juga didukung. Parameter ini dapat diaktifkan di panel kontrol Windows. Untuk komponen Dreamweaver, pengaturan ini memiliki efek berikut.

Kotak dialog dan panel digunakan pengaturan sistem bunga-bunga. Misalnya, jika Anda mengatur warna "putih pada hitam", maka warna putih teks dan warna hitam latar belakang akan digunakan untuk semua kotak dialog Dreamweaver dan panel.

Dalam tampilan "kode", warna sistem teks dan warna teks jendela digunakan. Misalnya, jika Anda mengatur warna sistem menjadi putih dengan warna biru, dan kemudian ubah warna teks melalui menu Edit\u003e "Pengaturan"\u003e "Desain kode warna", maka Dreamweaver tidak menggunakan parameter ini dan menampilkan kode teks dengan simbol putih pada latar belakang hitam.

Area "desain" menggunakan warna teks dan latar belakang, ditentukan menggunakan perintah "Ubah"\u003e "Properti Halaman"; Dengan demikian, warna pada halaman yang dibuat akan ditampilkan dengan cara yang sama seperti di browser.

Optimalisasi ruang kerja untuk merancang halaman dengan fitur-fitur khusus

Saat membuat halaman dengan fitur-fitur khusus, Anda harus mengaitkan informasi, seperti label dan deskripsi, dengan objek pada halaman, yang akan membuat konten tersedia untuk semua pengguna.

Untuk tujuan ini, aktifkan kotak dialog Fitur Khusus untuk setiap objek, setelah itu Dreamweaver akan menawarkan untuk memasukkan informasi tentang fitur-fitur khusus selama penyisipan objek. Kotak dialog dapat diaktifkan untuk objek apa pun di "pengaturan khusus" kategori "pengaturan".

1. Pilih "Edit"\u003e "Pengaturan" (di Windows) atau Dreamweaver\u003e Pengaturan (di Macintosh).
2. Di daftar "Kategori" di sebelah kiri, pilih "Fitur Khusus", pilih objek, atur salah satu parameter berikut dan klik OK. Sisipkan atribut Pilih objek yang ingin Anda aktifkan kotak dialog fitur khusus. Misalnya, objek bentuk, bingkai, multimedia dan gambar. Saat Anda buka Simpan panel yang aktif Memungkinkan Anda menyimpan posisi fokus pada panel untuk memastikan pengoperasian layar membaca dari layar. (Jika parameter ini tidak dipilih, saat membuka panel, fokusnya disimpan dalam tampilan "Desain" atau "Kode".) Membangun gambar di luar layar Pilih opsi ini saat menggunakan pembaca layar dari layar.

   Catatan.Atribut fitur khusus ditampilkan di kotak dialog "Sisipkan Tabel" saat memasukkan tabel baru.

Fitur Khusus Centang Fungsi di Dreamweaver

Dimulai dengan Dreamweaver CS5, fungsi memeriksa fitur-fitur khusus di Dreamweaver sudah usang.

Navigasi Dreamweaver menggunakan keyboard

Anda dapat menggunakan keyboard untuk bergerak melintasi panel, inspektur properti, kotak dialog., bingkai dan tabel tanpa menggunakan mouse.

Catatan. Gunakan tombol Tab dan tombol panah hanya dapat digunakan dalam sistem operasi Windows.

Menavigasi panel.

1. Sementara di jendela dokumen, tekan tombol "Ctrl" dan "F6" untuk menggeser fokus pada panel.

   Dotes dari header panel menunjukkan bahwa fokusnya ada di panel. Program membaca dari layar disuarakan oleh header panel yang menerima fokus.

2. Pada saat yang sama, tekan tombol "Ctrl" dan "F6" hingga fokus ditunjukkan ke panel yang diperlukan. (Untuk bergerak di antara panel di urutan terbalik Pada saat yang sama, tekan tombol "Ctrl", "Shift" dan "F6".)
3. Jika Anda memerlukan panel tertutup, gunakan pintasan keyboard di menu Windows Untuk menampilkan panel ini, dan kemudian secara bersamaan tekan "Kontrol" dan "F6".

   Jika panel yang diinginkan terbuka, tetapi tidak dikerahkan, pindahkan fokus ke header panel dan tekan tombol spasi. Untuk memutarnya, tekan tombol "Space" lagi.

4. Gunakan tombol Tab untuk bergerak di sepanjang kontrol panel.
5. Tombol panah digunakan dalam kasus-kasus berikut.
   • Jika kontrol memiliki opsi, gunakan tombol panah untuk bergerak di antara opsi antara opsi, dan untuk memilih nilai, tombol "Space".
   • Jika ada tab di panel, membuka panel lain, letakkan fokus pada buka Tab. Dan menggunakan tombol "kiri" atau "panah kanan", buka tab yang diinginkan. Setelah membuka tab, dimungkinkan untuk memindahkan elemen-elemen kontrolnya menggunakan tombol Tab.

Navigasi untuk Properti Inspektur

1. Untuk menampilkan inspektur properti, tekan tombol "Ctrl" + "F3".
2. Tekan tombol Keyboard "Ctrl" + "F6" (hanya di Windows) hingga fokus ditunjukkan kepada inspektur properti.
3. Gunakan tombol Tab untuk bergerak melalui kontrol inspeksi properti.
4. Tombol panah digunakan untuk bergerak di antara opsi.
5. Tekan tombol "Ctrl" + "Atas panah" atau "perintah" + "Atas panah" (Macintosh) untuk membuka, jika Anda perlu membuka atau menutup bagian Inspektur Properti yang diperluas, atau arahkan panah penyebaran ke sudut kanan bawah dan tekan tombol "spasi".

Gambar di bawah ini menunjukkan antarmuka Adobe Dreamweaver. DI versi yang berbeda. Program bisa menjadi beberapa perbedaan.

1. Tombol pilih mockup.
2. Tombol Pilihan Ekstensi
3. Tombol kerja dengan situs web
4. Tombol pemilihan antarmuka(Saklar kursi roda adalah pilihan 11 opsi). Gambar - Antarmuka Klasik
5. Jalur Menu (10 menu dengan daftar perintah drop-down)
6. Baris Tab (Kategori) - 9 Tab untuk spesies yang berbeda kerja
7. Bilah alat. Toolbar berubah tergantung pada tab yang dipilih (pada gambar - bilah alat untuk tab Teks). Baris tab (hal.6) dan toolbars (p. 7) bersama-sama membentuk "panel pengepakan"
8. Garis buka dokumen
9. Kode Toolbar
10. Penomoran garis kode
11. Bagian kode (bila dibagi dengan jendela pengeditan ke kode dan desain)
12. Status bar (Tag yang digunakan, kecepatan pemuatan halaman yang diterapkan encoding).
13. Grup panel "Hasil" (Cari, buku referensi, periksa tautan, laporan, dll.)
14. Panel Dock. - Ini dapat berisi file panel, aset, fragmen kode, basis data, gaya, tag inspektur, dll. Panel Dock membuka / menghapus dari jendela program menggunakan menu jendela - menyembunyikan panel / tunjukkan.
15. Bagian desain (bila dibagi dengan jendela pengeditan ke kode dan desain)

Ketika Anda mengubah ruang kerja (tombol 4), antarmuka program mungkin berbeda dari apa yang ditunjukkan pada gambar di atas ("Klasik" versi antarmuka).

Edit jendela (jendela dokumen)

Jendela edit mencakup tempat sentral di jendela program.
Halaman di jendela Edit dapat dibuka dalam mode kode, dalam mode pemisahan ke kode dan mode pengeditan visual, dalam mode desain atau dalam mode tampilan interaktif (lebih diwujudkan).


Presentasi "Kode Interaktif"Hanya tersedia saat melihat dokumen dalam representasi "Interactive View" dan menampilkan kode asli. Tampilan "Kode Interaktif" tidak mendukung pengeditan.

Toolbars. :

Bilah alat standar (Buat, buka, simpan, pasta, dll)

Komponen

Database.

Perilaku server

Tag editor tag cepat - Digunakan ketika Anda perlu memeriksa, memasukkan, atau berubah dengan cepat html tagTanpa menutup presentasi "desain".

Panel aplikasi Di bagian atas jendela aplikasi ada sakelar ruang kerja, menu (hanya Windows) dan kontrol lainnya.

Pemilih tag ditempatkan di bilah status. Menunjukkan hierarki tag.