NOTA ASAS KOMPUTER TINGKATAN 1 BAB 4

Nota Interaktif Asas Sains Komputer Tingkatan 1 – Bab 4

<body>

<html>

{ }

<h1>

</div>

Bab 4: Kod Arahan

Bina program dan cipta laman web! Pelajari penggunaan pemboleh ubah dalam Scratch dan teroka bahasa pengaturcaraan web menggunakan HTML untuk membina laman web interaktif. 💻

4.1 Kod Arahan: Perisian Scratch

Membangunkan atur cara blok (block programming) menggunakan Scratch.

📦 Pemboleh Ubah (Variables)

Pemboleh ubah ialah ruang ingatan sementara di dalam komputer untuk menyimpan data. Terdapat 3 bentuk data utama:

Numerik: Nombor (Contoh: Harga = 10, Umur = 15).
Teks (String): Huruf atau perkataan (Contoh: Nama = “Ali”).
Nilai Logik (Boolean): Jawapan Benar atau Palsu (True / False).

Operator Matematik dalam Scratch:
Tambah ( + ), Tolak ( – ), Darab ( * ), Bahagi ( / )

🐛 Tiga Jenis Ralat (Bugs)

Ralat ialah kesilapan atau kecacatan dalam atur cara yang menyebabkan program tidak berfungsi dengan betul.

📝 Ralat Sintaks

Kesilapan mengeja kata kunci atau tatabahasa bahasa pengaturcaraan.

🤔 Ralat Logik

Program berjalan lancar tetapi memberikan jawapan atau output yang salah.

🛑 Ralat Masa Larian

Program tiba-tiba berhenti atau “hang” semasa sedang digunakan.

4.2 Kod Arahan HTML (HyperText Markup Language)

HTML ialah bahasa standard yang digunakan untuk membina laman sesawang (website) di Internet.

🏗️ Struktur Asas Fail HTML

Setiap laman sesawang mesti dibina dengan struktur dan susunan tag asas seperti di bawah:

                        <html>

                          <head>

                            <title>Tajuk di Tab Browser</title>

                          </head>

                          <body>

                            <!– Semua kandungan web diletak di sini –>

                          </body>

                        </html>

✒️ Heading & Perenggan

Paragraph Heading (Tajuk)

Menggunakan tag <h1> hingga <h6>. Tag <h1> memberikan saiz teks paling BESAR (biasanya untuk tajuk utama), manakala <h6> paling kecil.

<h1>Ini Tajuk Besar</h1>

Paragraph (Perenggan Teks)

Digunakan untuk menulis isi teks panjang. Ia dibalut menggunakan tag <p> dan diakhiri dengan penutup </p>.

<p>Selamat datang ke laman web saya.</p>

Visual & Pautan Navigasi Laman Web

Laman web yang menarik mesti mengandungi gambar, pautan antara halaman, dan banner yang cantik.

🖼️ Memasukkan Imej (Gambar)

Gunakan tag <img> beserta atribut src (source/sumber) bagi menunjukkan nama fail gambar tersebut.

*Tag <img> adalah unik kerana ia tidak memerlukan tag penutup </img>.

🔗 Pautan (Hyperlink)

Pautan membolehkan pengguna klik dan melompat ke laman web lain. Kita menggunakan tag Anchor <a> dan atribut href.

                        <!– Pautan Teks –>

                        <a href=“halaman2.html”>Klik Sini Ke Halaman 2</a>

🗂️ Banner, Frame & Menu

Banner: Merupakan gambar tajuk besar (biasanya diletakkan di bahagian paling atas <body>) menggunakan tag <img>.
Menu: Deretan pautan (hyperlinks) yang memudahkan navigasi pengguna mencari maklumat (cth: Home | Profil | Hubungi).
Frame (Bingkai): Tag <frameset> digunakan untuk membahagikan paparan web kepada beberapa bahagian tetingkap secara serentak (kiri dan kanan).

Laman Sesawang Interaktif & Pengesanan Ralat

Jadikan web anda hidup! Benarkan pengguna berinteraksi dengan memasukkan komen dan membuat pilihan.

💬 Elemen Borang (Forms & Inputs)

1. Pull-Down Menu (Menu Tarik Turun)

Membenarkan pengguna memilih satu jawapan dari senarai lipat. Menggunakan tag <select> dan <option>.

                                <select>

                                  <option>Kucing</option>

                                  <option>Ayam</option>

                                </select>

2. Ruang Komen (Textarea)

Menyediakan kotak besar untuk pelawat menaip komen, pandangan atau pesanan. Menggunakan tag <textarea>.

                                <textarea rows=“4” cols=“50”>

                                Tulis komen anda di sini…

                                </textarea>

⚠️ Mengesan Ralat HTML

Jika laman web anda pecah atau teks/imej tidak keluar, ia berpunca daripada Ralat. Kesilapan pengaturcara yang paling biasa (common mistakes) ialah:

Terlupa menutup tag: Membuka tag <b> tetapi terlupa menulis </b> menyebabkan seluruh web menjadi tebal.
Ejaan nama fail salah: Menaip src="gambar.jpg" tetapi nama fail sebenar di komputer ialah Gambar.JPG (Huruf besar/kecil amat sensitif).
Kekurangan tanda petik (quotes): Tertinggal simbol `”` pada nilai atribut seperti width=300".

Kuiz ASK: Kod Arahan & HTML

<ask_bab4_html> - bash

Kuiz ASK: Kod Arahan

Kuasai Bab 4: Kod Arahan.
Uji pengetahuan anda tentang pemboleh ubah, struktur pengaturcaraan, dan pembinaan laman sesawang menggunakan HTML.

{ 10 Soalan Rawak } { Log Ralat & Fakta }

line 1/10

Memuatkan pangkalan kod...

/* Terminal Output */

🏆

Proses kompilasi tamat. Berikut adalah log markah anda.

Skor_Ketepatan

0 / 10