際際滷

際際滷Share a Scribd company logo

CSS dan PHP

Download as DOCX, PDF
Meinito Syndi (University Of MuhhamadiyahMalang)
Meinito Syndi (University Of MuhhamadiyahMalang)

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

1 of 2
Download to read offline
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.
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.

More Related Content

CSS dan PHP

  • 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.