Rumah Media Sosial Modifikasi CSS Layout di Adobe CS5 Dreamweaver - dummies

Modifikasi CSS Layout di Adobe CS5 Dreamweaver - dummies

Video: Belajar Dasar CSS #004 CSS Background Cara Modifikasi Tampilan Background Web Dengan CSS (Indonesia) 2025

Video: Belajar Dasar CSS #004 CSS Background Cara Modifikasi Tampilan Background Web Dengan CSS (Indonesia) 2025
Anonim

Abode Creative Suite 5 (Adobe CS5) Dreamweaver menyediakan beberapa cara untuk mengubah tata letak halaman Cascading Style Sheets. Tata letak CSS dikendalikan sepenuhnya oleh aturan sheet gaya, sehingga Anda dapat mengubah tampilan dan nuansa halaman secara langsung dari panel CSS Styles dan Property inspector.

Setiap kolom, kotak, dan spasi pada halaman baru Anda diposisikan dan berukuran menggunakan aturan dan properti CSS, yang semuanya dapat Anda ubah dari inspektur properti (pada panel Gaya CSS) atau panel Definisi Aturan CSS.

  1. Jika panel CSS Styles belum terbuka, pilih Window → CSS Styles untuk membukanya.

  2. Pilih tab Semua untuk menampilkan style sheet dan aturannya.

    Lembar gaya internal ditampilkan seperti di bagian atas. Klik panah di sebelah kiri untuk memperluasnya dan tampilkan semua aturan yang ada di dalamnya. Tata letak menggunakan lembar gaya (eksternal) terlampir menampilkan nama sheet gaya (seperti gaya. Css) dan bukan pada tag.

  3. Pilih aturan badan.

    Gaya berbasis tag ini mengontrol format umum keseluruhan halaman (semua yang ada dalam tag).

  4. Klik bidang di samping aturan latar belakang untuk mengeditnya; daripada menyimpan pengaturan # 4E5869 (warna abu-abu sedang), ketik warna heksadesimal (seperti # CC0000 untuk merah) untuk mengubah warna latar belakang halaman.

  5. Klik swatch di sebelah aturan warna untuk membuka panel Swatch; pilih warna jenis default baru untuk teks di halaman Anda.

  6. Di bagian atas panel Styles CSS, pilih gaya lain (misalnya, gaya twoColElstHdr #container) untuk melihat propertinya.

    . twoColHybLtHdr #container ID style mengontrol ukuran dan tampilan wadah tata letak utama pada halaman.

  7. Di Property inspector, edit properti untuk mengubah tampilan gaya.

    Misalnya, Anda dapat mengubah lebar aturan dengan memasukkan nomor baru di kotak teks Lebar Aturan. Jika Anda memasukkan 95% , misalnya, Anda membuat keseluruhan tata letak lebih lebar.

Setiap kolom dan bagian yang terdiri dari tata letak Anda dikendalikan oleh salah satu gaya ID yang tercantum dalam panel Gaya CSS. Sebagian besar gaya ID memiliki properti lebar yang dapat Anda gunakan untuk mengubah ukuran area yang berbeda pada halaman.

Lanjutkan untuk mengubah gaya yang berbeda yang tercantum dalam panel Gaya CSS dan lihat bagaimana pengaruhnya terhadap elemen yang berbeda pada halaman Anda. Coba ganti warna jenis, keluarga font, dan sifat lainnya, seperti padding dan background color.

Untuk mengetahui secara pasti mana ID yang mengontrol kolom atau bagian mana, klik di dalam area halaman dan lihat pemilih tag di bagian bawah jendela Dokumen.Tag terakhir di akhir rangkaian menunjukkan wadah tempat Anda berada dan ID yang sesuai di panel Gaya CSS (misalnya,).

Modifikasi CSS Layout di Adobe CS5 Dreamweaver - dummies

Pilihan Editor

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Bagaimana Mengelola Komentar di WordPress Anda. com Blog - dummies

Buka halaman Komentar dengan mengklik link Komentar di menu navigasi Dashboard WordPress. Halaman Komentar menunjukkan semua komentar di blog Anda sejak hari pertama Anda memulai. Di sini Anda bisa melihat komentar, mengeditnya, menandai mereka sebagai spam, atau flat-out menghapusnya. Jika Anda menetapkan pilihan Komentar Anda jadi ...

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Bagaimana Mengelola Pengguna dan Penulis di Blog WordPress Anda - dummies

Pengguna WordPress halaman memberitahu Anda tentang semua pengguna di blog Anda. Ini mencantumkan nama pengguna, nama, alamat e-mail, peran di blog Anda, dan jumlah posting yang dibuat ke blog Anda. Untuk mengelola peran pengguna, Anda perlu memahami jenis akses yang diberikan masing-masing peran: Pengikut: Peran default ini ditugaskan untuk ...

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Cara Membuat Permalinks WordPress Bekerja dengan Server Anda - dummies

Setelah Anda mengatur format untuk permalinks untuk situs WordPress Anda dengan menggunakan opsi selain default, WordPress menulis peraturan, atau arahan tertentu ke. htaccess file di server web anda Itu. htaccess file pada gilirannya mengkomunikasikan ke server web Anda bagaimana seharusnya menyajikan permalinks, sesuai dengan permalink ...

Pilihan Editor

Bagaimana cara Log In ke Layanan Cloud - dummies

Bagaimana cara Log In ke Layanan Cloud - dummies

Karena Cloud Service sepenuhnya berbasis di awan, semua Anda benar-benar Kebutuhan untuk mengaksesnya adalah koneksi internet. (Nah, Anda juga memerlukan nama pengguna dan kata sandi.) Anda dapat masuk dari kantor Anda dan kemudian mengambil tempat Anda tinggalkan di hotel saat bepergian di Tokyo. Salesforce memiliki banyak tindakan pengamanan ...

Bagaimana Bergerak di sekitar MYOB - dummies

Bagaimana Bergerak di sekitar MYOB - dummies

Di MYOB, Anda dapat melangkah maju dan mundur melalui setiap jendela pembelajaran saya. untuk mencintai kunci Tab komputer Anda. Ini jauh lebih mudah dan lebih cepat daripada menggunakan mouse anda. Keystrokes Shortcut Result Shift + Tab Bergerak ke belakang ke kolom sebelumnya Enter atau Tab Bergerak ke depan ke kolom berikutnya Alt + F4 Berhenti dan mengemas Esc Membawa ...

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Bagaimana Membuka Kasus untuk Pelanggan di Salesforce. Kasus com - dummies

Adalah dasar Salesforce. com Layanan Cloud. Mereka adalah titik pusat kontak Anda dan apa yang agen hidup dan hirup setiap hari. Kasus adalah catatan penyelidikan layanan atau dukungan untuk pelanggan yang merinci masalah dan semua informasi yang mengelilinginya, seperti yang ditunjukkan. Kasus ...

Pilihan Editor

Menghitung Persen Tujuan di Excel - dummies

Menghitung Persen Tujuan di Excel - dummies

Ketika seseorang meminta Anda untuk menghitung satu persen Tujuannya, dia hanya mengatakan untuk membandingkan kinerja aktual dengan tujuan yang dinyatakan. Matematika yang terlibat dalam perhitungan ini sederhana: Bagilah tujuannya dengan aktual. Ini memberi Anda nilai persentase yang menunjukkan berapa banyak pencapaian yang telah dicapai. Misalnya, jika ...

Menghitung Persentase Varian di Excel - dummies

Menghitung Persentase Varian di Excel - dummies

Varians adalah indikator perbedaan antara satu angka dengan angka lainnya. Untuk memahami hal ini, bayangkan bahwa Anda menjual 120 widget pada suatu hari, dan keesokan harinya, Anda menjual 150. Perbedaan dalam penjualan sebenarnya sangat mudah dilihat; Anda menjual 30 widget lagi. Mengurangkan 120 widget dari 150 widget memberi ...

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Menghitung Persentase Varian dengan Nilai Negatif di Excel - dummies

Rumus untuk menghitung varian persen dalam Excel bekerja dengan indah dalam banyak kasus. Namun, bila nilai benchmark adalah nilai negatif, rumusnya akan turun. Misalnya, bayangkan Anda memulai bisnis dan berharap bisa kehilangan tahun pertama. Jadi, Anda memberi anggaran sebesar negatif $ 10.000. Sekarang bayangkan itu ...