HTML for Kids · Pelajaran

Cara Laman Web Berfungsi

Fahami peranan HTML dalam gambaran lebih besar internet

Pelajaran 2 daripada 410 langkah

Cara Laman Web Berfungsi ialah pelajaran HTML for Kids percuma di CoddyKit. Ini ialah pelajaran 2 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran HTML for Kids, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus HTML for Kids merangkumi sejumlah 4 pelajaran.

Cara Web Berfungsi

Cara Laman Web Berfungsi

Selamat datang ke pelajaran seterusnya! Hari ini, kita akan mempelajari cara laman web berfungsi di sebalik tabir. Pemahaman ini akan membantu anda melihat gambaran besar pembangunan web.

Cara Laman Web Berfungsi — ilustrasi 1

Apakah Laman Web?

Laman web ialah himpunan halaman web yang dihoskan pada pelayan. Halaman ini ditulis menggunakan HTML, CSS dan JavaScript.

Apabila anda melawati laman web, pelayar anda memuatkan failnya dan memaparkannya pada skrin anda. Mari kita teroka cara proses ini berfungsi!

Peranan Pelayan Web

Pelayan web menyimpan fail yang membentuk sesebuah laman web, seperti HTML, CSS, JavaScript dan imej. Pelayan menghantar fail ini kepada pelayar anda apabila anda meminta sesuatu laman web.

Contoh:

  • Apabila anda menaip www.example.com ke dalam pelayar, pelayar menghantar permintaan kepada pelayan web yang mengehoskan laman tersebut.
  • Pelayan membalas dengan menghantar fail laman web itu.

Petua: Pelayan boleh berupa mesin fizikal atau sistem berasaskan awan.

Cara Pelayar Memaparkan Laman Web

Pelayar anda, seperti Chrome atau Firefox, bertanggungjawab untuk mentafsir fail laman web dan memaparkannya pada skrin anda. Begini caranya:

  1. Pelayar membaca fail HTML untuk menstruktur kandungan.
  2. Pelayar menggunakan CSS untuk menggayakan kandungan.
  3. Pelayar menjalankan JavaScript untuk menambah interaktiviti.

Semua langkah ini berlaku dalam beberapa saat!

Cara Internet Berfungsi

Internet ialah rangkaian komputer yang disambungkan di seluruh dunia. Laman web dicapai menggunakan protokol HTTP atau HTTPS, yang membolehkan pelayar anda berkomunikasi dengan pelayan.

Istilah Penting:

  • HTTP: Singkatan bagi Protokol Pemindahan HyperText, yang digunakan untuk memindahkan data laman web.
  • HTTPS: Versi HTTP yang selamat dan menyulitkan data.
  • URL: Alamat sesebuah laman web, seperti https://www.example.com.

Domain dan Pengehosan

Dua komponen penting sesebuah laman web ialah:

  • Nama Domain: Alamat laman web yang boleh dibaca manusia, seperti example.com.
  • Pengehosan Web: Perkhidmatan yang menyimpan fail laman web anda pada pelayan dan menjadikannya boleh dicapai dalam talian.

Petua: Anggap domain sebagai alamat dan pengehosan sebagai rumah.

Komunikasi Klien-Pelayan

Apabila anda melawati laman web, pelayar anda (klien) menghantar permintaan kepada pelayan. Pelayan memproses permintaan tersebut dan menghantar kembali fail yang diperlukan.

Contoh:

  • Anda menaip example.com dalam pelayar.
  • Pelayar menghantar permintaan kepada pelayan.
  • Pelayan membalas dengan fail HTML, CSS dan JavaScript laman web tersebut.
  • Pelayar memaparkan laman web pada skrin anda.

Prestasi Laman Web

Kelajuan dan daya tindak balas laman web bergantung pada beberapa faktor:

  • Sejauh mana baiknya laman web itu dikodkan.
  • Kelajuan pelayan web.
  • Sambungan internet pengguna.

Petua: Imej yang dioptimumkan dan kod yang kemas dapat meningkatkan prestasi laman web.

Imbas Kembali Asas Laman Web

Syabas!

Kini anda memahami cara laman web berfungsi! Anda telah mempelajari tentang pelayan, pelayar, internet dan cara semuanya berinteraksi untuk menghidupkan laman web. Dalam pelajaran seterusnya, kita akan meneroka cara menggayakan dan memperbaik penampilan halaman web anda. Teruskan belajar dan membina!

Cara Laman Web Berfungsi — ilustrasi 10
Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
16
Pelajaran
35

Soalan Lazim

Adakah pelajaran “Cara Laman Web Berfungsi” percuma?

Ya — teks penuh “Cara Laman Web Berfungsi” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus HTML for Kids, tingkat taraf kepada CoddyKit PRO. Kursus HTML for Kids merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Cara Laman Web Berfungsi”?

Fahami peranan HTML dalam gambaran lebih besar internet Anda berlatih HTML for Kids menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan HTML for Kids?

Tiada pengalaman terdahulu diperlukan. Pembelajaran HTML for Kids di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 4.

Berapa lamakah pelajaran “Cara Laman Web Berfungsi” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran HTML for Kids ini?

Ya. Setiap pelajaran HTML for Kids menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Apakah Langkah Seterusnya Selepas HTML?
  2. Cara Laman Web Berfungsi
  3. Pengenalan kepada Pengehosan Web
  4. Meneroka Alat Pembangunan Web
← Kembali ke HTML for Kids