Dreamweaver selalu menjadi alat desain web yang disukai oleh banyak netizen. Selain kemampuan produksi efek dinamisnya yang kuat, antarmuka pengoperasiannya yang nyaman dan ringkas juga unik. Di bawah ini kami akan mengambil Dreamweaver4 versi terbaru sebagai contoh dan mengajukan pertanyaan secara sistematis. Mari kita perkenalkan beberapa masalah dan teknik yang sering ditemui dalam proses desain.
Catatan: Untuk kenyamanan, di bawah ini kami akan mengurangi semua representasi Dreamweaver menjadi DW.
1> Bagaimana cara memasukkan spasi di DW?
Masalah memasuki ruang sepertinya sudah menjadi persoalan lumrah di DW. Kita mungkin sudah sering melihatnya di banyak buku atau artikel yang memperkenalkan penggunaan DW.
Pembatasan input spasi di DW adalah untuk status teks "setengah lebar", sehingga dapat dihindari dengan menyesuaikan metode input ke mode lebar penuh. Caranya adalah: buka metode input berbahasa Mandarin (ambil kecerdasan buatan ABC sebagai Misalnya), tekan Shift + Spasi untuk beralih ke status lebar penuh, sekarang seharusnya sudah baik-baik saja.
Selain itu, Anda juga dapat mencapai tujuan memasukkan spasi melalui banyak metode "solusi". Misalnya, yang umum digunakan adalah:
langsung menambahkan kode HTML " " yang mewakili spasi dalam kode sumber setelah memasukkan objek teks tertentu; panjangnya, lalu sesuaikan warna teks Sama seperti warna latar belakang saat ini, dll., namun perhatikan bahwa warna terakhir mungkin menampilkan masalah di beberapa browser. (Haha, yang saya gunakan saat itu ditemukan oleh Wang Chenyun!)
2> Bagaimana cara menambahkan ikon kecil khusus di depan bilah alamat browser?
Ingatkah Anda bahwa terkadang saat menjelajahi beranda website NetEase, ikon kecil bertuliskan "Mudah" akan ditampilkan di depan WWW.163.COM . Secara default, ikon ini adalah gambar yang ditunjuk dari browser IE. Seperti terlihat pada gambar:
Sebenarnya ini bukanlah teknologi canggih, hanya menambahkan file tertentu ke direktori website.
Kali ini kita perlu membuat file icon terlebih dahulu dengan ukuran 16*16 pixel. Ekstensi file adalah ico dan kemudian diunggah ke direktori yang sesuai. Tambahkan kode berikut di antara file sumber HTML "<head></head>":
<Link Rel="SHORTCUT ICON" href="http://Alamat gambar (perhatikan bahwa ini sesuai dengan direktori tadi) ">
" IKON PINTAS" adalah nama ikonnya. Tentu saja, jika pengguna menggunakan IE5 atau lebih tinggi untuk menjelajah, itu akan lebih sederhana. Cukup unggah gambar ke direktori root situs web dan itu akan otomatis dikenali!
3> Mengapa halaman web saya yang awalnya dirancang dengan baik menjadi jelek dan memalukan ketika jendela browser diminimalkan?
Ini seharusnya menjadi masalah yang patut menjadi perhatian semua orang. Dengan kata lain, tidak ada masalah sama sekali saat menjelajahi konten web dalam mode layar penuh. Masalahnya perlahan muncul ketika kita menggunakan perintah perkecil jendela atau mengubah ukuran jendela secara manual. Konten halaman web akan mengambil jendela saat ini sebagai rentang tampilan dan disusun secara berurutan. Misalnya, perbedaan antara "pembungkusan garis otomatis" dan "pembungkusan tanpa garis" di Notepad sama persis.
Untuk mengatasi masalah ini, kita harus mulai dengan tata letak halaman web. Dalam keadaan normal, penentuan posisi konten web sebagian besar dicapai melalui tabel. Oleh karena itu, “kesalahan” masalahnya terletak pada bentuknya.
Silakan lihat tampilan panel properti tabel di bawah ini:
Anda mungkin telah memperhatikan bahwa disediakan dua tipe berbeda untuk opsi pengaturan tinggi dan lebar tabel, persentase dan piksel. Penggunaan persentase akan menyebabkan masalah yang disebutkan sebelumnya. Sesuaikan saja dengan ukuran unit Pixel sebenarnya.
4> Bagaimana cara mengubah pesan prompt di bagian atas saat halaman web ditampilkan?
Saat menjelajahi halaman web, informasi cepat di bagian atas sering kali mewakili konten utama halaman web, membantu pengunjung memahami konten halaman web terlebih dahulu. Sebelum DW4, operasi ini tidak langsung disediakan dalam fungsi. Kami sering menyelesaikannya dengan menerapkan atribut "Judul" di kode sumber. Memasuki DW4 jauh lebih sederhana.
Cukup ketikkan informasi teks yang diperlukan langsung ke dalam kotak masukan "Judul" di bagian atas jendela pengeditan.
5> Bagaimana cara menambahkan batas warna tertentu pada gambar?
Untuk gambar tanpa batas, efek tampilannya cukup buruk bila disisipkan langsung ke halaman web. Ingatlah bahwa menambahkan batas yang memuaskan pada gambar di Microsoft FP cukup merepotkan.
Namun, di DW jauh lebih mudah karena terdapat properti "Border" yang memungkinkan Anda mengatur lebar border secara langsung. Seperti pada gambar:
Setelah lebarnya diatur, pasti Anda akan bertanya, bagaimana dengan warnanya? Tidak ada pilihan warna di panel! Haha sebenarnya ada triknya, gunakan mouse untuk memilih objek gambar. Hati-hati jangan klik untuk memilih, tapi drag untuk memilih. Lakukan saja dengan cara yang sama seperti mengatur warna teks.
6> Bagaimana cara menambahkan informasi cepat untuk gambar dan teks tautan?
Saat kita menelusuri halaman web, saat mouse tetap berada pada objek gambar atau link, terkadang kotak pesan prompt muncul di sisi kanan bawah mouse. Berikan beberapa komentar tentang tujuannya. Dalam beberapa kasus, perannya sangat penting.
Pertama mari kita lihat menambahkan informasi prompt gambar. Pilih objek gambar dan Anda akan menemukan kotak input "Alt" di panel properti. Secara default, kotak masukan ini kosong. Cukup masukkan konten prompt yang diperlukan di sini.
Maka pembuatan petunjuk tautan tidaklah sesederhana itu. Karena fungsi ini tidak langsung disediakan di DW, kita perlu menambahkan kode HTML untuk mencapainya.
Tambahkan atribut "Judul" di <a href="" >. Judul=konten cepat sudah cukup.
7> Bagaimana cara membuat ZIP Anda sendiri atau jenis file lain tersedia untuk diunduh orang lain?
Di mata banyak pembuat halaman web junior, tampaknya menyelesaikan pengunduhan dengan satu klik mouse adalah hal yang sangat "misterius", namun kenyataannya jauh dari itu. Ketika file format apa pun dalam DW yang tidak dikenali oleh browser (selain HTM, HTML, ASP, PHP.PERL, SHTML, dll.) digunakan sebagai target tautan, operasi defaultnya adalah ke. download.Saat
ini, Anda hanya perlu mendownload browser Tulis nama file, lalu buat link ke file target. Hati-hati jangan sampai membuat kesalahan di
direktori halaman web tidak berubah dengan pengaturan ukuran font browser? Seperti yang
kita ketahui bersama, di browser IE Dalam pengaturan fungsi, terdapat fungsi yang memungkinkan Anda dengan bebas mengatur ukuran font konten jendela dengan cara ini kebiasaan pengunjung berbeda-beda, halaman web yang disajikan kepada mereka terkadang berbeda.
Misalnya, Anda mungkin awalnya menggunakan font ukuran 2 dalam desain Anda, namun karena pengaturan browser tambahan pengguna, font tersebut menjadi lebih besar.
Maka solusinya adalah dengan memaksa konten halaman web secara kualitatif ke ukuran tertentu yang sesuai. Artinya, dia tidak diperbolehkan berubah. Persyaratan ini dapat dicapai dengan kontrol wajib atas font melalui style sheet CSS.
9> Buka tautan target sebagai jendela baru?
Buka di jendela baru, seperti namanya, berarti membuka jendela browser lain tanpa menutupi jendela saat ini. Anda dapat <a href="">menambahkan "Target=_blank" langsung ke kode koneksi.
Jika HTML Anda buruk, pengaturan ini juga tersedia di panel properti DW. Saat Anda mengetikkan URL WWW di kotak masukan Tautan, kotak tarik-turun Target di belakang juga diaktifkan secara bersamaan.
Pilih saja "kosong" di bagian atas seperti yang ditunjukkan
pada gambar
.10> Bagaimana mencegah jendela iklan muncul ketika halaman web dimuat, seperti banyak situs komersial.
Hal ini sering terlihat di banyak situs komersial besar. Hal ini dapat dengan mudah diimplementasikan di DW melalui perilaku Behavior.
Karena sedang dimuat, kita dapat memperlakukan seluruh konten halaman web sebagai objek peristiwa. Klik tag "<body>" di sudut kiri bawah jendela pengeditan DW. Saat ini, Anda dapat melihat bahwa semua konten web telah dipilih.
Klik tombol "Perilaku" di "Quick Launchpad" untuk masuk ke panel perilaku, seperti yang ditunjukkan pada gambar:
Pilih item "Buka Jendela Jelajah" Saat ini, Anda juga dapat menyesuaikan gaya jendela, seperti ukuran, retensi tombol alat, dll. Poin lainnya adalah jangan lupa bahwa acara terkait adalah "Onload".
11> Tidak ada "Garis Waktu" di landasan peluncuran cepat saya, apa yang harus saya lakukan?
Setelah DW ditingkatkan ke versi 4, beberapa proyek baru ditambahkan ke landasan peluncuran cepat, seperti Aset dan sebagainya. Pada saat ini, tombol Timelins yang semula di atas telah ditekan.
Tentunya jika Anda ingin menggunakannya sekarang, Anda masih dapat menemukannya melalui menu "Windows"-"Timelines". Tapi bagaimanapun juga, ini tidak senyaman meletakkannya di launchpad. Saat ini, kita bisa menambahkannya melalui pengaturan!
"Edit"-"Preferensi" masuk ke jendela, pilih "panel" di daftar proyek di sebelah kiri, seperti yang ditunjukkan pada gambar,
klik tombol "+" di atas, dan pilih "Garis Waktu" dari daftar drop-down. Saat ini, timeline telah secara otomatis ditambahkan ke konten daftar "Show in Launcher" saat ini, oke. Panel "Peluncur" yang diubah ditunjukkan pada gambar.
Pada saat yang sama, Anda juga dapat dengan bebas memilih opsi tombol yang muncul di panel sesuai kebutuhan Anda untuk meningkatkan efisiensi kerja.
12> Buat halaman web agar dapat di-refresh secara otomatis setiap 5 menit.
Saat menjelajah Internet, kita sering menjumpai beberapa halaman web. Jika tidak ada respons setelah jangka waktu tertentu, maka secara otomatis akan disegarkan. Selain bertujuan untuk mengingatkan pengunjung, jika alamat penyegaran baru bukan URL saat ini, fungsi lompat otomatis diterapkan.
Entah itu penyegaran berulang atau lompatan otomatis. Dalam desain web, semuanya adalah operasi yang sangat praktis. Di bawah ini kami perkenalkan cara membuatnya.
Pilih bagian "Kepala" pada panel "Objek" DW. Perhatikan bahwa secara default, "konten" Common ditampilkan. Seperti yang ditunjukkan pada
gambar, klik tombol "Segarkan" di atas, dan jendela pop-up adalah sebagai berikut:
Ketik waktu tunda penyegaran (satuan: detik) di kotak masukan "Tunda", dan "Tindakan" adalah URL target ditentukan untuk penyegaran. Karena kita sedang me-refresh halaman saat ini, pilih saja opsi menu "Refresh Dokumen Ini".
13> Bagaimana cara menentukan kata kunci (Keyname) suatu halaman web?
Saat pengguna menggunakan mesin pencari untuk mencari halaman web dengan konten yang sesuai, kata kunci memainkan peran yang tidak dapat diabaikan. Sebagian besar server pencarian akan secara otomatis mendeteksi apakah halaman web baru dibuat di jaringan secara berkala dan mencatatnya berdasarkan kata kunci untuk memfasilitasi pertanyaan pengguna.
Tentu saja Anda ingin halaman web Anda muncul dalam daftar permintaan kembali mesin pencari. Saat ini, definisi kata kunci sangatlah penting.
Juga di panel "Kepala", klik
tombol "Kata Kunci" seperti yang ditunjukkan pada gambar, dan jendela definisi akan muncul sebagai berikut:
Cukup masukkan kata kunci yang perlu didefinisikan satu per satu tanda ";", dan tidak ada batasan jumlahnya.
14> Bagaimana cara menyembunyikan beberapa label yang tidak perlu di jendela pengeditan?
Ketika pengguna memasukkan terlalu banyak elemen tak terlihat ke dalam halaman web, deretan label yang sesuai akan ditampilkan di bagian atas jendela pengeditan untuk memudahkan pengguna menemukannya kapan saja. Meskipun tag-tag ini sendiri tidak mempengaruhi efek tampilan di browser, jika jumlahnya terlalu banyak, konten halaman web sering kali harus disejajarkan, sehingga menghambat penyesuaian visual halaman web sampai batas tertentu bagaimana kita bisa menghilangkan hal-hal ini?
Masuk ke panel "Preperence" dan pilih "Invisibel Elements" dari daftar, seperti yang ditunjukkan pada gambar:
Cukup centang "tanda centang" di depan item yang tidak ingin Anda tampilkan, seperti skrip, dll.
15> Susun tampilan browser yang tidak mendukung konten "bingkai"?
Kita tahu bahwa ada banyak jenis browser saat ini, jadi hal pertama yang kita pertimbangkan ketika mendesain halaman web sering kali adalah "Apakah hal ini akan ditampilkan dengan baik di browser yang berbeda?". Bingkai adalah contohnya!
Namun untuk menghindarinya, caranya sangat sederhana, Anda hanya perlu menambahkan konten berikut ke kode sumbernya.
< BODY><noframes> --- Halaman web ini berisi struktur bingkai. Jika Anda tidak dapat menampilkannya secara normal, silakan unduh versi browser baru atau ubah ke browser umum --- < /noframes></ BODY>
16> Cara Mencegah orang lain menempatkan halaman web Anda dalam bingkai?
Beberapa orang yang berniat buruk seringkali mencuri hasil karya orang lain, seperti memasukkan halaman web orang lain yang dibuat dengan cermat ke dalam bingkainya sendiri dalam bentuk subhalaman.
Jadi bagaimana mencegah konten web Anda "dicuri"?
Anda hanya perlu menambahkan konten kode berikut di antara <head></head> kode sumber halaman web:
<script Language="javascript"><!--
if (diri!=atas){top.lokasi=diri.lokasi;}
-->< /script>
17> Bagaimana cara menambahkan komentar?
Konten anotasi, seperti namanya, hanya muncul sebagai konten penjelasan, sehingga tidak akan muncul di halaman web saat browsing. Fungsinya untuk menandai kode-kode tertentu yang penting atau kompleks jika diperlukan agar dapat ditemukan dengan lebih mudah dan cepat.
Masuk ke bagian "Invisibel" pada panel "Objek" (yaitu, elemen tak terlihat) dan pilih tombol Sisipkan "Komentar". Jendelanya adalah sebagai berikut:
Ketik informasi yang diperlukan di "Komentar". Jika Anda kembali ke kode sumber saat ini, Anda akan melihat bahwa operasi ini menambahkan tidak lebih dari sepotong kode dalam format berikut:
<! --Ini isi anotasi yang perlu diisi-->
18> Garis horizontal, kenapa warnanya tidak bisa diatur?
Di DW, ketika menyisipkan garis horizontal melalui menu "Sisipkan" - "Aturan Horisontal", Anda akan menemukan bahwa tidak ada pengaturan warna garis horizontal di panel properti, karena NC paling awal tidak mendukung tag < jam> (kode HTML untuk garis horizontal) ) Atribut COLOR, jadi DW tidak memiliki pengaturan untuk itu.
Seperti terlihatpada gambar
, jika perlu kita hanya bisa langsung memasukkan file sumber untuk melakukan perubahan.
<hr color="Kode warna yang sesuai">
19> Bagaimana cara mengatur fungsi yang dapat menutup jendela saat ini?
Di sini pertama-tama kita dapat memasukkan teks yang digunakan untuk menandai "Tutup Jendela", seret dengan mouse untuk memilihnya, ketik "/" di kotak masukan "Tautan", dan pada saat yang sama potong jendela kode sumber, ketik event -onclick= pada kode link "javascript:window.close(); return false;".
Kode lengkapnya adalah: < a href="/" onclick="javascript:window.close(); return false;">Tutup jendela</a>
Tentu saja, Anda juga dapat mengganti teks "Tutup jendela" dengan objek lain , seperti gambar, tombol, dll.!
20> Bagaimana dengan jendela yang otomatis menutup pada waktu yang dijadwalkan?
Fungsi menutup jendela telah disebutkan di atas, lalu bagaimana penerapan penutupan otomatis sekarang?
Tambahkan kode berikut setelah kode sumber <body>:
< script LANGUAGE="javascript"> <!--
setTimeout('jendela.close();', 10000);
--> </script>
Set Timeout adalah fungsi yang digunakan untuk mengatur waktu tunda, dimana 10000 berarti 10 detik.
21> Bagaimana cara mengubah "bentuk" mouse di browser?
Umumnya mouse muncul dalam gaya "panah" di browser, jadi bisakah kita mengubahnya ke gaya lain yang kita suka?
Mengubah bentuk mouse diimplementasikan di DW melalui "CSS style sheet".
Menu "Teks" - "CSS Style" - "Edit style sheet", jendela pengeditan style sheet akan muncul, Anda juga dapat mengklik tombol CSS Style di quick launch pad untuk menemukannya, sebagai berikut:
klik " Baru ", pilih default "Buat gaya khusus", dan pada saat yang sama buat gaya hanya berlaku untuk dokumen web saat ini di Tentukan di bawah, "Hanya dokumen ini".
Pilih "Memperluas" dari item daftar di sebelah kiri jendela "Definisi Gaya". Pengaturan yang sesuai di sebelah kanan adalah seperti yang ditunjukkan
pada "Kursor" (mouse). Tarik ke bawah untuk memilih bentuk yang sesuai tekan F12 untuk menelusuri. Amati efeknya pada alat. Jika Anda tidak puas, Anda juga dapat memodifikasi gayanya.
22>Bagaimana cara menghilangkan garis bawah di bawah teks tautan?
Setelah kita menyelesaikan pembuatan link, seringkali konten teks link secara otomatis ditambahkan dengan garis bawah di bawahnya untuk menunjukkan bahwa konten tersebut mengandung hyperlink. Jika terdapat banyak link dalam suatu halaman web, tampaknya agak berantakan, sebenarnya kita dapat dengan mudah menghapusnya.
Masuk juga ke jendela "Edit style sheet", klik "Baru" untuk membuat gaya baru, seperti yang ditunjukkan
di bawah ini Tag HTML" yang mewakili hyperlink dalam tag tertentu Tag.a" dan klik OK.
Edit gaya ini, pilih "Jenis" pada daftar di sebelah kiri, dan
centang kotak "Tidak Ada" di "Dekorasi" sebagai berikut, garis bawah teks tautan di semua halaman web akan dihapus.
23> Bagaimana cara membuat mouse “melayang” di atas teks tautan menghasilkan perubahan warna, deformasi, dan efek lainnya?
Saat mengunjungi sebuah situs web, salah satu efek paling umum yang kita temui adalah "respons mouse-over". Yang disebut "respons mouse-over" diwujudkan dalam teks tautan, termasuk mengubah warna dan memodifikasi efek (garis bawah, garis tengah) dan opsi lainnya.
Karena efek ini memainkan peran yang sangat baik dalam menekankan konten target, efek ini diterapkan pada situs web pribadi dan beberapa situs komersial besar (seperti Sina, Sohu, NetEase, dll.).
Pada pertanyaan sebelumnya, Anda sudah mengetahui cara menghilangkan garis bawah pada link, jadi saya tidak akan membahas detailnya di sini. Pertanyaan berikut adalah bagaimana menambahkan proses event respon mouse.
Masuk juga ke jendela "Edit style sheet", klik "New" untuk membuat style baru, bedanya sekarang pilih item terakhir di Type type - "Use CSS selector", pilih "a:hover" di "Selector " menu sebagai berikut
OK, masuk ke jendela gaya pengeditan dan atur warna teks pada item "Jenis" menjadi "merah". Tentu saja, Anda juga dapat menambahkan efek garis bawah saat mouse diarahkan.
24>Bagaimana mencegah gambar latar belakang halaman web bergulir bersama konten?
Gambar latar belakang adalah sesuatu yang sering ditambahkan oleh banyak desainer web. Ketika konten halaman web melebihi satu layar, gambar latar belakang akan bergulir bersamaan dengan konten yang relatif diam ketika bilah gulir ditarik bersama? Tentu saja, Anda dapat masuk ke jendela "Edit style sheet", klik "Baru" untuk membuat gaya baru, pilih "Definisikan Ulang Tag HTML" di TYpe, pilih "Badan" di menu Tag, dan pilih "Latar Belakang" di daftar di sebelah kiri.
Setel "Lampiran" menjadi "diperbaiki"
sebagai berikut
.Dimana gulir mewakili tampilan gulir default.
25> Anda pasti tahu musik latar, bagaimana cara menambahkannya?
Di web tool Microsoft - Frontpage, terdapat fungsi pengaturan musik latar, namun DW jelas tidak melakukan hal tersebut, jadi jika ingin menggunakannya, Anda hanya dapat menambahkannya secara manual di kode sumber.
Sebelum menggunakannya, saya ingin mengingatkan semua orang bahwa saat menggunakan musik latar, Anda harus memperhatikan ukuran file halaman web, dan jangan melupakan satu atau lain hal.
Kodenya adalah sebagai berikut:
<EMBED src="music.mid" autostart="true" loop="2" width="80" height="30">
di mana src menentukan lokasi file musik, dan autostart adalah tindakan setelah file musik diunggah. true berarti mulai memutar secara otomatis, false tidak memutar (nilai default).
26> Bagaimana cara menggunakan garis horizontal untuk membuat garis tipis dengan lebar 1?
Silakan klik di sini untuk melihat metode penerapan (ditambahkan oleh editor)
27> Bagaimana cara menambahkan tanggal perubahan secara otomatis ke halaman web?
Cukup tambahkan kode berikut di antara file sumber <body></body>.
< skrip Bahasa="javascript"><!--
document.write(“Terakhir Diperbarui:”+document.lastModified);
-->Gaya tampilan </script>
di browser adalah: "Terakhir Diperbarui: 2001/8/19"
28> Bagaimana cara mengontrol informasi POPUP pop-up?
Terkadang, ketika kita mengklik sebuah link, akan ada beberapa informasi cepat yang dijelaskan dengan tegas, yaitu pesan pop-up. Misalnya, ketika link belum menyelesaikan produksi halaman konten target, Anda dapat menggunakan informasi POPUP untuk menjelaskannya.
Masukkan teks tautan di lokasi yang sesuai di halaman web, pilih, dan buat tautan di panel properti. Saat masih dipilih, klik tombol "Behavior" di quick launch pad, misalnya:
klik tanda "+" di kiri atas, pilih "Popun message" dari daftar, dan masukkan informasi yang perlu diminta di jendela berikutnya. , seperti yang ditunjukkan pada gambar,
atur acara mouse (Events) dari tindakan ini menjadi klik (onclick). Efek preview pada browser adalah sebagai berikut
29> Bagaimana cara menyembunyikan informasi alamat URL di status bar browser?
Saat menjelajahi web, ketika mouse berada di atas sebuah tautan, alamat target tautan akan secara otomatis ditampilkan di bilah status di bawah. Mengingat masalah keamanan, terkadang kita perlu menyetel ulang ke "nol", yaitu menyetelnya ke kosong.
Sekarang Anda hanya perlu melakukan beberapa trik pada kode link untuk mencapainya, sebagai berikut
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;;; =' none';return true">Pacific Online Academy</a>
30>Bagaimana cara mengubah teks perintah di bilah status?
Secara default, ketika halaman web dimuat, alamat dan informasi lain dari halaman web tersebut akan ditampilkan di bilah status. Apakah Anda ingin membuatnya lebih menarik?
Di panel perilaku DW "Behavior", klik tanda "+" untuk memilih opsi "Text Of Status Bar" di bawah "Set Text Set", seperti yang ditunjukkan pada gambar,
masukkan sesuatu seperti "Selamat datang di situs ini" di " Atur Teks Jendela Bilah Status. Situs Web - Pesan Manajemen Jaringan" dan informasi pesan lainnya.
31> Bagaimana cara menetapkan metode pemrosesan formulir untuk email?
Formulir harus menjadi elemen yang sangat diperlukan dalam fungsi interaktif halaman web. Fungsi formulir disebabkan oleh interaksi informasi, sehingga pemrosesan formulir sering kali melibatkan penggunaan tinggi -bahasa pemrograman jaringan tingkat. Anda mungkin berkata, Wow! Saya tidak bisa memprogram! Tidak masalah, nyatanya, beberapa pemrosesan konten formulir sederhana juga dapat dilakukan melalui email.
Pertama lihat kode berikut:
<FORM name="content" method="post" action="Handler to beused" ></FORM>
Di atas adalah kode sumber HTML dengan bentuk tipikal, di mana METODE menentukan metodenya , termasuk Ada dua jenis: POST dan GET. ACTION adalah handler yang kami sebutkan di atas, yang umumnya dapat diimplementasikan melalui ASP/PHP/CGI.
Lalu bagaimana cara melakukannya menggunakan email? action=mailto:[email protected], sehingga ketika tombol kirim diklik, akan muncul jendela prompt, sebagai berikut:
Klik "OK" dan isi formulir akan dikirim ke kotak surat yang ditentukan.
32> Bagaimana cara membuat tautan email standar?
Yang disebut "tautan email" berarti ketika kita mengkliknya, browser akan secara otomatis memanggil program klien email default untuk mengirim email.
Masukkan kata "PROBLEM MAIL ME", seret mouse untuk memilihnya, alihkan ke panel properti, dan ketik perintah berikut di kotak input LINK:
Mailto: [email protected] ? Subject=surat dari netizen&bc=alamat email lain&bcc=alamat email lain.
Seperti yang ditunjukkan padagambar:
Mailto adalah protokol tautan email, Subjek adalah judul email, bc adalah alamat email yang akan disalin sekaligus, dan bcc mewakili penyalinan buta.
33> Bagaimana cara membuat "tautan kosong"?
Tautan kosong adalah tautan tanpa objek tautan. Dalam tautan kosong, URL target diwakili oleh "#". Artinya, saat membuat tautan, cukup masukkan tanda # di kotak masukan LINK pada panel properti, dan itu akan menjadi tautan kosong.
Munculnya link kosong melibatkan banyak faktor, seperti beberapa halaman yang tidak diselesaikan secara teratur, dan untuk menjaga konsistensi tampilan halaman (gaya link berbeda dengan gaya teks biasa), Anda dapat menggunakannya.
34> Saat mengklik link kosong, halaman sering direset ke halaman atas.
Di browser, ketika kita mengklik link kosong, maka secara otomatis akan mengatur ulang halaman saat ini ke halaman pertama, sehingga mempengaruhi konten bacaan normal pengguna. Tentu saja, kami berharap itu tidak akan berubah.
Saat ini, Anda dapat menggunakan kode "javascript:void(null)" untuk menggantikan tanda "#" yang asli.
35> Bagaimana cara menyesuaikan tautan yang dapat melompat bebas di dalam halaman?
Jika Anda sering berlangganan beberapa majalah elektronik online gratis, Anda pasti sudah familiar dengan "tautan tab" semacam ini. Melalui daftar seperti direktori, Anda dapat dengan mudah melompat ke bagian mana pun di halaman Dirancang untuk halaman web "konten yang sangat panjang".
Pertama-tama tentukan di mana titik tautannya, yaitu di mana ia akan tetap berada setelah layar melompat. Masuk ke bagian "Tak Terlihat" pada panel "Objek", pilih teks target, dan klik tombol "Sisipkan Nama Jangkar". Jendelanya adalah sebagai berikut
Ketik nama tag di "Nama Jangkar" dan klik OK. Garis titik-titik merah akan otomatis muncul di bawah teks untuk membedakannya dari konten teks biasa.
Kemudian Anda dapat membuat link dan memasukkan "#nchor Name (nama tadi)" di kotak input LINK pada panel properti. Tentu saja, jika Anda ingin menunjuk ke lokasi tertentu di halaman lain, Anda juga bisa meletakkan ekor kecil ini di sana.
36> Apa yang harus saya lakukan jika saya membuat banyak tautan pada satu gambar sekaligus?
Masalah ini yang biasa kita sebut dengan "Image HOT". Tentu saja di DW ada nama lain yang disebut "Image Hot Area".
Pilih gambar. Saat ini, ada toolbar "Peta" di sudut kiri bawah panel properti. Di sebelah kanan ada tiga tombol untuk menggambarkan area yang berbeda.
Alat persegi panjang digunakan sebagai contoh pada gambar , mouse tetap pada gambar, itu akan ditampilkan dalam bentuk "+", yang berarti Anda dapat menyeretnya ke kiri dan kanan. Setelah selesai,
Anda dapat menyelesaikan pembuatan tautan beberapa area hotspot. Perhatikan bahwa area tidak boleh tumpang tindih.
37> Bagaimana cara membuat gambar flip yang dapat merespons kejadian mouse?
Di banyak halaman web, kita sering melihat beberapa judul kolom, yang dapat berubah menjadi judul lain saat mouse diarahkan ke atasnya. Faktanya, banyak di antaranya diperoleh dengan menggunakan dua gambar berbeda, yang disebut efek "flip picture".
Tentu saja, Anda harus menyiapkan dua gambar dengan ukuran yang persis sama terlebih dahulu untuk memastikan tidak ada ketidaknyamanan visual saat membalik. Klik "Rollover Image" pada panel "Object"
untuk memunculkan jendela "Rollover Image Settings", sebagai berikut:
masing-masing Klik tombol "Jelajahi" untuk menentukan alamat "Gambar asli" dan "Gambar Rollover". Pastikan untuk memilih kotak centang "Preload Rollover image" di bawah, jika tidak, akan ada penundaan pengunduhan tertentu saat mouse digeser. selesai. Efek.
38> Bagaimana cara membuat gambar “terbang melintasi langit”?
Di beranda banyak situs komersial besar, Anda akan sering melihat banyak gambar iklan mengambang bolak-balik. Setelah mengklik, Anda dapat menautkan ke alamat yang ditentukan.
Pertama masukkan gambar target ke halaman web, pilih sekaligus, klik tombol "Timelins" di quick launch pad untuk masuk ke jendela "Timeline", seperti yang ditunjukkan pada gambar:
Klik kanan posisi 1frame di garis waktu dan pilih "Tambahkan Objek". Bilah warna biru (default 1-15 bingkai) akan muncul di garis waktu. Hentikan kamera pada 15 bingkai dan pindahkan gambar pada halaman ke posisi akhir gerakan.
Sekarang animasi gerakan sederhana sudah selesai, Anda dapat menyesuaikan kelengkungan jalur dengan menambahkan bingkai utama di tengah. Klik tombol panah kanan di atas untuk melihat pratinjau efeknya.
39> Bagaimana cara membuat gambar "ditangguhkan secara statis" di halaman?
Yang disebut "suspensi statis" berarti bahwa gambar selalu berusaha untuk tetap berada pada posisi tertentu pada halaman web, sehingga secara visual terasa seperti "berjalan" dengan halaman tersebut, seolah-olah ditangguhkan.
Realisasi efek ini dicapai melalui javascript, yang umumnya memerlukan tingkat kemampuan pemrograman tertentu. Untungnya, DW menyediakan plug-in tetap untuk menciptakan efek ini, sehingga lebih sederhana.
Pertama, Anda harus mengunduh plug-in stav, /u/info_img/2009-05/31/stav.zip, dan mendekompresi dua file di dalamnya (termasuk file gambar Cross Browser Static Division.gif dan file halaman web Cross Browser Divisi Statis.htm) disalin ke direktori instalasi DW ConfigurationObjectsCommon.
Mulai ulang DW. Di panel Objek, Anda akan melihat ada item SI di bagian bawah. Pilih dan atur jarak dari lapisan mengambang ke atas dan kiri di jendela pop-up, lalu masukkan Just the yang ditentukan. konten (gambar di sini).
40> Bagaimana cara membuat konten teks dan gambar hidup berdampingan?
Kita semua tahu bahwa di DW, objek gambar seringkali menempati satu baris, sehingga isi teks hanya dapat ditempatkan pada garis yang sejajar dengannya. Bagaimana teks dapat ditampilkan di sekitar gambar?
Pilih gambar, dan Anda dapat melihat menu properti "Sejajarkan" di sudut kanan atas panel properti. Pilih
"Kiri" seperti yang ditunjukkan pada gambar sisi kanan gambar.
41> Bagaimana cara menghubungkan beberapa jendela?
Desain panel selalu menjadi fitur utama DW. Di versi DW4, sudah cukup banyak panel yang digunakan.
"Koneksi jendela" adalah fungsi teknis yang dapat disesuaikan oleh semua orang. Sederhananya, ini berarti Anda dapat menempatkan dua panel atau lebih ke dalam satu jendela sesuai kebutuhan.
Klik dan seret bilah Tab dari satu panel ke dua panel. Saat Anda melihat batas hitam,lepaskan
mouse. Saat ini, kedua panel telah digabungkan menjadi satu
halaman web Sembunyikan sesuatu?
Dalam desain web, terkadang kita perlu memasukkan beberapa konten yang tidak perlu ditampilkan, seperti sistem statistik lalu lintas, sistem analisis akses pengguna, dll. Saat ini, kita harus mempertimbangkan cara menyembunyikannya bahwa kehadirannya tidak akan mempengaruhi tata letak elemen halaman web lainnya.
Klik tombol "Lapisan" di panel "Objek", seret mouse untuk membuat layer baru, dan masukkan semua konten yang perlu disembunyikan ke dalamnya, seperti yang ditunjukkan pada gambar:
Klik kotak kecil di kiri atas lapisan untuk menandainya sebagai dipilih. , dan pada saat yang sama beralih ke panel properti, atur nilai Vis ke "Tersembunyi", seperti yang ditunjukkan pada gambar:
Wow! Semua konten benar-benar hilang
43> Bagaimana cara membuat menu drop-down sederhana?
Menu tarik-turun sangat umum di halaman web. Karena dapat sangat menghemat ruang halaman web, menu ini terutama digunakan dalam situasi di mana banyak objek perlu dicantumkan, seperti daftar tautan teman, alamat situs web kooperatif, dll.
DW menyediakan metode produksi yang sangat sederhana, sehingga kita tidak perlu menulis kode-kode membosankan tersebut!
Masuk ke bagian "FORMULIR" pada panel "Objek", seperti yang ditunjukkan pada gambar:
klik tombol "Sisipkan Menu Lompat" untuk memunculkan jendela pengaturan "Menu Drop-down":
masukkan nama item menu di "Teks "; ketikkan URL di "Buka URL" Atau gunakan tombol Telusuri untuk memilih. Klik tanda "+" atas untuk memasukkan item menu baru, dan semua item akan ditampilkan di "Item Menu".
44> Bagaimana cara membuat garis tipis dengan lebar 1?
Di DW, meskipun garis horizontal muncul dalam bentuk "garis", ketika membuat garis tipis, itu tidak berkinerja memuaskan, terutama karena terlalu tebal dan tidak memiliki kelezatan yang diperlukan!
Kemudian kita dapat mengadopsi metode yang fleksibel untuk mengimplementasikannya melalui penerapan tabel.
Masukkan tabel dengan 1 baris dan 1 kolom ke dalam halaman web, atur "cellpadding" dan "cellpacing" dari tabel ke "0", dan atur "bgcolor" sel menjadi merah. Warna lainnya.
Langkah yang paling kritis adalah memeriksa kode sumber dan menghapus "" di <td> </td>.
45> Bagaimana cara membuat persegi dengan perbatasan 1?
Jelas, kita masih harus menyelesaikan pengaturan tabel sekarang.
Mungkin Anda akan mengatakan, ini tidak sederhana! Cukup buat tabel dengan 1 baris dan 1 kolom, dan kemudian atur nilai "perbatasan" ke 1. Bahkan, meja yang dibuat dengan cara ini sama sekali tidak persegi dengan perbatasan 1, tetapi jauh "tebal"!
Demikian pula, pertama -tama masukkan tabel dengan 1 baris dan 1 kolom, atur "perbatasan" dan "cellpadding" dari tabel ke "0", dan atur "sel cellpacing" menjadi "1". Atur "bgcolor" dari meja menjadi merah (yaitu warna perbatasan), dan atur "bgcolor" sel menjadi putih (yaitu, warna latar belakang yang sama). Efeknya adalah sebagai berikut:
46> Cara mengatur browser yang berbeda untuk mengembalikan halaman yang berbeda?
Browser yang berbeda mendukung berbagai teknologi dan efek. Oleh karena itu, halaman web yang kami desain tidak dapat ditampilkan dengan benar atau optimal di semua browser. Pada saat ini, lompatan untuk menentukan browser diperlukan.
Ketika pengguna membukanya dengan berbagai jenis atau versi browser, halaman yang berbeda dapat dikembalikan untuk memastikan penelusuran normal pengguna.
Klik tombol "Perilaku" di landasan peluncuran cepat, klik tanda "+", dan pilih "Periksa Browse" di daftar drop-down
.
47> Bagaimana cara membuat objek yang dapat diseret di mana saja di halaman web?
Saat mengunjungi situs web, Anda sering melihat banyak elemen yang dapat diseret dengan mouse, kebanyakan gambar.
Efek ini dicapai melalui perilaku "drag layer" dari lapisan .
48> Cara Menambahkan Lembar Gaya Eksternal (CSS) ke halaman Web
. Referensi CSS eksternal diimplementasikan melalui tag <nink>.
Tag <link> termasuk href; type; pengaturan atribut rel. Di antara mereka, HREF: URL alamat yang digunakan untuk mengkalibrasi file halaman gaya;
49> Apa tujuan mengatur pangkalan (alamat dasar) dari halaman web?
Di bagian "kepala" dari panel "objek", ada tombol yang disebut "basis", yang digunakan untuk mengatur alamat dasar situs web.
Seperti yang kita semua tahu, metode tautan yang kita gunakan di DW relatif, tidak absolut.
Namun, kadang -kadang kita hanya membutuhkannya untuk tidak berubah, yaitu untuk memaksanya menggunakan alamat tetap, klik tombol "Pangkalan", seperti yang ditunjukkan pada gambar:
ketikkan URL alamat dasar di "href", dan klik "Ok" untuk membuatnya efektif.
50> Bagaimana cara menemukan konten secara akurat di halaman web?
Ini adalah pertanyaan keterampilan ilustrasi, jadi kami menaruhnya di akhir 50 pertanyaan. Saat ini, penentuan posisi konten halaman web DW terutama dicapai melalui tabel dan lapisan.
Tabel ini terutama menggunakan setiap sel untuk melengkapi tata letak konten yang berbeda. Terlepas dari semua browser bersifat universal dan tidak ada dukungan teknis.
Secara relatif, menggunakan lapisan lebih santai. Satu -satunya hal adalah bahwa lapisan hanya didukung dalam versi browser yang lebih baru, tetapi menilai dari situasi saat ini, seharusnya tidak ada hambatan!