Video: Full Video, Web Design Dasar, Dreamweaver Photoshop Wamp Tutorial 2024
Membuat halaman web di Adobe Creative Suite 5 (Adobe CS5) Dreamweaver adalah tugas yang mudah. Memahami HTML dasar yang diciptakannya memerlukan sedikit penjelasan. Halaman web bisa serumit atau sesederhana yang Anda inginkan dan kedua jenis itu sama efektifnya jika dibuat dengan benar.
Dreamweaver bekerja di latar belakang untuk memastikan bahwa halaman baru Anda bekerja di hampir semua browser web umum versi terbaru, seperti Firefox, Internet Explorer, dan Safari. Banyak kode dibuat untuk membantu web browser mengenali bahwa ini adalah HTML dan versi HTML yang digunakannya.
Secara default, Dreamweaver menggunakan XHTML 1. 0 standar Transisional setiap kali Anda membuat halaman HTML baru. XHTML menggabungkan kekokohan XML (Extensible Markup Language) dengan tag HTML untuk membuat bahasa yang bekerja secara dependably dan konsisten di browser web dan perangkat baru (seperti ponsel dan PDA) sama.
-
Untuk membuat halaman kosong, pilih File → New → Blank Page → HTML → lalu klik Create.
Halaman HTML kosong dan tidak berjudul muncul. Ini tidak memiliki format sampai Anda menambahkan tabel atau lapisan.
-
Ketik beberapa teks (katakanlah, nama Anda) pada halaman dan klik tombol Kode pada toolbar Dokumen.
Saat mengetik di halaman dalam dokumen, teks muncul di halaman web. Tapi ada lebih dari itu.
-
Pilih tampilan Split dengan mengklik tombol Split pada toolbar Dokumen.
Tindakan ini menampilkan tampilan Desain dan Kode secara bersamaan, sehingga Anda dapat melihat bagaimana perubahan Anda mempengaruhi HTML di belakang layar.
Bekerja dalam tampilan Split membantu Anda melihat bagaimana elemen halaman Anda dibuat dan diformat dengan tag HTML.
-
Pilih teksnya.
-
Pilih opsi Teks dari daftar drop-down Common pada panel Insert.
Misalkan Anda memilih B (untuk bold) untuk menajamkan teks yang dipilih. Dalam tampilan kode halaman Anda, Anda akan melihat bahwa tag telah ditambahkan sebelum teks dan tag ditambahkan setelah teks itu.
Anda dapat mengubah orientasi dan pengaturan tampilan di Split View. Untuk mengalihkan tampilan Desain dari kanan ke kiri, pilih View → Design View on Left. Untuk mengatur tampilan secara vertikal, pilih View → Split Vertically. Catatan: Anda dapat membalikkan opsi ini dengan mudah dari pilihan yang sama pada menu View.
