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

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 ...