Rumah Media Sosial Dreamweaver CC Petunjuk Gambar dan Multimedia - dummies

Dreamweaver CC Petunjuk Gambar dan Multimedia - dummies

Daftar Isi:

Video: Making Images Responsive in Dreamweaver CC 2025

Video: Making Images Responsive in Dreamweaver CC 2025
Anonim

Betapapun hebatnya konten Anda, gambar, video, dan multimedia Anda memberi kesan besar pada pengunjung Dreamweaver Anda. situs web. Berikut adalah beberapa tip untuk mengelola gambar, video, dan multimedia lainnya di halaman web Anda.

Link thumbnail ke file yang lebih besar

Gambar besar itu indah, tapi butuh waktu lebih banyak untuk diunduh daripada gambar kecil. Teknik yang umum untuk menampilkan banyak gambar pada satu halaman adalah membuat versi kecil dari setiap gambar, yang disebut thumbnail, lalu menghubungkan masing-masing gambar ke versi yang lebih besar dari gambar yang sama.

Teknik ini juga bekerja saat Anda ingin menampilkan koleksi video atau animasi. Anda dapat membuat gambar diam dari satu frame video dan kemudian menggunakannya sebagai thumbnail yang terhubung ke setiap file video.

Seperti yang bisa Anda lihat pada gambar, yang menunjukkan galeri foto dari situs Cinembargo, teknik ini memungkinkan untuk menyertakan banyak foto, atau file video, dalam satu galeri foto. Saat Anda mengeklik setiap gambar mini, versi yang lebih besar dari gambar yang sama ditampilkan di atas gambar itu.

Efek gambar interaktif ini dibuat dengan menggunakan fitur perilaku dalam Dreamweaver. Anda juga dapat menggunakan Dreamweaver untuk menautkan gambar ke video, animasi, dan jenis file lainnya.

Selalu menyimpan aslinya

Kebanyakan perancang membuat gambar untuk web menggunakan program seperti Photoshop. Untuk hasil terbaik, Anda ingin melakukan semua koreksi warna, retouching, dan editing lainnya dengan versi resolusi tinggi dari foto atau grafis.

Namun, sebelum gambar berjalan di situs Anda, Anda ingin mengoptimalkannya dengan mengompres file (jika Anda menyimpannya sebagai jpeg) atau mengurangi jumlah warna (jika Anda menyimpan gambar sebagai sebuah PNG atau GIF). Proses mengoptimalkan gambar membuat mereka mendownload lebih cepat namun juga mengurangi kualitasnya.

Pada gambar berikut, Anda melihat situs web AssetShield, yang mencakup gambar yang relatif besar yang telah dioptimalkan sehingga bisa dimuat dengan cepat di browser web.

Ingat, jika Anda ingin kembali dan mengubah gambar setelah dioptimalkan untuk web, Anda ingin mengedit file sumber asli, versi yang Anda simpan sebelum gambar dikompres atau warna dikurangi. Demikian pula, jika Anda bekerja dengan gambar yang memiliki banyak lapisan dalam program seperti Photoshop, lapisan itu harus diratakan sebelum gambar dapat disertakan di situs web.

File video dan audio, serta animasi, harus dioptimalkan sebelum digunakan di situs web.Dan, seperti yang Anda lakukan dengan gambar, kembalilah ke versi resolusi yang lebih tinggi jika Anda pernah melakukan pengeditan tambahan.

Apakah Anda membuat gambar dan file multimedia sendiri atau menyewa perancang profesional, pastikan Anda mengembangkan sistem untuk menyimpan semua gambar asli dengan resolusi tertinggi sehingga Anda memilikinya jika Anda perlu mengubah gambar di lain waktu.

Dreamweaver CC Petunjuk Gambar dan Multimedia - 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 ...