Tuesday 29 June 2021

SK T5 : PENGENALAN HTML, CSS, JAVASCRIPT

Get the idea:

Mahir (2021) | Menengah Atas - Sains Komputer, Tajuk : Menengah Atas - Sains Komputer
CSS dan HTML oleh Cikgu Che Noor Ashikin Binti Zakaria

Mahir (2021) | Menengah Atas : Sains Computer Laman Web Interaktif (Siri 2) : JAVASCRIPT

Guru : Wan Rafik Bin Wan Ismail


https://www.youtube.com/watch?v=hSkjAZXjI1s

https://www.youtube.com/watch?v=GWB1zJCeBT0

https://www.youtube.com/watch?v=1wAbUzHBu3Y


HTML (Hypertext Mark up Language)

  • HTML atau Hypertext Markup Language ialah bahasa markup standard yang digunakan oleh pereka web profesional bagi mereka bentuk laman web.
  • Dokumen HTML adalah mengenai konsep bagaimana dokumen dipaparkan. 
  • Dokumen HTML juga ialah konsep bagaimana elemen teks, audio, video serta grafik disusun agar mudah dibaca dan difahami oleh pelawat laman web. 
  • Untuk menerangkan struktur bagi setiap laman web, kod HTML atau elemen HTML digunakan. 
  • Elemen biasanya terdiri daripada dua tag yang berpasangan, iaitu: start tag dan close tag. 
  • Kandungan yang akan dipaparkan pada web akan berada di antara start tag dengan close tag.
  • Semua elemen HTML mengandungi atribut. Atribut mengandungi maklumat tambahan bagi setiap elemen HTML dan biasanya ditempatkan di start tag. Terdapat dua bahagian atribut:
  • Atribut nama 
  • Atribut nilai










  • CSS (Cascading Style Sheets)
  • Cascading Style Sheet (CSS) ialah salah satu bahasa pengaturcaraan yang merupakan tambahan (extension) kepada HTML. 
  • CSS membenarkan perubahan kepada gaya sesuatu halaman web dan menerangkan persembahan bagi sesuatu dokumen HTML.
  • HTML dengan CSS (kiri) dan tanpa CSS (kanan)
    Sumber : https://www.dummies.com/programming/what-does-css-do/


    Laman web yang bagus untuk bacaan tentang Inline CSS, Internal CSS dan External CSS.

    Sintaks CSS terdiri daripada selector dan declaration block. 

    Selector ialah apa/bahagian tag HTML mana yang kita hendak style/hias.
    Elemen dalam declaration block memberitahu bagaimana untuk stylekan/hiaskan. Cth warna, saiz dll.
    Setiap declaration block mengandungi property dan value(nilai).






    Declaration block boleh ada satu atau lebih declaration(property dan value) dan diasingkan menggunakan semikolon (;)
    CSS declaration mesti berakhir dengan semikolon, dan declaration block mesti berada dalam curly braces {}







    JAVASCRIPT

  • JavaScript menyediakan keupayaan pengaturcaraan untuk memproses sesuatu tugas berdasarkan permohonan yang diterima daripada klien.

  • Kod JavaScript akan ditulis bersama-sama dalam kod HTML. 


    Jika HTML tidak mempunyai sebarang skrip yang ditulis di dalamnya, browser akan menghasilkan laman web berdasarkan kod HTML tersebut.
      Kod JavaScript ditulis di antara tag ‘<script>’ dengan ‘</script>’

      Terdapat dua cara kod JavaScript ditulis dalam HTML:
      1 Explicit embedding - kod JavaScript diletakkan dalam atau bersama-sama kod HTML
      2 Implicit embeddingmeletakkan kod JavaScript dalam satu fail sendiri
      yang mempunyai extension “.js” seperti contoh myScript.js dan akan dipanggil jika ingin digunakan.

      SK T5 : BAHASA PENSKRIPAN PELANGGAN

      Get the idea:

      https://www.youtube.com/watch?v=BlczPOPpS3M 

      https://www.youtube.com/watch?v=QUK2ZMD5ELI

      https://www.youtube.com/watch?v=Ql_Y_0fcebo

      ASK T3 : Aktiviti 4.8 BT Function dan Procedure

      https://docs.google.com/presentation/d/e/2PACX-1vReV3TDTlEQBysQKjX-GHif5zBQQKYd4UghWIrY_1n00mfjJTy7ypEXU1L9m3YbzflRnXlT6ndejnkr/pub?start=true&loop=false&delayms=10000

      Penggunaan Pernyataan Function dan Prosedur

      Fungsi dan Prosedur







      Kod Aturcara dengan komen penerangan..









      Thursday 24 June 2021

      ASK T3 : 4.2.2 PENGGUNAAN PERNYATAAN FUNCTION

      BT mukasurat 170 - 174

      mukasurat 170


      Huraian:








      Output:


      mukasurat 172










      mukasurat 173





      Rumusan:



      Rakaman PdPr, tapi salah teknikal.. penerangan bertulis tidak terakam....






      Featured post

      Handwritten note... ASK T1 HTML

       

       

      SAINS KOMPUTER & ASAS SAINS KOMPUTER Template by Ipietoon Cute Blog Design