Sebelum kita mulai membuatnya, mari kita analisa halaman ini terlebih dahulu. Lihatlah apa yang digunakan di halaman ini.
□Judul "Halaman Beranda Saya" di bagian atas halaman web adalah paragraf teks.
□Di tengah halaman web ada gambar.
□Pesan selamat datang di bagian bawah adalah paragraf teks.
□Latar belakang halaman web berwarna ungu tua.
Setelah memahami struktur halaman web ini, kita bisa mulai membuatnya.
Pertama jalankan Dreamweaver dan pastikan Anda telah membuat situs web (direktori root) menggunakan pengelola situs.
Untuk kenyamanan produksi, silakan buka pengelola sumber daya terlebih dahulu dan kumpulkan gambar untuk digunakan di folder gambar di direktori situs web.
[ Masukkan teks judul]
Masuk ke status tampilan desain pengeditan halaman. Dalam keadaan normal, editor defaultnya adalah perataan kiri, kursor berkedip di sudut kiri atas, dan posisi kursor adalah posisi titik penyisipan. Jika Anda ingin menyisipkan teks di tengah, klik tombol Tengah di panel properti. Mulai metode masukan bahasa Mandarin dan masukkan empat kata "Halaman Beranda Saya". Tidak masalah fontnya kecil, kita bisa mengaturnya.
[Atur format teks] Pilih teks dan atur format font ke font default di panel properti di atas. Dan pilih "B" untuk membuat font menjadi tebal.
[Atur warna teks] Pertama pilih teks, klik ikon pemilihan warna di panel properti, dan gunakan pipet untuk memilih warna di pemilih warna pop-up.
[Atur judul dan warna latar belakang halaman web]
Klik menu "Ubah" dan pilih "Properti Halaman". Sistem memunculkan kotak dialog properti halaman (seperti yang ditunjukkan di bawah)
Silakan isi judul "Halaman Beranda Saya" pada kotak masukan judul.
Mengatur warna latar belakang: Latar belakang halaman web dapat berupa gambar atau warna. Dalam hal ini warnanya. Buka pemilih warna latar belakang seperti yang ditunjukkan di atas untuk memilih. Jika Anda ingin mengatur latar belakang suatu gambar, klik tombol "Jelajahi" untuk gambar latar belakang. Sistem akan memunculkan kotak dialog pemilihan gambar. Pilih file gambar latar belakang dan klik tombol OK.
Dalam keadaan tampilan desain, klik mouse di ruang kosong di sebelah kanan judul "Halaman Beranda Saya", tekan Enter untuk mengubah garis, dan ikuti langkah-langkah di bawah ini untuk menyisipkan gambar dan menempatkan gambar di tengah. Anda juga dapat menyelaraskannya ke kiri menggunakan tombol Align Left di panel Properties.
【Masukkan gambar】Pilih salah satu metode berikut:
(1) Gunakan menu Sisipkan: Pilih "Gambar" di menu "Sisipkan", kotak dialog "Pilih File Sumber Gambar" akan muncul, pilih file gambar, dan klik OK. Seperti yang ditunjukkan di bawah ini:
(2) Gunakan kolom penyisipan: Klik tombol objek kolom penyisipan > tombol Pilih, kotak dialog "Pilih File Sumber Gambar" akan muncul, dan pengoperasian selanjutnya sama seperti di atas.
(3) Gunakan panel "Sumber Daya" pada grup panel (seperti yang ditunjukkan di bawah): klik tombol, perluas folder gambar di direktori root, pilih file, dan seret ke posisi yang sesuai di ruang kerja dengan mouse.
Catatan: Untuk kemudahan pengelolaan, kami meletakkan gambar di folder "gambar". Jika gambarnya sedikit, Anda juga dapat menempatkannya di direktori root situs. Perhatikan bahwa nama file harus diberi nama dalam bahasa Inggris atau Pinyin dan huruf kecil, dan tidak boleh dalam bahasa Cina, jika tidak maka akan timbul masalah.
Sebuah gambar dimasukkan. (Masukkan file animasi *.swf, pilih menu "Insert" > Media > Flash).
[Masukkan teks selamat datang]
Klik di ruang kosong di sebelah kanan gambar dan tekan Enter untuk membungkus garis. Masih mengikuti cara di atas, masukkan teks "Selamat datang..." lalu gunakan panel properti untuk mengatur teks.
Simpan halamannya.
Halaman sederhana telah diedit seperti ini.
[Pratinjau halaman web] Tekan F12 di editor halaman untuk melihat pratinjau efek halaman web.
Halaman pertama website, yaitu homepage, biasanya diberi nama index.htm saat menyimpan.
[Ringkasan] Kami membuat halaman web sederhana.
Ada empat konten:
①Pengaturan penyisipan dan penyelarasan gambar;
② Format teks, pengaturan warna dan tebal;
③Mengatur warna latar belakang;
④Pratinjau halaman web untuk melihat efek sebenarnya.
Tidak hanya harus menguasainya saja, namun juga harus mempraktekkannya berulang kali.