Rumah Media Sosial Pembuatan Gaya Kelas di Adobe CS5 Dreamweaver - dummies

Pembuatan Gaya Kelas di Adobe CS5 Dreamweaver - dummies

Daftar Isi:

Video: Cara Membuat Design Web Sederhana Mengunakan DreamWeaver CS5 2025

Video: Cara Membuat Design Web Sederhana Mengunakan DreamWeaver CS5 2025
Anonim

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver mendukung pembuatan gaya kelas untuk memungkinkan kontrol yang lebih tepat terhadap halaman Anda. format Anda dapat membuat penyeleksi kelas, yang diberi nama gaya untuk tubuh, teks, judul, subjudul, dan elemen lainnya. Berbeda dengan pemilih tag, Anda dapat memilih hampir semua nama untuk kelas dan menerapkan gayanya secara selektif ke item jika dan kapan Anda mau.

Anda juga dapat membuat peraturan baru Anda tersedia untuk lebih dari satu halaman di situs Anda dengan menentukan lembar gaya eksternal baru. Metode ini menyimpan aturan Anda di file eksternal yang dapat dilampirkan ke beberapa halaman dalam satu waktu.

1Buka kotak dialog New CSS Rule.

Cari panel CSS, ke kanan, dan klik tombol New CSS Rule di bagian bawah atau pilih Format → CSS Styles → New.

2Pilih Kelas (Bisa Terapkan untuk Setiap Elemen HTML).

Pilihan ini ditemukan dalam daftar drop-down Selector Type.

3Name kelas baru Anda.

Di kotak teks Selector Name, masukkan nama untuk kelas baru Anda. Anda bisa memasukkan nama yang Anda inginkan, tapi pastikan tidak memiliki spasi dan deskriptif bagaimana Anda akan menggunakannya. Reallycoolstyle adalah nama yang buruk; headlinestyle adalah nama yang lebih baik Dreamweaver memasukkan periode di depan nama gaya karena ini adalah konvensi penamaan yang diperlukan.

4Pilih (File Stylesheet Baru).

Ini adalah pilihan dalam daftar drop-down Rule Definition di bagian bawah. Klik OK

5Simpan Style Sheet File Sebagai kotak dialog muncul.

Cari folder situs Anda (atau jika Anda belum menentukan situs, folder tempat Anda menyimpan semua informasi yang relevan, seperti file gambar dan halaman untuk situs Anda).

6Masukkan nama untuk style sheet.

Masukkan nama yang sesuai, seperti main. css atau dasar css jika itu adalah rangkaian gaya utama yang Anda buat untuk situs web Anda. (Dreamweaver akan menambahkan ekstensi css wajib di akhir nama file.)

7Simpan Gaya Anda.

Tinggalkan URL seperti apa adanya dan daftar drop-down Relative To ke Document. Klik Simpan.

Anda telah membuat yang baru. css file, atau stylesheet eksternal. Kotak dialog Definisi Aturan CSS muncul di tempat Anda dapat lebih menyempurnakan lembar gaya baru Anda.

Pembuatan Gaya Kelas 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 ...