Materi ZA: Pengembangan PHP, CSS & HTML

Mengulas Materi Dasar

Setelah memamahmi bahasa pemrograman HTML, setidaknya cukup materi dasar untuk HTML dan bisa dikembangkan sendiri materi dasarnya, untuk lebih fokus pada pemrograman Website kali ini adalah mengelola data dari sumber data database MySQL dan Mengorganisir ke Website yang dibuat.

PHP: Hypertext Preprocessor

PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memprogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS.

Cascading Style Sheet (CSS)

Merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

Pembahasan Materi

Pada materi awal kita sudah dibahas kita akan membangun sebuah platform simple dari website dan kita kelola kedalam aplikasi mobile, dalam hal ini adalah Aplikasi android

List Materi Pembahasan:

Oleh karena itu berikut kita akan mengelola website untuk persiapan CRUD dasar, sebelumnya kita akan mengenal materi-materi pendukung yaitu sebagai berikut:

• HTML Tables

Pembahasan 1: HTML Tables

• Tabel HTML didefinisikan dengan tag <table>.
• Setiap baris tabel ditentukan dengan tag <tr>. Header tabel didefinisikan dengan tag <th>. Secara default, judul tabel tebal dan terpusat. Data tabel / sel didefinisikan dengan tag <td>.

Keterangan:

• <table> Adalah element menghasilkan tampilan table
• <tr> Adalah pembungkus dari bagian-bagian data yang akan ditampilkan
• <th> Adalah identifikasi dari table Header
• <td> Adalah identifikasi dari table Data

<table border=1>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

Hasil Eksekusi:

Catatan: Elemen <td> adalah wadah data tabel. Mereka dapat berisi segala macam elemen HTML, teks, gambar, daftar, tabel lainnya, dll.

Pembahasan 2: Menambahkan Border

Jika kita tidak menentukan batas tabel, itu akan ditampilkan tanpa batas. Batas ditetapkan menggunakan properti perbatasan CSS: