Rumah Media Sosial Adobe CS5 Dreamweaver Background Images - dummies

Adobe CS5 Dreamweaver Background Images - dummies

Video: CSS3 Full Screen Background Image - Dreamweaver CS6 Tutorial 2025

Video: CSS3 Full Screen Background Image - Dreamweaver CS6 Tutorial 2025
Anonim

Mewujudkan latar belakang untuk laman web dalam Adobe Creative Suite 5 (Adobe CS5) Dreamweaver boleh dilakukan dengan lebih banyak cara daripada yang dibayangkan oleh kebanyakan orang. Anda boleh membuat corak yang berulang dengan satu imej kecil, membuat watermark, atau menggunakan imej yang besar untuk mengisi keseluruhan latar belakang.

  1. Di Photoshop, pilih Fail → Baru untuk membuat imej baru.

  2. Dalam kotak dialog Baru yang muncul, buat imej yang jauh lebih luas daripada yang tinggi, pilih RGB, pilih 72 dpi, dan kemudian klik OK.

    Sebagai contoh, masukkan 1000 dalam medan teks Lebar dan 20 dalam medan teks Ketinggian.

  3. Pilih warna latar depan dan latar belakang untuk membuat campuran.

    Gunakan alat Gradient untuk Shift + seret dari atas ke bahagian bawah kawasan imej untuk mencipta kecerunan mengisi.

  4. Pilih Fail → Simpan untuk web.

    Simpan imej sebagai fail JPEG dalam folder kandungan web tapak anda, dan kemudian tutup imej.

  5. Buka halaman Dreamweaver anda.

    Dalam Dreamweaver, pilih Modify → Page Properties atau klik butang Laman Properties di pemeriksa Hartanah untuk meletakkan imej sebagai imej latar belakang di halaman web anda.

    Jika butang Laman Properties tidak dapat dilihat, klik halaman - pastikan anda tidak memilih elemen lain, seperti imej.

  6. Kotak dialog Properties Page muncul.

    Klik butang Layari di sebelah kanan imej latar belakang, navigasi ke lokasi imej latar belakang anda yang disimpan, kemudian klik Pilih / OK; klik OK dalam kotak dialog Properties Page.

    Imej muncul di latar belakang, mengulangi dan mencipta kecerunan latar belakang yang sejuk di seluruh halaman!

Bergantung kepada saiz dan resolusi monitor pengguna, imej latar belakang anda mungkin dipaksa untuk diulangi. Mengulangi imej latar belakang boleh menghasilkan beberapa hasil kreatif.

Imej yang ditetapkan sebagai latar belakang mengulangi secara mendatar dan menegak secara lalai.

Dalam kes tertentu, anda mungkin tidak melihat latar belakang anda sehingga anda mengklik butang Preview / Debug dalam Browser dan pratonton halaman dalam penyemak imbas lalai anda.

Adobe CS5 Dreamweaver Background Images - dummies

Pilihan Editor

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

5 Perkara yang boleh dilakukan oleh GoPro Camera - dummies

Apa yang boleh dilakukan oleh GoPro? Inilah soalan yang lebih relevan: Apa yang anda mahu lakukan? Meminta soalan ini lebih seperti menanyakan diri anda tentang keinginan dan hasrat anda sendiri untuk rakaman video yang unik. Apabila anda menentukan apa yang anda ingin tangkap, semua yang anda perlu lakukan ialah menyambungkan kamera ke gunung yang sesuai ...

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Pengaturan & Pintasan dSLR Untuk Menipu Cheat Sheet - dummies

Anda mempunyai refleks kanta tunggal digital yang besar (dSLR ) kamera dan mahu menangkap beberapa gambar indah masa-masa hidup anda. Untuk sepenuhnya menguasai dSLR anda dan membuat gambar yang menarik, anda mesti menceburkan diri ke dunia baru yang berani yang melibatkan membuat keputusan tentang mod penangkapan. Mengetahui panjang fokus apa yang digunakan dalam ...

Pilihan Editor

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Bagaimana Menggunakan Lapisan Masker Gradient dan Brush Masker di Photoshop CS6 - lapisan masker

Lapisan lapisan di Photoshop CS6 membolehkan anda secara beransur-ansur berus dalam ketelusan dan kelegapan pada asas pixel selektif. Dua alat pelapis lapisan - Alat Gradien dan Brush - lebih kerap digunakan berbanding yang lain: Alat Gradien: Menetapkan alat ini kepada kecerunan linear hitam ke putih atau putih ke ...

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Cara Menggunakan Kuler untuk Cari dan Kongsi Tema Warna di Photoshop CS6 - dummies

Sumber yang tersedia untuk Adobe Photoshop Creative Suite 6 adalah luas. Kuler adalah komuniti dalam talian yang menyediakan tema warna untuk anda menyemak imbas, memuat turun, membuat, mengedit, dan memuat naik untuk berkongsi dengan orang lain. Gunakan tema ini apabila membuat projek cetak grafik atau laman web. Apa yang anda perlukan ialah sambungan Internet dan Adobe ID. Di sini ...

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Cara Menggunakan Kata Kunci untuk Photoshop CS6 Files dalam Bridge - dummies

Kata kunci adalah label deskriptif yang anda lampirkan ke fail di Bridge. Mereka membantu untuk mengkategorikan imej Photoshop CS6 anda, membolehkan anda lebih cekap dan cepat mencari fail yang anda inginkan. Berikut adalah downside untuk membuat dan menggunakan kata kunci: Untuk membuat kata kunci baru (folder kategori yang mengandungi kata kunci): Klik ikon tanda tambah (+) ...

Pilihan Editor

Dengan Touch dengan Nota Reka bentuk - dummies

Dengan Touch dengan Nota Reka bentuk - dummies

Nota reka bentuk adalah sesuai untuk berkomunikasi dengan pemaju lain yang bekerja pada Laman web, tetapi tidak dalam jarak menjerit. Ciri Dreamweaver ini berfungsi seperti tag komen (kod HTML yang membolehkan anda memasukkan teks dalam halaman yang tidak akan dipaparkan dalam penyemak imbas) tetapi dengan privasi lebih banyak. Ramai pemaju menggunakan ...

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Memenuhi Dreamweaver CS3 Common Insert Bar - dummies

Jangan berfikir bahawa toolbar Dreamweaver CS3 Common Insert biasa dan biasa. Ia hanya dipanggil "umum" kerana ia menawarkan perintah memasukkan yang paling kerap digunakan kerana ia adalah yang paling berguna. Dengan bilah alat yang ditunjukkan di sini, anda boleh memasukkan segala-galanya dari pautan e-mel kepada tarikh kepada mana-mana media yang ingin anda letakkan ...

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Gambaran Keseluruhan Alignment Imej dalam Adobe CS5 Dreamweaver - dummies

Penjajaran imej dan teks bersebelahan mereka di Adobe Suite Creative 5 (Adobe CS5) Dreamweaver adalah mudah, tetapi pilihan yang ada mungkin membuat kelihatan terlalu rumit. Imej dan teks bersebelahan mereka duduk pada garis dasar yang sama sebagai lalai, memaksa teks berjalan dalam satu baris ke kanan imej. Untuk ...