Video tutorial ini akan memandu Anda melalui proses membangun sebuah halaman web dari awal. Hal pertama yang perlu Anda lakukan adalah untuk men-download aset proyek. Kemudian, bersama-sama, kita akan mendefinisikan situs di Dreamweaver sehingga dapat membuat link yang benar untuk gambar dan halaman lainnya. Jika Anda terjebak selama tutorial ini, meminta kami untuk bantuan di forum kami. Mari kita mulai dengan mendirikan proyek Anda dalam Dreamweaver. Membangun struktur halaman dan menambahkan teks. Kecepatan Dreamweaver panel Insert up membangun halaman web dengan menciptakan semua kode HTML untuk Anda. Namun, masih meninggalkan Anda memegang kendali dengan memungkinkan Anda untuk memilih elemen yang paling tepat dan di mana untuk menempatkan mereka. Setelah membangun struktur HTML halaman, kita akan copy dan paste isi teks dari file rich text format. Menggunakan Tempel Khusus mengkonversi format rich text format dan dokumen Microsoft Word ke HTML, menghemat waktu dan usaha. Tambahkan gambar dan link. Sudah waktunya untuk mencerahkan halaman dengan beberapa gambar. Gambar header besar, sering disebut sebagai "gambar pahlawan", akan meregangkan lebar penuh halaman, tetapi gambar yang lebih kecil akan disertai dengan keterangan menggunakan elemen HTML5. Kami juga akan menambahkan link ke halaman lain di situs kami dan situs eksternal. Sekarang untuk sentuhan gaya. Apa yang Anda telah membangun mungkin menjadi halaman web fungsional, tapi itu sedikit itik buruk rupa. Pada langkah 4, kita akan melampirkan sebuah style sheet dengan satu set gaya standar dasar. Kemudian kita akan memperbaiki tampilan judul menggunakan Edge Web Font, dan membuat tata letak dua kolom menggunakan CSS Designer, alat Dreamweaver untuk visual styling halaman web Gaya panel navigasi. Di masa lalu, membangun sebuah bar navigasi yang terlibat menggunakan program grafis terpisah untuk membuat beberapa gambar untuk setiap tombol. Sekarang, Anda dapat melakukan semuanya tanpa gambar hanya dalam HTML dan CSS menggunakan Dreamweaver untuk membuat beberapa aturan gaya sederhana. Pada langkah ini, kita akan membuat daftar menu kami bullet tampilan dan berperilaku seperti bar navigasi horisontal. Jadi, kami telah pergi dari nol ke halaman web yang elegan dalam lima langkah yang relatif sederhana. Tapi tunggu ... Ada bonus. Video Bonus: positioning Absolute dan sudut bulat. Dalam langkah bonus, kita akan mengungkap rahasia menempatkan kotak teks persis di mana Anda inginkan di atas gambar (atau elemen lain). Kami juga akan melihat bagaimana cara menambahkan sudut dibulatkan ke latar belakang dalam hitungan detik.