Rumah Media Sosial Bagaimana Mengubah Warna Latar Belakang dan Warna Teks di Dreamweaver - dummies

Bagaimana Mengubah Warna Latar Belakang dan Warna Teks di Dreamweaver - dummies

Video: Menentukan Color/Warna Teks dan Warna Background pada Halaman HTML | Tutorial CSS (part 2) 2025

Video: Menentukan Color/Warna Teks dan Warna Background pada Halaman HTML | Tutorial CSS (part 2) 2025
Anonim

Dalam Dreamweaver, anda boleh menukar latar belakang dan warna teks yang tersedia dari kategori Rupa. Perhatikan bahawa pilihan CSS disyorkan ke atas pilihan HTML. Apabila anda menggunakan pilihan Rupa (CSS), Dreamweaver mencipta gaya yang sesuai untuk tag tubuh secara automatik. Apabila anda menggunakan sebarang pilihan CSS dalam kotak dialog Properties Page, Dreamweaver mencipta gaya yang sama secara automatik dan menyenaraikannya dalam panel CSS Styles.

Walaupun anda boleh menggunakan tetapan global, seperti saiz dan warna teks, dalam kotak dialog Properties Page, anda boleh mengatasi tetapan tersebut dengan pilihan pemformatan lain dalam keadaan tertentu. Sebagai contoh, anda boleh menetapkan semua teks anda ke Helvetica di Page Properties dan kemudian ubah font untuk tajuk utama ke Arial menggunakan CSS.

Untuk menukar tetapan font, warna latar belakang, warna teks, dan margin halaman untuk keseluruhan halaman, ikuti langkah berikut:

  1. Pilih Ubahsuai → Properties Page.

    Kategori Rupa (CSS) bagi kotak dialog Properties Page muncul.

  2. Dalam senarai drop-down Font Page, tentukan fon yang anda mahu untuk teks pada halaman anda.

    Dalam contoh ini, muka font ditetapkan ke koleksi yang bermula dengan font Cambria. Jika anda tidak menentukan font, teks anda muncul dalam font yang dinyatakan dalam pelayar pengguna anda, yang biasanya Times.

  3. Jika anda mahu semua teks pada halaman anda muncul berani atau miring, pilih pilihan font yang sepadan dalam senarai juntai bawah di sebelah kanan pilihan Font Page.

    Jika anda memilih salah satu daripada pilihan ini, semua teks anda muncul berani atau miring dalam halaman. Kebanyakan pereka meninggalkan kedua-dua bidang ini kerana mereka mahu mengehadkan penggunaan huruf tebal atau miring untuk menarik perhatian khusus kepada perkataan atau kata-kata.

  4. Dalam senarai juntai Saiz, tentukan saiz fon yang anda mahu untuk teks pada halaman anda.

    Sekali lagi, anda boleh mengatasi tetapan ini untuk teks tertentu pada halaman, seperti tajuk utama.

  5. Klik kotak Teks Warna swatch untuk mendedahkan palet warna. Pilih mana-mana warna yang anda suka.

    Warna yang anda pilih mengisi kotak suai warna tetapi tidak akan mengubah warna teks pada halaman anda sehingga anda mengklik butang Guna atau OK.

  6. Klik kotak Sudut Warna Latar untuk mendedahkan palet warna. Pilih mana-mana warna yang anda suka.

    Warna yang anda pilih mengisi kotak suai warna, tetapi warna tidak mengisi latar belakang sehingga anda mengklik butang Guna atau OK.

  7. Jika anda ingin memasukkan grafik atau gambar ke latar belakang halaman anda, klik butang Semak di sebelah kotak Imej Latar Belakang dan pilih imej dalam kotak dialog Sumber Imej Pilihan.

    Apabila anda memasukkan imej latar belakang, ia secara automatik mengulangi, atau jubin, merentasi dan menurunkan halaman melainkan anda memilih pilihan dari senarai juntai turun Ulang. No-Repeat menghalang imej latar belakang dari mengulangi sama sekali. Ulang-X dan Ulang-Y mengulangi imej secara menegak (paksi x) atau secara mendatar (paksi y), di seluruh halaman.

  8. Gunakan pilihan margin di bahagian bawah kotak dialog untuk menukar margin kiri, kanan, atas, atau bawah halaman anda.

    Kebanyakan pelayar web menambah sedikit ruang ke bahagian atas dan kiri tetingkap penyemak imbas di mana-mana halaman web. Memasuki 0 dalam semua empat bidang ini membuang mana-mana ruang margin lalai, membolehkan anda membuat reka bentuk yang mula disiram dengan tepi pelayar.

  9. Klik butang Guna untuk melihat bagaimana rupa warna pada halaman anda.

  10. Klik OK untuk menyelesaikan dan menutup kotak dialog Properties Page.

Bagaimana Mengubah Warna Latar Belakang dan Warna Teks di Dreamweaver - 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 ...