Rumah Media Sosial Bagaimana cara menyisipkan gambar ke dalam Dreamweaver - dummies

Bagaimana cara menyisipkan gambar ke dalam Dreamweaver - dummies

Video: Cara memasukan gambar pada dreamweaver 2025

Video: Cara memasukan gambar pada dreamweaver 2025
Anonim

Anda dapat menempelkan gambar dari Clipboard sistem operasi Anda ke dalam dokumen Dreamweaver. Ini bekerja dengan gambar yang disalin ke Clipboard dari beberapa, tapi tidak semua, browser (Safari menjadi satu) dan untuk beberapa tapi tidak semua format file non-web-friendly. Setiap gambar yang bisa Anda salin ke clipboard sistem operasi Anda dapat disisipkan ke dalam halaman HTML yang terbuka di Dreamweaver.

Menyalin gambar dari browser sedikit berbeda tergantung browser, namun teknik dasarnya adalah klik kanan atau Control-click dan pilih opsi seperti Copy Image dari menu konteks yang muncul. Atau Anda dapat menyalin dan menempelkan karya seni dari program seperti Illustrator, Photoshop, atau Word.

Dengan gambar yang disalin ke Clipboard, ikuti langkah-langkah ini untuk menempelkan gambar ke Dreamweaver dan kemudian simpan sebagai file gambar di situs Anda:

  1. Klik di jendela Dokumen pada titik di mana gambar itu harus dimasukkan

    Bagaimana tampilan gambar akan didefinisikan dengan CSS, jadi jangan terobsesi pada tahap ini.

  2. Pilih Edit → Tempel.

    Apa yang terjadi sekarang sangat bervariasi tergantung pada versi Dreamweaver Anda walaupun konsep dasarnya sama:

    1. Anda memilih format file gambar dan beberapa atribut gambar lainnya.

    2. Anda menetapkan nama file

    Pada versi Dreamweaver pra-CS6, kotak dialog Pratinjau Gambar yang agak rumit akan terbuka. Di CS6, gambar muncul di jendela Dokumen, dan kotak dialog Optimalisasi Gambar yang sangat sederhana akan muncul.

    Pengaturan format gambar default pada kotak dialog Image Preview dapat diubah dengan memilih format file gambar dan pengaturan pengoptimalan (filter seperti transparansi, kontras, dan kecerahan) dari popup Preset.

  3. Buat pilihan Anda di kotak dialog Optimalisasi Gambar (dengan asumsi Anda ada di CS6) dan kemudian klik OK.

  4. Pada kotak dialog Save Web Image yang terbuka, masukkan nama gambar.

    Seperti semua filenaming web, hindari menggunakan spasi dan karakter khusus dan jangan mengganti ekstensi nama file (.png,.jpg, atau. Gif).

  5. Simpan file ke folder root situs Anda dengan mengklik tombol Root Situs.

    Menyimpan ke folder akar situs selalu merupakan taruhan yang aman. Jika Anda merasa nyaman dengan mengelola struktur folder file, silakan simpan gambar dalam subfolder di dalam folder situs Anda.

  6. Klik Simpan.

    Gambar akan disimpan, dan kotak dialog Image Description (Alt Text) muncul. Dalam kotak dialog ini, Anda mendefinisikan atribut aksesibilitas.

    Anda dapat memasukkan teks alt (teks yang akan dibacakan dengan keras untuk menggambarkan gambar bagi penglihatan yang terganggu oleh perangkat lunak pembaca, atau yang akan ditampilkan di lingkungan penjelajahan tempat tampilan gambar dinonaktifkan) di kotak Teks Alternatif di dialog.

  7. Klik OK untuk memasukkan gambar.

    Gambar akan terlihat pada halaman dalam tampilan Design.

Bagaimana cara menyisipkan gambar ke dalam Dreamweaver - 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 ...