Setiap tahun, WordPress semakin beralih dari label “mesin blog” ke situs kartu nama, toko online, dan situs satu halaman. Permintaan pengguna juga berubah.
Hal pertama yang diinginkan pemilik website kartu nama adalah membuat halaman beranda statis, karena... Dialah yang segera memberitahu pengunjung tentang perusahaan, tentang layanannya dan memberikan kesempatan untuk melanjutkan perkenalan mereka.
Dalam tutorial ini kita akan berbicara tentang membuat halaman beranda statis. Akan ada video di akhir! Pergi! 😉
Banyak tema premium (yang dibeli dengan uang) memiliki mekanisme sendiri untuk menyesuaikan halaman utama dan materi dalam instruksi ini mungkin tidak berguna. Harap ingat ini.
Jika Anda tidak dapat mengubah halaman utama sesuai dengan rekomendasi saya, maka Anda harus mempelajari dokumentasi untuk tema Anda; mungkin ada perbedaan dalam pengaturannya. 🙂
Nasihat: Seringkali, saat membuat halaman, Anda memiliki kesempatan untuk memilih template di antarmuka pembuatan halaman. Itu akan mengatakan “Beranda” atau sesuatu yang lain, tetapi dalam semangat itu, secara umum. Harap dicatat, ini mungkin kasus Anda.
Perkenalan
Secara default, WordPress menampilkan N postingan terakhir di halaman utama dalam urutan kronologis terbalik. Format blog biasa, tidak ada yang aneh dan Anda sudah familiar dengannya.
Perilaku ini hampir selalu digunakan di sebagian besar tema gratis. Dengan hanya sedikit pengecualian, tema gratis dapat menjadikan halaman utama menjadi halaman statis, bukan blog.
Instruksi ini hanya diperlukan bagi mereka yang, setelah menginstal tema, menampilkan postingan di halaman utama, dan bukan penggeser, blok layanan, dan elemen non-blog lainnya.
Membuat Halaman
Untuk memasang halaman beranda statis, Anda harus membuatnya terlebih dahulu. Buka menu "Halaman" - "Tambahkan baru", masukkan teks yang diperlukan dan publikasikan.
Ada nuansa di sini: karena Kami menghapus postingan blog dari halaman utama; kami masih harus membuat halaman terpisah yang disebut “Blog”, misalnya. Ini akan digunakan untuk menampilkan entri Anda.
Secara total, setelah operasi ini Anda akan memiliki dua halaman: "Beranda" dan "Blog", Anda dapat memilih sendiri. Saya lebih suka menggunakan "glavnaya" dan "blog", polos dan sederhana.
Mengatur Halaman Beranda
Sekarang tinggal masalah kecil: kita perlu menandai halaman yang baru kita buat sebagai halaman utama. Untuk melakukan ini, buka bagian "Pengaturan" - "Membaca" dan lihat blok pengaturan yang kami minati:
Kami mengalihkan opsi ke "Halaman statis" dan kami memiliki kesempatan untuk memilih halaman baru yang baru dibuat dari daftar halaman. Mari kita lakukan seperti ini:
Kami menyimpan dan pergi ke halaman utama, pastikan bahwa yang ada sekarang bukan catatan, tetapi informasi yang Anda perlukan tentang perusahaan atau proyek Anda. Apa yang kami inginkan! 🙂
Gunakan halaman yang ada
Sebenarnya Anda tidak perlu membuat halaman beranda khusus, tetapi gunakan salah satu halaman yang sudah ada untuk ini, misalnya “Tentang perusahaan” atau “Layanan”. Ini adalah pilihan terbaik untuk situs web kartu nama.
Untuk sebuah blog, ini bisa berupa halaman selamat datang atau tentang penulisnya. Namun saya melakukan sesuatu yang berbeda di blog pribadi saya - saya memodifikasi template sehingga postingan di halaman utama dan salam yang diperlukan dapat terlihat.
Web di Seluruh Dunia
World Wide Web (WWW) adalah jaringan sumber informasi di seluruh dunia. Sumber daya di sini berarti segala informasi yang tersedia bagi pengguna jaringan. Ini bisa berupa dokumen teks sederhana, atau program, arsip, atau semacam layanan untuk pengguna (misalnya, layanan yang menyediakan waktu akurat).
Biasanya, pengguna memahami Internet sebagai sekumpulan situs yang dapat dikunjungi melalui browser dan saling berhubungan melalui tautan (hyperlink).
Ini hanyalah salah satu dari banyak aspek Internet. Namun, ketika berbicara tentang desain web, yang mereka maksud adalah pembuatan situs yang dapat diakses oleh pengguna melalui browser. Oleh karena itu, kami akan fokus secara khusus pada dokumen dalam bahasa HTML.
Sederhananya, browser adalah program untuk menampilkan dokumen HTML. Artinya, saat Anda mengetik situs di bilah alamat, browser mengunduh kode html dan menampilkannya kepada Anda sebagai halaman web. Saat ini browser yang paling populer adalah:
Microsoft Internet Explorer(IE)
· Pemimpin yang tak terbantahkan dalam jumlah orang yang menggunakannya. Menurut berbagai perkiraan, pangsa browser ini adalah 85-95%. Akhir-akhir ini telah disingkirkan oleh Firefox, namun dengan dirilisnya IE7, Firefox mungkin mengalami masalah dalam memenangkan pasar lebih lanjut.
Mozilla Firefox
· Bangkit dari abu Netscape Navigator yang sekarat di akhir tahun 90an, browser ini dengan cepat mendapatkan momentumnya. Popularitasnya adalah gabungan dari dua komponen: open source dan sejumlah besar ekstensi (plugin) yang dapat ditulis oleh siapa pun. Beberapa ekstensi hanyalah mahakarya. Secara pribadi, saya menggunakan ekstensi HTML Validator, yang menunjukkan kesalahan html di web halaman dengan penjelasan rinci tentang kesalahan. Ini sangat membantu saat mengembangkan halaman web.
· Browser yang sangat bagus dari programmer Skandinavia. Gratis dan sangat kaya fitur.
Ada juga sejumlah besar browser yang menggunakan perpustakaan dari Internet Explorer.
Halaman statis dan dinamis
Anda mungkin sudah sering mendengar konsep halaman web statis dan dinamis. Di sini penting untuk memahami dengan jelas apa yang dipertaruhkan dan konsep-konsep ini berlaku untuk apa.
Halaman dibagi menjadi statis dan dinamis sesuai dengan perilaku dokumen di browser. Di sisi lain, konsep-konsep ini sering digunakan dalam pengertian lain. Dokumen juga dibedakan menjadi statis dan dinamis berdasarkan cara pembuatan dokumen tersebut.
Berdasarkan perilaku dokumen di browser pengguna, terdapat:
· Halaman html statis
· Statis - berarti halaman selalu terlihat sama, apa pun tindakan pengguna. Misalnya, menu disusun berdasarkan link ke masing-masing halaman, bukan berdasarkan daftar drop-down.
· Halaman html dinamis
· Halaman-halaman ini sudah dapat merespons tindakan pengguna dan berubah. Misalnya, saat Anda mengklik teks, blok teks dengan terjemahan kata tersebut mungkin muncul. Omong-omong, ini adalah bagaimana salah satu plugin penerjemah untuk browser Firefox diimplementasikan.
Dinamika pada halaman web diimplementasikan menggunakan skrip yang dijalankan oleh browser. Banyak elemen bahasa HTML yang mendukung definisi event handler. Misalnya, Anda dapat mengatur pemrosesan event “klik mouse” pada gambar. Kemudian jika pengguna mengklik gambar ini, handler yang ditentukan untuk gambar ini akan dipanggil.
Ini mungkin terdengar sedikit membingungkan, tapi jangan khawatir. Ketika Anda menjumpai ini, segalanya akan menjadi lebih mudah.
Bahasa yang paling umum untuk membuat halaman web dinamis adalah JavaScript. (Jangan bingung dengan bahasa pemrograman Java. Keduanya adalah entitas yang sangat berbeda.)
VBscript (skrip visual basic) lebih jarang digunakan. (Microsoft, seperti biasa, menempuh jalannya sendiri.)
Berdasarkan cara pembuatannya, dokumen dibedakan lagi menjadi statis dan dinamis.
Halaman disebut statis jika berada di server dalam bentuk html.
Dan yang dinamis adalah yang dihasilkan “on the fly” atas permintaan browser.
Seperti yang dapat Anda lihat dengan mudah, jika ada halaman HTML biasa di server, maka pendekatan ini sangat terbatas. Misalnya Anda memiliki toko online dan Anda telah menambahkan produk baru. Jika toko Anda terdiri dari halaman html "statis", maka Anda harus mengedit beberapa halaman lainnya secara manual. Minimal, ini adalah katalog produk dan, mungkin, formulir pemesanan. Jika Anda kehabisan produk, Anda perlu memperbarui situs itu lagi. Ini sangat tidak nyaman. Oleh karena itu, Anda tidak akan menemukan satu pun toko online di html. (Meskipun dimungkinkan untuk membuat sistem yang secara otomatis membuat ulang situs ketika suatu produk berubah. Namun ini bukanlah solusi yang sangat elegan).
Jika situs berisi konten yang sering berubah (konten - informasi di situs), maka skrip yang berjalan di server akan membantu Anda. Dan inilah perbedaan utama antara skrip ini dan skrip yang dijelaskan sebelumnya (yang ditulis dalam JavaScript). Cara kerjanya seperti ini:
1. Browser meminta dokumen dari server
2. Server menentukan bahwa dokumen tersebut adalah skrip dan memulainya untuk dieksekusi
3. Script menghasilkan halaman html
4. Server mengirimkan halaman yang dihasilkan ke browser, sehingga browser tidak mengetahui bahwa skrip telah dijalankan di server.
Ada beberapa bahasa pemrograman yang dapat digunakan untuk menulis skrip yang menghasilkan halaman “dinamis”. Yang paling umum adalah:
7. Kode biner (program C atau C++ dikompilasi menjadi kode yang dapat dieksekusi)
Masing-masing bahasa tersebut memiliki fitur aplikasinya masing-masing. Anda dapat menulis skrip dalam bahasa apa pun. Hal utama adalah mengetahui kekuatan dan kelemahannya dan menggunakannya secara efektif. Saya akan memberi tahu Anda lebih banyak tentang bahasa-bahasa ini di halaman buletin kami. Sementara itu, penting untuk diketahui bahwa ada berbagai bahasa pemrograman yang memprogram situs web dengan konten yang sering berubah.
Biasanya, jika Anda melihat alamat halaman diakhiri dengan .html atau .htm, maka ini adalah halaman statis biasa. (Tentu saja Anda dapat mengonfigurasi server agar menjalankan skrip yang diakhiri dengan akhiran yang sama, tetapi ini tidak praktis. Tetap saja, .html dan .htm adalah standarnya dan Anda tidak boleh mendefinisikan ulang akhiran ini.) Jika Anda melihat akhiran lainnya, kemungkinan besar ini adalah naskah. Misalnya skrip di PHP biasanya berekstensi .php, di Perl - .pl, ASP - .aspx
Jika alamat tidak berisi nama halaman (misalnya, www.neomoon.ru), maka server akan menggunakan dokumen default (biasanya Index.html atau Index.htm atau Index.php).
Harus dikatakan bahwa sistem hybrid kini semakin mendapatkan kekuatan. Namanya seperti nama klub sepak bola Belanda - AJAX yang artinya: Asyncronous JavaScript And XML (Entah apa kepanjangan dari nama klub Belanda tersebut :)). Teknologi ini memungkinkan skrip JavaScript mengakses skrip apa pun di server dan menerima informasi dari server. Hal ini pada gilirannya memberikan fleksibilitas kepada pengguna untuk memuat ulang hanya sebagian konten halaman, bukan seluruh halaman (yang menghemat banyak lalu lintas).
Halaman html statis bukanlah solusi yang sangat fleksibel. Anda sebaiknya hanya menggunakannya jika Anda memiliki konten yang sepenuhnya statis. Misalnya, Anda memposting buku secara online. Buku telah ditulis dan tidak akan berubah. Dalam hal ini, akan jauh lebih efisien dan mudah untuk mendesain buku sebagai dokumen HTML statis.
Jika Anda sering mengubah informasi di situs web Anda, maka Anda sebaiknya memilih menggunakan skrip.
Namun, skrip memiliki satu kelemahan: skrip memerlukan sumber daya tambahan dari server agar dapat berfungsi. Jika Anda hanya perlu membaca halaman html dari server dan mengirimkannya ke browser, maka skrip harus diluncurkan dan dijalankan terlebih dahulu. Selain itu, sering kali skrip menggunakan sistem manajemen basis data (DBMS) untuk menyimpan data yang berubah, sehingga menimbulkan beban tambahan.
Bukankah luar biasa bisa membuat dan memelihara situs web sendiri, tanpa meminta bantuan siapa pun? Selain menghemat uang (bagaimanapun juga, layanan pengembangan web membutuhkan banyak biaya), ini memungkinkan Anda menyelesaikan banyak masalah secara mandiri: membuat halaman web pribadi, situs web perusahaan, toko online, mengimplementasikan proyek menarik - ini bukan sebuah daftar lengkap tentang apa yang dapat dilakukan seseorang yang mahir dalam teknologi pengembangan web.
Setelah membaca buku ini, Anda akan mempelajari apa itu situs web modern, bagaimana konsepnya dikembangkan, apa itu hosting dan nama domain, perbedaan halaman web statis dengan halaman dinamis, bagaimana konten situs dibuat, mengapa diperlukan untuk dioptimalkan, dan masih banyak lagi.teman. Anda akan belajar cara memprogram halaman web secara mandiri menggunakan bahasa markup hypertext HTML, dan juga akan mengenal lebih dekat produk perangkat lunak yang dibuat khusus untuk pengembang web dan memungkinkan Anda membuat situs web lengkap secara otomatis, menghabiskan waktu dan tenaga minimum.
Gaya presentasi yang mudah dan mudah diakses, serta sejumlah besar ilustrasi visual dan contoh praktis, mengubah pembelajaran buku ini menjadi proses yang mengasyikkan, yang hasilnya adalah kemampuan untuk dengan cepat membuat sumber daya web modern yang menarik dan menjalankannya. semua tindakan yang diperlukan untuk mendukung, memelihara dan mengoptimalkannya.
Buku:
Konsep halaman web statis dan dinamis
Sebelumnya kita telah membahas secara singkat tentang apa itu halaman web statis dan dinamis. Di bagian ini kami akan mempertimbangkan masalah ini secara lebih rinci.
Nama halaman statis berbicara sendiri: halaman tersebut menyajikan informasi statis, permanen dan tidak berubah. Atau lebih tepatnya, Anda dapat mengubahnya, tetapi untuk melakukan ini Anda perlu membuat penyesuaian yang sesuai pada kode program halaman tersebut.
Biasanya, file halaman statis dalam format HTML. Pengembang web menulis kode HTML, membuat konten situs, file diberi nama, setelah itu halaman diunggah ke server web dan tersedia untuk pengguna Internet. Misalnya, di situs web perusahaan, halaman statis mungkin berisi informasi tentang sejarah perusahaan, arah utama kegiatannya, dll. Perhatikan bahwa Anda harus memulai pengalaman pertama Anda di bidang pengembangan web dengan membuat halaman web statis. Kita akan membicarakan hal ini lebih detail di bab dasar-dasar pemrograman web menggunakan HTML.
CATATAN
Alamat halaman yang ditulis dalam HTML akan diakhiri dengan karakter setelah titik.
Perbedaan mendasar antara halaman web dinamis dan halaman statis adalah isinya tidak konstan, tetapi dapat berubah. Itu terbentuk tergantung keinginan pengguna, atau lebih tepatnya, berdasarkan permintaan yang dibuat oleh pengunjung dan dikirim ke server web. Seperti yang kami sebutkan sebelumnya, contoh paling umum dari halaman web dinamis adalah halaman dengan hasil pencarian yang dikembalikan oleh mesin pencari (www.google.ru yang sama) berdasarkan permintaan pencarian yang dikirimkan oleh pengguna. Contoh umum lainnya dari penggunaan halaman web adalah toko online: pengunjung, dengan menggunakan opsi, menunjukkan produk mana dan properti apa yang dia minati, mengirimkan permintaan (tombol yang sesuai biasanya ditujukan untuk ini - , dll.), dan setelah beberapa detik muncul di layar daftar barang yang memenuhi kriteria yang ditetapkan. Selain itu, halaman dinamis banyak digunakan di situs lain untuk berbagai tujuan dan orientasi.
Halaman dinamis juga dapat dibuat menggunakan HTML, namun bahasa lain, PHP, lebih cocok untuk ini (terutama karena fungsinya yang lebih luas). Oleh karena itu, format file halaman tersebut tidak lagi HTML, melainkan PHP, dan alamat Internetnya akan diakhiri dengan karakter setelah titik.
Terdiri dari halaman-halaman html statis (htm, dhtml, xhtml) yang menjadi satu kesatuan. Berisi (dalam bentuk markup HTML) teks, gambar, konten multimedia (audio, video) dan tag HTML. Tag dapat berupa tag layanan, ditujukan untuk browser, atau dimaksudkan untuk penempatan, membentuk tampilan dan tampilan informasi. Semua perubahan pada situs dilakukan pada kode sumber dokumen situs (halaman), yang mana Anda harus memiliki akses ke file di server web.
Keuntungan dan kerugian
Keuntungan
- Anda tidak perlu mengetahui bahasa pemrograman web untuk membuat halaman.
- Kemampuan cache halaman yang bagus.
- Kecepatan memuat halaman cepat.
- Persyaratan minimum untuk server web dan beban minimum di dalamnya.
- Mudah untuk ditransfer ke server lain atau komputer lokal.
- Kemampuan untuk melihat file secara langsung di browser, tanpa menggunakan middleware (web server, CGI).
Kekurangan
- Ketidakmampuan untuk menghasilkan konten secara dinamis.
- Ketidakmampuan untuk mendukung pengunjung sepenuhnya (pilihan tampilan, cookie).
- Untuk mengisi situs dengan informasi, Anda perlu mengakses file halaman melalui FTP, atau skrip web pihak ketiga yang memungkinkan Anda mengedit halaman.
- Dengan jumlah halaman (file) yang banyak, jika ada kebutuhan untuk melakukan perubahan serupa (desain, tata letak, penambahan bagian baru), Anda harus menggunakan perangkat lunak (utilitas) pihak ketiga.
Penggunaan masa kini
- Situs web kartu nama - berisi informasi paling umum tentang pemilik situs (organisasi atau pengusaha perorangan). Jenis kegiatan, riwayat, daftar harga, informasi kontak, detail, petunjuk arah. Spesialis memposting resume mereka. Artinya, kartu nama yang detail.
- Katalog produk - katalog berisi penjelasan rinci tentang barang/jasa, sertifikat, data teknis dan konsumen, ulasan ahli, dll. Situs tersebut berisi informasi tentang barang/jasa yang tidak dapat dimasukkan dalam daftar harga.
- Halaman beranda pengguna.
Selain itu, halaman statis sering digunakan sebagai templat untuk situs dinamis.
Sekarang, setelah melihat permintaan/tanggapan secara detail HTTP, mari kita perhatikan berbagai jenis konten (konten apa pun yang bermakna dari sumber informasi) yang ingin Anda lihat di Internet. Saya membaginya menjadi empat jenis - teks biasa, standar jaring, dinamis jaring-halaman dan format yang memerlukan aplikasi atau plug-in lain.
Teks sederhana
Pada awalnya, sebelum standar apa pun muncul jaring atau plugin, Internet terutama terdiri dari gambar dan teks biasa - file dengan ekstensi .txt atau serupa. Ketika file teks biasa ditemukan di Internet, browser hanya menampilkannya apa adanya, tanpa pemrosesan tambahan apa pun. File teks biasa masih umum di situs web universitas.
Standar Web
Komponen dasar World Wide Web adalah tiga standar utama jaring- HTML (atau XHTML, keduanya akan digunakan secara bergantian di sini untuk tujuan kita), CSS dan JavaScript.
Hypertext Markup Language (HTML) sebenarnya adalah nama yang cukup tepat karena menyampaikan tujuannya dengan baik. HTML digunakan untuk memecah dokumen, menentukan konten dan strukturnya, dan menentukan arti setiap bagian (isi seluruh teks, dll., apa yang kita lihat di halaman jaring). Ia menggunakan elemen khusus untuk mendefinisikan berbagai komponen pada halaman.
Cascading Style Sheets (CSS) memberi Anda kendali penuh atas bagaimana suatu elemen dirender. Sangat mudah, dengan menggunakan deklarasi gaya, untuk menampilkan semua paragraf dalam dua baris (tinggi baris: 2em;), atau membuat semua judul tingkat kedua menjadi hijau (warna: hijau;). Ada banyak manfaat memisahkan struktur dan pemformatan, dan kita akan membahasnya lebih detail di kuliah berikutnya. Untuk mendemonstrasikan kekuatan penggunaan HTML dan CSS secara bersamaan, Gambar 3.2 menunjukkan kode HTML sederhana di sebelah kiri, tanpa format tambahan sama sekali, dan di sebelah kanan Anda dapat melihat kode HTML yang sama dengan gaya CSS yang ditambahkan ke dalamnya.
Beras. 3.2. HTML biasa di sebelah kiri, HTML menggunakan CSS di sebelah kanan
Terakhir, bahasa JavaScript menyediakan jaring-lokasi dinamis fungsi. Anda dapat menulis program JavaScript kecil yang akan berjalan di komputer klien tanpa memerlukan instalasi server perangkat lunak khusus apa pun. JavaScript memungkinkan Anda untuk menambahkan jaring-situs memiliki beberapa fungsi dasar dan interaktivitas, tetapi memiliki keterbatasan, yang membawa kita ke bahasa pemrograman sisi server dan dinamis jaring halaman.
Halaman Web Dinamis
Terkadang saat menjelajah Internet Anda dapat menemukan halaman jaring yang tidak menggunakan ekstensi .html - mereka mungkin memiliki .php, .asp, .aspx, .jsp, atau ekstensi aneh lainnya. Ini semua adalah contohnya dinamis teknologi jaring, yang dapat digunakan untuk membuat halaman jaring memiliki dinamis bagian - kode yang menghasilkan hasil berbeda dari database atau sumber data lain bergantung pada nilai yang ditentukan untuknya. Kami akan meninjau halamannya jaring jenis ini di bawah di bagian "Perbandingan". statis Dan dinamis jaring-situs".
