Bagaimana Membina Laman Web Responsif Berbilang Halaman

Menentukan apa itu laman web responsif, dan bagaimana anda boleh membinanya dengan Dazzly.


Kemas Kini - 07/12/2022 -

Kami kini telah menyediakan sumber video tambahan bertajuk "Laman Web Perkhidmatan - Halaman Perkhidmatan Tunggal (Di Bawah 10 Minit) [2022]" yang merupakan tutorial panduan tentang cara membina laman web responsif berbilang halaman, sila temui sumber ini di bawah:



Kami berharap anda mendapati video ini berguna sebagai sumber utama dalam perjalanan anda untuk belajar bagaimana membina laman web responsif berbilang halaman. Kami menggalakkan anda untuk berkongsi dengan sesiapa sahaja yang berminat.


Apa itu laman web responsif?

Dalam masa kini, apabila anda memerlukan laman web, mungkin mengejutkan bahawa anda memerlukan jaminan tentang bagaimana ia akan kelihatan dan berfungsi pada pelbagai peranti komputer. Seperti yang anda tahu, laman web perlu fleksibel dan mampu menyesuaikan penampilannya untuk sepadan dengan peranti pengguna. Jika anda menggunakan skrin peranti mudah alih yang sangat kecil, maka laman web anda perlu dapat menunjukkan pandangan ringkas tajuk, imej anda dan masih mempunyai laluan yang jelas ke halaman dalaman yang lebih informatif. Jadi apabila anda ingin mencipta laman web atau mencari pereka laman web, maka anda perlu memastikan anda mendapatkan laman web responsif – atau laman web yang akan bertindak balas kepada pelbagai saiz skrin dan model peranti komputer atau mudah alih.

Merriam-Webster mentakrifkan responsif sebagai – “memberikan tindak balas: merupakan tindak balas” definisi ini mungkin mendahului keperluan moden untuk reka bentuk laman web responsif, tetapi mereka juga menambah “cepat bertindak balas atau bertindak dengan sesuai atau bersimpati” dan “menggunakan tindak balas” yang nampaknya tepat dalam konteks ini [1].

Saiz skrin biasa untuk komputer desktop ialah 1920x1080, selalunya dengan desktop rumah dan perniagaan mempunyai pelbagai monitor (nasib baik sesuatu yang kita tidak perlu sering pertimbangkan, lagi). Dengan tablet, anda boleh menjangkakan resolusi skrin seperti 768x1024 dan dengan peranti mudah alih lain anda boleh mendapatkan resolusi sekecil 414x896 [2]

Metodologi reka bentuk laman web responsif ditakrifkan sebagai menggabungkan pengetahuan dan pengalaman berasaskan responsif ke dalam keputusan reka bentuk laman web utama dari awal proses. Hasilnya ialah reka bentuk laman web yang komprehensif, boleh disesuaikan yang akan bertindak balas dan menampung kebanyakan peranti mudah alih yang mungkin digunakan oleh pelawat laman web anda.

Apabila menetapkan halaman pendaratan (halaman utama) setiap elemen mesti dipertimbangkan – bagaimana ia akan disusun pada skrin PC besar dan bagaimana kita boleh membuat versi minimum elemen ini yang masih akan berfungsi pada skrin mudah alih. Elemen apa yang tidak perlu segera kelihatan? Elemen apa yang boleh kita pindahkan ke menu untuk menjimatkan ruang skrin yang berharga? Ini adalah jenis soalan yang ditanya oleh pereka antara muka pengguna (UI) profesional kepada diri mereka sendiri dan juga apa yang ditanya oleh pereka perisian dan laman web kepada diri mereka sendiri.

Apabila anda mencipta bahagian baharu di laman web, anda mungkin mempunyai fungsi yang kemas yang akan bagus untuk pengguna desktop, tetapi jika ia bergantung pada elemen antara muka seperti elemen seret dan lepas, ini tidak akan berfungsi pada peranti mudah alih. Jadi, dari awal anda perlu mempertimbangkan sama ada anda boleh menggunakan elemen alternatif untuk mencapai pengalaman yang sama tetapi yang juga akan berfungsi pada semua peranti biasa.


Mengapa anda ingin memastikan laman web anda bertindak balas dan berfungsi pada banyak peranti?

Sebabnya mudah – anda mahu lebih ramai orang mempunyai pengalaman pengguna (UX) yang menyenangkan di laman web anda dan anda mahu mereka kembali dan idealnya menghubungi anda mengenai perkhidmatan anda atau membeli produk. Lebih ramai orang yang boleh mengakses laman web anda, disebabkan oleh responsifnya, lebih besar potensi pesanan terus kepada pengguna yang boleh anda layani. Secara tradisinya, pakar berpengalaman yang tahu cara membina laman web responsif berbilang halaman perlu memastikan pertimbangan di atas sentiasa diingat untuk memastikan semuanya berfungsi dengan betul dan ia memberikan pengalaman pengguna yang hebat. Walau bagaimanapun, seperti yang anda akan lihat sekarang, terdapat beberapa pembina laman web responsif yang tersedia untuk mengambil semua pengetahuan teknikal dan kesulitan ini daripada tangan anda.


Adakah anda memerlukan laman web responsif untuk bersaing dalam talian pada tahun 2022?

Tanpa mengira tahap persaingan dalam pasaran yang anda layani, anda memerlukan perisian pembina laman web responsif untuk mencipta laman web responsif untuk mendahului. Tidak diragukan lagi bahawa mendapatkan keterlihatan, tanggapan dan klik untuk laman web anda di kawasan tempatan anda sentiasa menjadi cabaran pada zaman moden, tetapi dengan menggunakan Dazzly, anda memastikan bahawa laman web anda sudah sedia dibuat dan sentiasa dikemas kini untuk memastikan ia bertindak balas kepada sebahagian besar peranti pengguna di seluruh dunia.

Anggaran semasa menunjukkan bahawa sebahagian besar pengguna laman web New Zealand melayari menggunakan peranti mudah alih mereka [2], oleh itu adalah sangat penting bahawa laman web anda dapat bertindak balas kepada semua saiz skrin yang mungkin digunakan oleh pelawat. Sehingga baru-baru ini pada tahun 2021, tinjauan Pusat Penyelidikan Pew menunjukkan bahawa 15% daripada semua orang tidak mempunyai internet jalur lebar di rumah dan menggunakan peranti mudah alih mereka sebagai gantinya [3]. Kami mengesyaki bahawa orang di rumah kediaman akan mempunyai pilihan internet jalur lebar dan mudah alih, terutamanya di pangsapuri atau kediaman kondominium.

 

8 Langkah untuk Membina Laman Web Responsif Berbilang Halaman

Untuk penerangan yang lebih komprehensif tentang langkah-langkah untuk melancarkan laman web responsif, berbilang halaman, sila rujuk panduan pembina laman web mudah alih kami.

 

1.      Daftar untuk percubaan percuma Dazzly

2.      Pilih templat laman web ‘Service Warrior 2’

3.      Masukkan logo anda, dan warna jenama

4.      Masukkan beberapa foto

a.      Ini boleh dilakukan terus dari peranti mudah alih Android atau iPhone anda untuk kemudahan tambahan.

5.      Taipkan sedikit teks

6.      Tekan ‘Terbitkan’

7.      Tunggu & lihat ‘Laman Web Pratonton’ anda

8.      Muatkan URL Laman Web Pratonton anda pada PC Desktop, Laptop dan peranti mudah alih anda.

a.      Pastikan laman web kelihatan secara visual OK pada semua peranti

b.      Pastikan elemen hubungan utama masih kelihatan/mudah diakses

c.      Uji beberapa perkara untuk memastikan (pemeriksaan kewarasan)


Jika anda tidak mahu melaksanakan langkah-langkah ini dengan segera, sila teruskan membaca untuk tangkapan skrin contoh yang menunjukkan keupayaan responsif laman web ini.


Seperti yang anda lihat dalam angka berikut, pengetahuan tentang cara membina laman web responsif berbilang halaman telah ditangkap dan disematkan ke dalam sistem penciptaan laman web Dazzly supaya anda secara automatik dapat menikmati faedah tanpa perlu melabur bertahun-tahun pengalaman untuk mempelajari kesukaran teknikal dan nuansa. Dazzly sangat berbangga dengan fakta ini dan ingin menggunakan perisian ini untuk membantu sebanyak mungkin perniagaan di New Zealand!


Rajah #1 - Contoh menunjukkan laman web pembinaan yang dibina di Dazzly – ditunjukkan untuk resolusi PC/Desktop

 

Rajah #2 - Laman web pembinaan yang sama ditunjukkan pada Tablet (iPad Air). Perhatikan bagaimana elemen bertindak balas terhadap perubahan resolusi skrin

 

Rajah #3 - Laman web pembinaan yang sama ditunjukkan pada Peranti Mudah Alih (iPhone SE)

a.      Perhatikan sifat responsif laman web dan bagaimana beberapa elemen disembunyikan dari pandangan segera untuk mengekalkan dan menggunakan ruang piksel yang terhad dengan sebaik-baiknya.

b.      Perhatikan tindak balas tambahan laman web dalam mengubah beberapa fungsi seperti melumpuhkan gesaan tindakan panggilan yang akan sangat mengganggu, akan menutup ruang laman web yang boleh digunakan sebelumnya dan akan sangat mengurangkan pengalaman pengguna daripada menikmati laman web ini.


Ini akan menunjukkan kepada anda bahawa, dalam beberapa minit, anda boleh membina laman web berbilang halaman yang bertindak balas kepada pelbagai skrin peranti mudah alih dengan penyelesaian pembuat laman web tanpa kod kami. Tidak kira sama ada anda memerlukan laman web e-dagang atau laman web perkhidmatan berbilang halaman untuk menyerlahkan pelbagai kerja yang boleh anda laksanakan, kini terdapat pilihan pembina laman web responsif yang tersedia.


Kesimpulannya, tidak kira di mana anda berada di New Zealand, anda layak mendapat laman web yang hebat, dan kini anda boleh mempunyai keyakinan bahawa anda tahu cara membina laman web responsif berbilang halaman. Dazzly ialah pembina laman web responsif terbaik – setiap templat dioptimumkan dan dikemas kini secara berkala untuk bertindak balas dengan sebaik-baiknya kepada saiz skrin peranti terkini di pasaran. Jika anda mendapati bahawa laman web anda tidak berfungsi untuk peranti tertentu, kami menggesa anda untuk melaporkannya kepada support@dazzly.co dan kami akan mengeluarkan kemas kini dalam masa terdekat untuk meningkatkan responsif laman web tersebut. Pasukan pembangunan kami sangat serius dan berwaspada tentang kemas kini sedemikian.


Rujukan


[1]        Merriam-Webster – ‘Responsive Definition & Meaning’ (https://www.merriam-webster.com/dictionary/responsive).


[2]        statcounter –‘Desktop Screen Resolution Stats United States of America’ – ‘May 2021 - May 2022’ (https://gs.statcounter.com/screen-resolution-stats/desktop/united-states-of-america).


[3]        Pew Research Centre – ‘Mobile Fact Sheet’ (https://www.pewresearch.org/internet/fact-sheet/mobile/).   Diterbitkan 7hb April 2021. Diakses 18hb Jun 2022.