TOP

Website dengan Server

Sisi server meliputi (SSI) membantu membuat website Anda mudah untuk mempertahankan. Sebagai situs Anda tumbuh menjadi lebih dan lebih sulit untuk membuat perubahan yang mempengaruhi seluruh situs. Bayangkan menambahkan link baru dari menu dan kemudian memperbarui dan upload semua halaman setiap kali Anda menambahkan halaman baru!
Jika Anda membuat menu menjadi sisi server termasuk, Anda dapat menambahkan link ke include file saja dan meng-upload ke server hosting Anda. Semua halaman situs Anda akan mengakses menu ini mencakup dan karena itu mencerminkan link baru!
Anda dapat membuat yang berbeda termasuk untuk submenu yang berbeda yang akan ditampilkan dalam bagian yang berbeda dari situs Anda - satu untuk bagian pelayanan, satu untuk bagian produk dll Namun Anda harus memastikan bahwa server hosting Anda mendukung SSI dalam rangka untuk itu untuk bekerja. Jika tidak, Anda bisa menggunakan perpustakaan Dreamweaver untuk submenu yang berbeda karena Anda hanya dapat memiliki satu di template.Sebelum Anda Mulai Proyek 3:

   1. Jika Anda seorang pemula pastikan Anda melalui langkah-langkah 1 - 10 dari Dreamweaver CS3 Tutorial sebelum mencoba proyek ini.

   2. Anda harus telah menyelesaikan Proyek 2 seperti yang Anda akan menggunakan file yang sama, atau Anda dapat men-download tugas akhir 2 file dan menentukan lokasi untuk itu dalam Dreamweaver.

   3. Download project3 file akhir (DWCS3_ssi.zip, 32 KB) sehingga Anda dapat melihat di dalam kasus Anda mengalami kesulitan.
Kami akan membuat header, menu dan footer ke sisi server.

    * Buka file template_css.dwt

    * Klik di suatu tempat dalam header. Klik pada <div#header> di bagian bawah jendela dokumen. Potong (Edit Potong>)

    * Membuat halaman html baru (File> New> Halaman Kosong> HTML> <none>
      Masuk ke tampilan kode. Pilih semua kode dan hapus semua kode. Kembali ke tampilan desain. Simpan sebagai file yang bernama "header.html" ke sebuah folder bernama "termasuk" di dalam folder akar.

    * Klik pada gambar logo dan membuat 'relatif ke situs' sumber gambar jalan (tidak relatif untuk dokumen). Sebuah situs path relatif akan selalu dimulai dengan "/". Pada dasarnya ini berarti bahwa jalan ke link atau gambar akan selalu diambil dari akar situs dan tidak relatif terhadap dokumen ini. Hal ini penting karena termasuk dapat digunakan dalam setiap halaman web, sehingga path ke gambar / link, relatif terhadap dokumen, mungkin berbeda sedangkan jalur dari root situs akan selalu tetap konstan. Ulangi untuk setiap gambar atau link.
      Server Side Includes - relatif situs

    * Kembali ke file template. Masukkan header termasuk. Sisipkan> Sertakan Server Side> browse ke folder termasuk dan pilih "header.html"

    * Ulangi proses untuk div menu <# Menu> dan div footer <# footer>

    * Simpan template dan memperbarui semua halaman.

    * Ubah ekstensi halaman dari halaman web untuk. Shtml dari. Html misalnya. about.shtml. Jika halaman web yang bernama dengan ekstensi. Html, termasuk tidak akan muncul dalam browser. Klik yes ketika ditanya apakah link ke halaman-halaman harus diperbarui sesuai.

    * Jika Anda memiliki IIS diinstal pada komputer Anda, Anda dapat menempatkan situs dalam folder Inetpub Anda dan preview dari http://localhost. Jika tidak, Anda akan perlu untuk meng-upload ke server jauh hosting Anda untuk melihat apakah semuanya bekerja dengan baik. Pastikan bahwa server remote mendukung sisi server (SSI).

    * Selamat! Anda mudah untuk mempertahankan situs dengan sisi server (SSI) sekarang hidup!
Untuk membuat situs web Anda hidup Anda akan perlu untuk mendaftar dengan server hosting. Saya sarankan Hostgator yang saya gunakan untuk host situs ini.
Check out tutorial sigap - fitur baru dalam Dreamweaver CS3 yang memungkinkan Anda untuk menambahkan komponen AJAX ke dalam situs web Anda tanpa mengetahui coding AJAX.


Pergi ke Spry Tutorial