Karena banyak teman yang bertanya tentang cara memotong gambar, dan karena masalah ini bisa besar atau kecil, sangat tidak mungkin untuk menjelaskannya dengan jelas dalam satu atau dua kalimat, jadi saya akan memberikan contoh sederhana untuk menggambarkan masalah ini ketika saya punya waktu luang. waktunya di rumah hari ini! Oke, mari kita mulai:
langkah 1: Buka draf desain di PhotoShop, seperti gambar di bawah ini
Pilih alat pengiris pada papan alat, dan buat potongan tebal terlebih dahulu! Tips: Potong sebagian besar blok warna menjadi satu bagian secara terpisah, dan jaga agar tetap serapi mungkin pada garis horizontal (Anda akan mempelajari lebih lanjut tentang ini) masalah di halaman produksi selanjutnya) Perasaan) Gambar yang dipotong adalah sebagai berikut:
langkah 2: Pilih simpan file untuk web... di PhotoShop untuk menghasilkan keluaran.
Mari kita lihat bagian 1, 2, dan 3 yang ditandai dengan garis merah. Pilih alat pengiris yang ditunjukkan pada 1, lalu klik pada gambar yang ditunjukkan pada 2, dan pilih nilai warna di tempat yang ditunjukkan pada 3. Jika warnanya tunggal, Anda dapat memilih bit nilai warna sekecil mungkin; (Mengapa ini??) Jawaban: Ini akan sangat mengurangi ukuran file dan pada saat yang sama menjaga warna gambar dengan lebih baik setelah pengaturan itu, klik OK untuk menampilkan file. File di sini menyertakan folder htm dan gambar, seperti yang ditunjukkan pada gambar:
Halaman Anda baru setengah selesai pada saat ini. Selanjutnya, buat situs di Dreamweaver:
langkah 3: Tentukan situs:
Beri nama situs pada nama situs di sebelah kiri gambar, misalnya
Kemudian pilih semua folder situs yang baru saja kita ekspor ke folder root lokal di bawah ini; setelah situs dibangun, kita akan melihat di peta situs:
(Mengapa membangun situs web?) Membangun situs web memungkinkan kita mengembangkan kebiasaan yang baik, yaitu menyatukan file dan folder yang terdapat dalam situs web secara teratur. Pada saat yang sama, kita dapat dengan mudah memindahkan situs ke tempat lain ..tempatkan tanpa menulis ulang jalur file! (Tentu saja, jika Anda benar-benar tidak ingin membangun situs, tidak ada yang akan memaksa Anda. Saya pernah bertemu rekan-rekan seperti itu dalam pekerjaan saya. Mereka tidak terbiasa membuat situs untuk halaman )
langkah4: Buat ulang tabel halaman (mengapa?) Biasanya file htm yang diekspor langsung di photoshop tidak dapat langsung digunakan, karena beberapa tempat perlu disesuaikan saat digunakan sebenarnya, seperti tempat dengan teks dinamis, kita perlu menambahkannya ke halaman. Jika halaman input tidak menggunakan gambar, maka gambar tersebut harus diambil. Jika Anda menghapus gambar yang tidak diinginkan dan menambahkan hal-hal yang Anda inginkan di htm yang dibuat secara langsung , Anda akan menemukan bahwa halaman tersebut akan menjadi buruk, dan seluruh halaman mungkin menjadi kacau balau!
Oke, mari kita analisis dulu file htm yang diekspor:
Berdasarkan tabel di halaman ini, kita membuat tabel dengan tiga baris dan satu kolom di halaman baru:
Perhatikan bahwa sangat penting untuk mengatur nilai cellpadding, cellpacing, dan border ke 0 karena kita tidak ingin melihat celah dan ketidaksejajaran pada gambar; dan gabungkan tabel tiga kolom kiri, seperti yang ditunjukkan pada gambar:
Saat menyisipkan tabel, Anda harus memperhatikan perbandingan konten dalam file htm asli dan memikirkan mengapa Anda melakukan ini;
Selanjutnya, sisipkan tabel dengan dua baris dan dua kolom pada baris kedua, gabungkan kisi kiri seperti di atas, dan sisipkan tabel satu baris, lima kolom pada baris pertama kisi kanan seperti yang ditunjukkan:
Terakhir, masukkan tabel dengan tiga baris dan dua kolom di baris bawah, dan gabungkan item 1 dan 2 pada gambar:
Oke, sekarang tugas kita adalah menambahkan gambar dan konten ke tabel! Saya tidak akan menjelaskan secara detail di sini! (Sebenarnya, sudah cukup dikatakan!)
Saya juga ingin mengingatkan semua orang bahwa saat menambahkan gambar dan konten, tabelnya unit Dua atribut align dan valign sangat penting. Anda harus berusaha keras menggunakannya untuk membantu Anda melakukan sesuatu. Oke, latihlah sendiri!