Cara membuat situs web Anda dinamis
Apakah situs web Anda masih statis seperti biasa? Di antara pertumbuhan geometris saat ini dari situs web internet, sejumlah besar dari mereka masih menempel pada statis dan tidak terlihat tertinggal di balik laju zaman. Yang disebut statis berarti bahwa konten halaman web dari situs web diperbaiki. Dokumen HTML statis. Konten halamannya hanya menggunakan kode HTML standar, dan paling banyak, itu disertai dengan gambar dinamis format GIF89A yang populer, seperti efek animasi dari beberapa anak anjing dan anak kucing yang berlarian. Jika pemelihara situs web ingin memperbarui konten halaman web, ia harus memperbarui semua dokumen HTML secara manual.
Kelemahan fatal dari situs web statis adalah bahwa mereka tidak mudah dipelihara. imajinasi.
Anda tidak dapat membantu tetapi bertanya: Jadi apa itu situs web yang dinamis? Ini adalah inti dari artikel ini.
1. Interaktivitas berarti bahwa halaman web akan berubah secara dinamis dan merespons sesuai dengan kebutuhan dan pilihan pengguna, dan menggunakan browser sebagai antarmuka klien.
2. Pembaruan Otomatis berarti bahwa Anda tidak perlu memperbarui dokumen HTML secara manual, dan halaman baru akan dihasilkan secara otomatis, yang dapat sangat menyimpan beban kerja.
3. Ini berubah dari waktu ke orang, yaitu, ketika orang yang berbeda mengunjungi situs web yang sama pada waktu yang berbeda dan orang yang berbeda akan menghasilkan halaman yang berbeda.
Sekarang Anda memiliki konsep dasar untuk situs web dinamis, Anda harus memilih senjata yang kompeten di sebelah. Ada banyak cara untuk secara dinamis membuat situs web Anda, itu tergantung pada apa kebutuhan Anda. Jika Anda adalah pengelola situs web pribadi Anda dan gunakan ruang beranda gratis, dalam kebanyakan kasus Anda hanya dapat menggunakan java, skrip java dan teknologi DHTML terbaru. Jadilah sangat beruntung bermain dengan teknologi dinamis nyata. Teknologi CGI dan ASP akan dibahas nanti.
Apa sebenarnya DHTML? Apa bedanya dengan HTML tradisional? DHTML adalah ketika halaman web diunduh dari server web dan tidak perlu lagi diproses oleh server, tetapi secara langsung dan dinamis memperbarui konten, gaya tata letak, dan animasi halaman web di browser. Misalnya, ketika mouse pindah ke paragraf artikel, paragraf dapat berubah menjadi biru, atau ketika Anda mengklik hyperlink, direktori sub-hyperlink drop-down akan dihasilkan secara otomatis. Ini adalah HTML dinamis (Dynamic HTML), yang merupakan salah satu inovasi paling menarik dan praktis dalam pengembangan internet yang cepat dalam beberapa tahun terakhir. Ini adalah konsep yang dicapai melalui pengembangan komprehensif berbagai teknologi, termasuk skrip Java, VB0Script, model objek dokumen, lapisan dan lembar gaya cascading (stylesheet CSS), dll. Sangat disayangkan bahwa setelah beberapa pertempuran antara Netscape dan Microsoft IE Browser, kami masih belum menerima standar terpadu untuk dukungan DHTML. Oleh karena itu, artikel ini harus dijelaskan secara terpisah saat memperkenalkan DHTML. Pertama -tama mari kita lihat dukungan Microsoft IE 4 untuk DHTML:
1. Konten Dinamis: Perbarui konten halaman web secara dinamis, dan masukkan, ubah, atau hapus secara dinamis komponen halaman web kapan saja, seperti teks, tag, dll.
2. Lembar Gaya Dinamis: Melalui Lembar Gaya Cascading W3C (jenis huruf yang terhubung, disebut sebagai CSS1 atau CSS), ia memberikan ukuran font, ukuran font, ketebalan, gaya font, dan tinggi garis tag HTML. garis atau garis horizontal tengah, jarak dari tepi, centering kiri atau centering, lekukan, gambar latar belakang atau warna dan fungsi pengaturan huruf lainnya. Gaya tata letak dinamis dapat secara dinamis mengubah gaya tata letak kapan saja.
3. Posisi Dinamis: Melalui Draf Kerja W 3 C tentang penentuan posisi HTML dengan lembaran gaya cascading, ini menyediakan fungsi penentuan posisi komponen HTML dalam sumbu X, Y, dan Z, memungkinkan desainer untuk menempatkan gambar, kontrol, teks, dll. di mana saja di halaman. Dengan menempatkannya pada sumbu Z yang berbeda, perancang dapat menghasilkan efek yang tumpang tindih.
4. Kesadaran data bawaan: Tidak perlu program yang kompleks atau menghabiskan terlalu banyak sumber daya di server, memungkinkan perancang web untuk memproses dokumen secara real time.
5. Dukungan multimedia bawaan: IE 4.0 menggabungkan CSS dan kontrol Activex bawaan untuk menyediakan fungsi dukungan multimedia, termasuk fungsi multimedia seperti efek konversi, efek filter, kontrol jalur, kontrol urutan, animasi, gambar, pemutaran suara dan gambar .
Mari kita lihat dukungan yang disediakan oleh Netscape Communicator 4.0 untuk DHTML:
1. Lembar Gaya Dinamis: Dukungan W 3 C Cascading Style Sheet (Gaya Jenis Tersambung, Disebut sebagai CSS1 atau CSS), dan lembar gaya java skrip buatan sendiri.
2.Dynamic Layers: Menyediakan fungsi pemosisian gambar dan teks, mengubah urutan gambar dan teks yang tumpang tindih, mengendalikan persembunyian atau menampilkan gambar dan teks, dan memungkinkan Anda untuk merancang efek animasi!
3.Dynamic Font: Menyediakan fungsi mengunduh font dari server. Dapat dilihat bahwa meskipun IE 4.0 dan Netscape Communicator 4.0 keduanya memberikan dukungan HTML yang dinamis, pada kenyataannya, kecuali untuk spesifikasi serupa dari cascading style, sisanya sangat berbeda. Oleh karena itu, ketika Anda merancang halaman DHTML, masalah kompatibilitas harus dipertimbangkan sepenuhnya. Penulis akan menjelaskan metode penggunaan dan teknik desain DHTML dengan hati -hati dalam Bab 2 "delapan belas seni bela diri dari desain web dinamis", harap perhatikan dengan cermat.
Mungkin untuk situs web pribadi, penggunaan penuh teknologi DHTML sudah cukup untuk membuat halaman web menjadi hidup dan penuh dinamisitas. Namun, untuk bisnis yang membangun situs web komersial, masih jauh dari cukup untuk memiliki DHTML. Karena efek dinamis yang hanya terjadi pada browser klien tidak dapat memenuhi kebutuhan dinamis situs web komersial seperti sejumlah besar pertanyaan informasi, konsultasi pelanggan, interaksi sumber daya, dll. Oleh karena itu, sebagai perancang situs web komersial, perlu merancang situs web dinamis yang lebih praktis dan interaktif. Karena sebagian besar situs web komersial memiliki sejumlah besar data dan informasi, niat asli membangun jaringan adalah untuk memfasilitasi pelanggan untuk meminta informasi perusahaan, memfasilitasi komunikasi dengan pelanggan, dan mendapatkan umpan balik informasi yang tepat waktu. Kemudian, Anda pasti akan menghadapi cara mengizinkan pengguna untuk menanyakan informasi database Web melalui Internet atau intranet di antarmuka browser, dan bahkan memasukkan, memperbarui dan menghapus informasi di server web. Di bawah ini, saya akan memperkenalkan beberapa metode desain situs web dinamis yang umum digunakan:
1. Metode tradisional CGI (Common Gateway Interface) digunakan untuk melakukan formulir yang dapat dieksekusi yang ditetapkan oleh formulir. Aplikasi CGI, program CGI menganalisis informasi yang dimasukkan dalam formulir (formulir), mengakses database Web, dan mengembalikan hasil eksekusi kueri ke browser dalam format HTML. Menggunakan CGI untuk mengakses basis data web memiliki banyak kelemahan, seperti tidak mudah dikembangkan, biaya perubahan dan modifikasi yang tinggi, fungsi terbatas, tidak mudah untuk mendeteksi kesalahan, kecepatan eksekusi yang lambat, dll., Dan karena tidak terintegrasi ke dalam dokumen HTML, itu harus digunakan sepenuhnya dengan HTML.
2. IDC (Konektor Basis Data Internet) Konektor database Internet adalah salah satu fitur server Windows NT yang berisi Internet Information Server (IIS) 2.0. IIS. Anda hanya perlu menguasai pengetahuan dasar HTML dan SQL dan menulis beberapa kode untuk menyusun aplikasi database interaktif, memungkinkan pengguna untuk meminta, memasukkan, memperbarui, dan menghapus di server web di informasi data antarmuka browser. Seperti yang disukai pemrogram VB, file yang membentuk aplikasi IDC jelas. Siklus pengembangan dan umpan balik yang cepat. Tetapi harga kesederhanaan ini adalah mengorbankan banyak fleksibilitas, yang memaksa Anda untuk melepaskan banyak kontrol atas antarmuka pengguna dan hampir semua kemampuan untuk memverifikasi data. Oleh karena itu IDC hanya cocok untuk aplikasi web sederhana.
3. Objek Data ActiveX (ADO) adalah pilihan terbaik untuk aplikasi database Web.
Apa sebenarnya Objek Data ActiveX (singkatnya ADO)? Activex Data Object Technology memungkinkan Anda untuk menggabungkan dengan halaman server aktif (ASP singkat) untuk membuat konten halaman web yang menyediakan informasi data. Masukkan, perbarui, dan hapus data di server web di antarmuka browser. Ketika browser di sisi pengguna mengisi informasi yang diperlukan untuk memasukkan formulir dan menekan tombol kirim, permintaan HTTP ditransmisikan ke server web melalui internet dan intranet. di server web (nama akhiran) untuk dokumentasi ASP). Dokumen ASP adalah dokumen teks biasa yang mencakup: tag HTML, kode program bahasa VBScript atau JScript, sintaks ASP, dan instruksi SQL bahasa kueri terstruktur. Eksekusi server web IIS3.0/4.0. ADO memiliki keunggulan penggunaan yang mudah, pengembangan dan eksekusi yang cepat, lebih sedikit sumber daya sistem, dan ruang disk kecil.
Di atas adalah teknologi dinamis yang biasa digunakan dalam merancang situs web komersial. masa depan. Oleh karena itu, dalam bab kedua artikel ini, "delapan belas seni bela diri dari desain web dinamis", penulis akan menjelaskan penggunaan ADO dan ASP, jadi tetaplah disini.