Rumah Media Sosial Adobe CS5 Dreamweaver Page Images - dummies

Adobe CS5 Dreamweaver Page Images - dummies

Video: Dreamweaver CS5 Tutorial Using Images in a Web Page Adobe Training Lesson 4.1 2025

Video: Dreamweaver CS5 Tutorial Using Images in a Web Page Adobe Training Lesson 4.1 2025
Anonim

Anda dapat menambahkan gambar termasuk file Photoshop (PSD) dan Kembang Api (PNG) ke halaman kosong Anda di Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Menempatkan gambar tidak mempengaruhi panel File Dreamweaver.

  1. Pilih Insert → Image.

    Kotak dialog Select Image Source akan muncul.

    Atau, klik tab Common pada panel Insert dan klik tombol Insert Image.

  2. Arahkan ke lokasi gambar Anda dan klik Choose (Mac) atau OK (Windows).

    Jika Anda memilih file asli Photoshop (PSD) atau Fireworks (PNG), kotak dialog Image Preview muncul, memungkinkan Anda untuk mengoptimalkan gambar Anda secara langsung di Dreamweaver.

    Jika Anda memilih gambar web-siap, seperti GIF, JPG, atau PNG dan gambarnya ada di luar folder situs Anda, Anda akan melihat peringatan. Dreamweaver mengingatkan Anda bahwa gambar itu berada di luar folder akar, yang menyebabkan masalah saat Anda menyalin halaman ke server web.

    Klik Yes untuk menyalin file ke direktori root situs Anda. Tetapkan nama baru di sana atau klik Save untuk menyimpan nama yang sama dan duplikat file gambar ke folder situs Anda.

    Kotak dialog Atribut Aksesibilitas Tag Gambar akan muncul.

    Semua gambar harus memiliki teks teks Alt (alternatif) yang muncul sebelum gambar diunduh atau jika penampil telah menonaktifkan pilihan untuk melihat gambar.

  3. Tambahkan deskripsi gambar yang sesuai di kotak teks Alternate Text.

    Jika gambar itu adalah logo, uraiannya harus menyertakan nama perusahaan sebagai teks Alt atau, jika itu adalah foto atau ilustrasi, gambarkan gambar itu dalam beberapa kata.

    Dari sudut pandang aksesibilitas, alt teks membantu pembaca layar (seperti yang digunakan oleh tunanetra) dalam mengidentifikasi konten gambar kepada pengguna. Selain itu, Alt teks adalah alat yang berharga dalam menyediakan mesin pencari cara mengindeks konten gambar yang disertakan di situs Anda.

  4. Klik OK.

    Gambar ditambahkan ke halaman dan ke panel Files.

Anda dapat mengedit gambar dengan mengklik dua kali pada panel File. Anda juga dapat menggunakan Property inspector untuk melihat detail tentang gambar, termasuk dimensi dan ukuran file. Anda juga dapat memodifikasi properti gambar, termasuk border, hyperlink, dan padding vertikal dan horizontal.

Gunakan Property inspector untuk melihat informasi tentang gambar Anda dan memodifikasi properti gambar.

Bila Anda membuat situs yang lebih besar dengan beberapa halaman yang saling terkait satu sama lain, Anda mungkin ingin mengubah tampilan panel File. Dengan mengklik daftar drop-down (di sisi kiri atas panel File) tempat situs Anda berada, Anda dapat menemukan folder dan situs lain yang telah Anda gunakan baru-baru ini.Dengan mengklik daftar drop-down View ke kanan, Anda dapat mengubah tampilan panel File.

Buka file dari panel Files dengan mengklik dua kali.

Adobe CS5 Dreamweaver Page Images - dummies

Pilihan Editor

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Sementara ada cara baru untuk membuat tabel di Office 2011 untuk Mac, Anda masih bisa menggunakan teknik stand-by. Menu yang familiar masih bekerja di Office 2011 untuk Mac, dan inilah buktinya. Dialog meja semuanya masih ada di sana: Di Word, pilih Table → Insert → Table; Sebagai alternatif, pada tab Tabel Ribbon, di Tabel Pilihan ...

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Apakah Anda menggunakan Office 2011 untuk Mac atau Produk Microsoft Office lainnya, toolbar Anda bisa sangat berantakan. Setiap kali Anda merasa perlu untuk men-tweak antarmuka aplikasi Microsoft Office, Anda perlu memanggil dialog Customize Toolbars and Menus. Ini adalah dialog super kuat di Word, Excel, dan PowerPoint yang memungkinkan Anda ...

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Setelah Anda menyesuaikan Office 2011 Anda bilah alat dan antarmuka, Anda dapat berbagi penyesuaian dengan orang lain. Namun, pastikan bahwa Anda menasihati orang-orang yang telah Anda lakukan sebelum membagikan dokumen Anda dengannya; Jika tidak, mereka mungkin akan terkejut saat mereka membuka dokumen Anda dan melihat susunan toolbar atau menu yang berbeda dari pada apa ...

Pilihan Editor

Penting Office 2007 Commands - dummies

Penting Office 2007 Commands - dummies

Anda dapat membuat program Office 2007 lebih mudah jika Anda menggunakan pintasan sederhana ini. Perintah-perintah ini, seperti mengurungkan kesalahan dan memperbesar dan memperkecil akan membantu Anda menghemat waktu. Memasuki simbol: Untuk memasukkan simbol atau karakter asing yang tidak ada pada keyboard Anda, masuk ke tab Insert dan klik Symbol ...

Menyesuaikan Perintah Menu di Office 2003 - dummies

Menyesuaikan Perintah Menu di Office 2003 - dummies

Office 2003 menyediakan dua teknik untuk menyesuaikan menu dan perintah menu. Anda bisa memulai dari kotak dialog Rearrange Commands atau menggunakan metode drag-and-drop. Teruslah membaca. Menangani perintah menu di kotak dialog Rearrange Commands Teknik tombol Options Toolbar untuk menangani tombol toolbar bagus dan keren, tapi bagaimana jika Anda ingin ...

Pilihan Editor

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Ketika Anda menjawab Argument Analysis Pertanyaan di GRE, argumen mungkin tampak logis dan adil di permukaan tapi sebenarnya keliru (keliru, cacat). Alasan melingkar, penalaran sebab-akibat yang keliru, dan generalisasi sweeping adalah tiga tanda argumen lemah. Dengan melihat beberapa kesalahan logis yang lebih umum, Anda dapat mengidentifikasi kelemahan dalam argumen dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Meskipun pertanyaan matematika biasanya hanya memiliki satu jawaban yang benar, ini tidak selalu terjadi. Akibatnya, beberapa pertanyaan pilihan ganda pada tes GRE Math akan memberi Anda daftar jawaban dan meminta Anda untuk memilih lebih dari satu. Pertanyaan praktik berikut meminta Anda untuk menemukan nilai kemungkinan yang berbeda secara berurutan dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pada tes GRE Verbal, beberapa pertanyaan pilihan ganda akan memiliki lebih dari satu jawaban yang benar. Untuk pertanyaan ini, Anda akan diminta untuk melihat-lihat pilihan jawaban dan memilih semua yang menurut Anda benar. Dalam pertanyaan praktik berikut, Anda diminta untuk membaca bagian yang disertakan, dan kemudian ...