Pada hari Jumat, 17 September 2021 telah dilaksanakan agenda Training of Trainer (ToT) #8 bersama Adi Rahman, APMM sebagai pembicara yang menyampaikan materi tentang Pembuatan Website dan dihadiri oleh 17 peserta.

Website adalah kumpulan halaman berisi berisi berbagai informasi yang bisa diakses melalui internet oleh sebagian besar orang. Website dibagi menjadi 2, yaitu:

  • Web statis      : tidak dapat diubah oleh pengguna secara langsung. Web statis terdiri dari javascript dan css
  • Web dinamis  : dapat diubah kontennya oleh user secara langsung.

Komponen penyusun web dinamis; HTML, JavaScript, PHP, MySQL, CSS. HTML (Hyper Text /markup Language) HTML adalah bahasa komputer yang digunakan untuk membuat kerangka atau struktur untuk web pages (halaman website) di internet.

  • Fungsi HTML adalah sebagai ‘kerangka’ yang memberi struktur pada website
  • Fungsi CSS adalah sebagai ‘baju’ yang memberi warna dan layout pada website
  • Fungsi JavaSCript adalah sebagai element yang membuat website menjadi ‘interaktif’

HTML Tag HTML terdiri dari komponen yang disebut HTML Tag. Pada umumnya, ada 2 tipe HTML Tag:

1. Openin Tag (tag pembuka), contohnya <p>

2. Closing TAg (tag penutup), contohnya </p>

Struktur Dokumen HTML memiliki 3 tag utama, yaitu <html>, <head>, dan <body>. – <head> pada umumnya berisi <meta>, <title>, konten css/js internal maupun linj je file css/js eksternal – <body> berisi konten website yang ingin ditampilkan pada browser

HTML Element merupakan sebuah komponen dalam halaman web, bisa berupa paragraf, judul, atau gambar. Ada dua jenis HTML Element, yaitu: –

  1. HTM Element yang memiliki Opening tag dan Closing tag. contohnya <p> dan </p>. Dalam opening tag dapat berisi attribur yang berfungsi untuk memberikan informasi tambahan kepada sebuah element.
  2. Empty HTML Element, memiliki Self-closing Tag yang hanya memiliki Opening Tag dengan garis miring sebelum kurung tutup, contohnya <br /> atau <img />

CSS (Casading Style Sheets) CSS adalah bahasa komputer yang digunakan untuk menambahkan design ke suatu halaman website di internet. Ada 3 cara untuk menyisipkan CSS ke dalam HTML;

1. Inline CSS, yaitu menggunakan attribute style untuk menyisipkan kode CSS langsung di dalam HTML element. Contoh: <h1 style=”color:blue”>

2. Internal CSS, menggunakan element <style> untuk menyisipkan kode CSS Element <style> tersebut diletakkan di dalam element.

3. External CSS, yaitu sebuah file CSS terpisah yang disambungkan dengan file HTML dengan menggunakan element <link>. CSS Syntax adalah syntax yang digunakan untuk menunjuk atau memilih HTML element mana yang ingin diberi syle (dihias). CSS Syntax terdiri dari selector, property, dan value.

Materi TOT #8 dapat dipelajari kembali melalui link berikut iniπŸ‘‡πŸ‘‡πŸ‘‡

“Jika Anda menginginkan sesuatu yang belum pernah dimiliki dalam hidupmu. Anda harus melakukan sesuatu yang belum pernah dilakukan sebelumnya.” – JD Houston

Semoga bermanfaat🌻

Salam penelitianπŸ–πŸ»

Penulis Β Β Β Β Β Β Β Β Β Β  : Reza Yanu Ariyanti

Publisher        : Hadi Suseno


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.