Materi tentang CSS dan PHP pada mata kuliah Desain Web di pertemuan ke-enam dan ke-tujuh

1. Nama : Meinito Syndi
NIM : 201410060311077
Kelas : Pendidikan Matematika 6C
Sumber : Pgri 3. (2011). Rekayasa Perangkat Lunak (Sistem Operasi dan Aplikasi
Internet). Malang : SMK Pgri 3 Malang
CSS (Cascading Style Sheet) adalah bahasa yang digunakan untuk memberikan konten
gaya penampilan yang bagus. CSS kemudian digunakan untuk menentukan ukuran teks, warna
teks, spasi, dan berbagai gaya tampilan dari paragraf tersebut. Untuk dapat mengerti bagaimana
menggunakan CSS, terlebih dahulu kita harus mengerti tiga istilah dasar yang digunakan dalam
CSS, yaitu selector, property, dan value. 1. Selector Sebagai bahasa yang digunakan untuk
memberikan gaya tampilan, CSS menggunakan metode deklaratif untuk menspesifikasikan
bagian HTML yang ingin diberikan gaya tampilan.
p {
....
}
Pada kode di atas, yang dikatakan selector ialah kode “p”. Singkatnya, sebuah selector
merupakan seluruh kode yang berada sebelum “{}”.
2. Prperty Sebuah properti menentukan berbagai parameter desain yang dapat diubah dari
sebuah elemen yang dipilih oleh selector
p {
color: ...;
font-size: ...;
}
Pada kode di atas, yang dikatakan property ialah kode yang berada sebelum titik dua (“:”).
3. Value merupakan nilai dari property yang ingin kita berikan. Nilai yang dapat diberikan
sendiri berbeda-beda, tergantung dengan jenis property-nya
p {
color: #FFFF00;
font-size: 50px;
}
Ketika memberikan nilai untuk property, sintaks CSS memungkinkan kita untuk menyingkat
nilai yang diberikan.
Bentuk Panjang
p { margin-top : 10px;
margin-right : 20px; }
Bentuk Singkat
p { margin: 10px 20px;}
Komentar :
Ingat, bahwa pada satu selector dapat diaplikasikan banyak property, dan masing-masing
property akan memiliki value yang berbeda-beda, bergantung kepada apa yang
direpresentasikan oleh property tersebut.

2. Nama : Meinito Syndi
NIM : 201410060311077
Kelas : Pendidikan Matematika 6C
Sumber : Pgri 3. (2011). Rekayasa Perangkat Lunak (Sistem Operasi dan Aplikasi
Internet). Malang : SMK Pgri 3 Malang
PHP (PHP: Hypertext Preprocessor) adalah merupakan sebuah bahasa pemrograman
serverside scripting,programyangdieksekusi di server,jadi clienthanyabisamelihatdanmerasakan
hasil dari eksekusinya melalui browser. Sebelum memulai belajar PHP yang pertama kita butuhkan
adalah servernya, terutama server web. Adapun tag php sebagai berikut :
<?php //tag pembuka PHP
……….
?> //tag penutup PHP
Di dalamphpterdapatpula bagianbagiannyaseperti halnyavariabel,conditional,looping,database
connectiondanperpaduanantaraphp + html.1. Variabel Varianel merupakantempatpenyimpanan
data sementarayanghasilnyaakanditunjukankepadausersebagai hasil akhir
<?php
$nama = "Meinito"; //membuat variabel nama, tipe data string,
$umur = 18; //membuat variabel umur, tipe data integer
$status = true; //membuat variabel status, tipe data boolean ?>
2. condition Menggunakan IF Ada 2 kondisi yang diketahui dengan menggunakan if, yaitu true dan
false <?php $barang= "Milky Tea"; $nilai= 40;
if($nilai>=50){ echo $barang." layak untuk dijual";
} else { echo $barang." tidak layak untuk dijual"; } ?>
3. Looping(perulangan) memungkinkanprogramcukupmenggunakansatufungsi yang sama untuk
dijalankan pada sintak lainnya, dengan cara mengulang proses hingga sampai pada kondisi yang
diinginkan <?php
for ($i=0; $i < 10; $i++) {
echo $i."<br/>"; } ?>
4. Koneki database bagaimanacara mengkoneksikanwebPHPdenganserverdatabase mysql,untuk
kemudian dilakukan CRUD (Create Read Update Delete) dan berakhir dengan tampilan web yang
sesuai denganyangdirencakansebelumnya.Berikutmerupakancontohkoneksi phpdengandatabase
mysql (XAMPP)
<?php $host = "127.0.0.1"; //datahost mysql server$user= "root"; //datausermysql server
$password = ""; //datapassword mysql server$db = "id+more";//datadatabase yangdigunakan
mysql_connect($host, $user, $password) or die('Masalah pada database');
mysql_select_db($db); ?>
5. PHP+ HTML bagaimanamengkombinasikanhasildatadari database yangtelahkitapanggil dengan
PHP, untuk dijadikan tampilan yang menarik di web dengan bantuan HTML(CSS+javascript).
Komentar :
jikaditanya,lebihbaikbuattampilandahuluataufungsi dahulu?,makajawablahlebihbaiktampilan,
karenaimajinasi lebihsulitkeluardaripadalogika,logikabisamenyesuaikansedangimajinasi kadang
hanya keluar sekali.