LAPORAN PRAKTIKUM
PEMROGRAMAN WEB
MODUL 6
Disusun Oleh :
NUGROHO ARI SAPUTRO
L200120105
E
JURUSAN TEKNIK
INFORMATIKA
FAKULTAS KOMUNIKASI
DAN INFORMATIKA
UNIVERSITAS
MUHAMMADIYAH SURAKARTA
A. TUJUAN
Mengimplementasikan web PHP
dengan gabungan CSS untuk memperindah tampilan website.
B. LANDASAN TEORI
PHP (HyperText Preprocessor)
merupakan bahasa pemrograman server side programming yang berfungsi untuk
membuat website bersifat dinamis. Halaman website dinamis memberikan kesempatan
kepada user untuk dapat berinteraksi dengan memberikan kesempatan kepada user
untuk dapat berinteraksi dengan halaman web tersebut. Contoh diperlukannya
halaman web dinamis ketika ingin membuat halaman buku tamu, atau ingin membuat
aplikasi-aplikasi database. Halaman Web
dinamis juga mempermudah admin situs
untuk merawat (maintenance) situs yang dimilikinya. Sebuah website yang
interaktif dan dinamis, tentu membutuhkan penyimpanan data yang fleksibel dan
cepat untuk diakses. Salah satu database untuk server adalah MySQL. Jenis
database ini sangat popular dan digunakan pada banyak website di internet
sebagai bank data.
CSS (Cascading Style Sheet) adalah
sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman web yang
dibuat. CSS memperkenalkan template yang berupa style untuk membuat dan
mempermudah penulisan dari halaman-halaman yang dirancang.
1. Inline Style
CSS yang dibuat dalam
sebuah tag HTML yang hanya berlaku untuk dokumen yang diapitnya
saja. Biasanya teknik ini digunakan pada pemformatan khusus pada sebuah elemen
HTML dan tidak digunakan untuk memformat seluruh dokumen web.
2. Internal Style
Pada teknik ini style
diletakkan pada tengah tag antara tag <head> dan </head>.
Aturan-aturan dalam style ini diatur sedemikian rupa untuk digunakan pada suatu
tempat maupu untuk keseluruhan situs.
3. Import Style
Dengan teknik ini sebuah
style tidak disimpan pada halaman tersebut. Namun untuk menghubungkannya dengan
halaman web yang dibuat, dengan menggunakan inport yang terdapat pada style
CSS.
4. Eksternal Style
Dengan menggunakan teknik ini, dapat
memanggil style CSS pada file CSS yang diinginkan menggunakan perintah
"Link rel" yang berfungsi untuk menghubungkan kedalam sebuah style
CSS eksternal dengan nama yang telah ditentukan.
C. ALAT DAN BAHAN
1. PC / Komputer
2. Notepad ++
3. Browser Google Chrome
4. Software web server (AppServ)
5. Modul Praktikum Pemrograman Web
D. LANGKAH PRAKTIKUM
1. Percobaan 1
Þ
Sebelumnya
kita buat database terlebih dahulu dengan cara masuk ke localhost/phpmyadmin pada web browser anda.
Þ
kemudian buat
databese baru dengan nama mahasiswa
Þ
setelah dibuat
lalu buat tabelnya dengan nama table mhs
dengan jumlah rows 5, kemudian klik GO.
Þ
isi tabel
tersebut seperti gambar berikut :
Þ
atau bisa juga
dengan query create nya seperti berikut :
Þ Modifikasi script pada percobaan 1 modul 4 dengan
menambah CSS pada bagian bawah tag body.
Þ script cssnya :
Þ kemudian script lengkapnya jadi seperti ini :
Þ simpan dengan nama file percobaan1.php
Þ selajutnya jalankan programnya dengan membuaka
web browser anda, lalu masukkan alamat : localhost/percobaan1.php
Þ hasilnya akan seperti berikut :
Þ Setelah diinsert hasilnya seperti berikut :
2. Tugas
a.
Tugas 1
Þ modifikasi table input pada percobaan 1 modul 6
Þ ubah scriptnya jadi seperti ini :
Þ Lihat hasilnya :
a.
Tugas 2
Þ Buatlah css baru untuk memodifikasi tabel input
pada percobaan 1 modul 6.
Þ berikut contoh script cssnya :
Þ hasilnya :
b.
Tugas 3
Þ download tamplate css di link berikut
http://www.templatemo.com/page/1 silahkan modifikasi tamplate tersebut dan
gabungkan dengan form input dan hasil view percobaan 1 modul 6.
Þ sebelum template dimodifikasi
Þ sesudah dimodifikasi :
Tidak ada komentar:
Posting Komentar