Rumah Media Sosial Cara Membuat Halaman Baru dengan Tata Letak CSS dalam Dreamweaver - dummies

Cara Membuat Halaman Baru dengan Tata Letak CSS dalam Dreamweaver - dummies

Video: CSS Layouting - #7 Box Model : Membuat Website Sederhana 2025

Video: CSS Layouting - #7 Box Model : Membuat Website Sederhana 2025
Anonim

Dreamweaver menyertakan dua Tata letak CSS yang dirancang dengan tag HTML5 yang dapat Anda sesuaikan untuk membuat variasi desain halaman yang tampaknya tak terbatas. Tata letak ini memberi Anda awal yang baik saat Anda membuat halaman baru, dan dirancang untuk bekerja dengan baik di berbagai browser web, sehingga dapat membantu Anda menghindari masalah umum yang disebabkan oleh berbagai cara tampilan web browser HTML5 dan CSS.

Untuk semua alasan ini, Anda harus memulai pekerjaan desain Anda di Dreamweaver dengan tata letak CSS yang dipilih di jendela Dokumen Baru, terutama jika Anda ingin menggunakan HTML5.

Untuk membuat halaman baru menggunakan salah satu layout CSS Dreamweaver, ikuti petunjuk berikut:

  1. Pilih File → New.

    Kotak dialog New Document akan muncul.

  2. Pilih Halaman Kosong dari kolom kiri dan HTML dari kolom Page Type di tengahnya.

    Atau, Anda dapat memilih opsi di bagian bawah bagian Page Type yang sesuai dengan bahasa pemrograman yang digunakan di situs Anda, seperti ASP. NET, PHP, atau ColdFusion, dan kemudian maju ke Langkah 3. (Jika Anda tidak terbiasa dengan opsi pemrograman ini, tetaplah dengan HTML.)

  3. Di bagian Tata Letak, pilih tata letak CSS.

    Perhatikan bahwa saat Anda memilih tata letak CSS, pratinjau tata letak ditampilkan di kanan atas kotak dialog.

  4. Dari daftar drop-down Layout CSS, pilih jenis style sheet yang ingin Anda buat saat merancang halaman:

    • Add to Head buat style sheet internal dan sertakan semua gaya untuk tata letak di area header dokumen baru

    • Buat File Baru buat lembar gaya eksternal baru dengan semua gaya halaman saat Anda membuat dokumen baru dengan disain.

    • Tautkan ke File yang Ada tambahkan informasi style sheet untuk dokumen baru ke style sheet eksternal yang ada.

    Catatan : Anda selalu dapat mengubah bagaimana style sheet diatur nanti dengan memindahkan gaya dari style sheet ke internal eksternal atau dari satu lembar gaya eksternal ke yang lain.

  5. Klik Buat

    Halaman baru dibuat dan dibuka di ruang kerja utama.

  6. Pilih File → Save untuk menyimpan halaman dan style.

    Jika Anda menyimpan gaya dalam lembar gaya eksternal, kotak kedua akan meminta Anda untuk menyimpan lembar gaya secara terpisah. Jika gaya yang terkandung dalam lembar gaya internal, mereka akan disimpan secara otomatis saat Anda menyimpan halaman.

Cara Membuat Halaman Baru dengan Tata Letak CSS dalam 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 ...