Desain & Pemrograman Web

Desain & Pemrograman Web
Pengingat - CSS
CSS: Cascading Style Sheet, untuk mengatur tampilan HTML
Pemisahan fungsi: HTML mengatur konten, CSS mengatur tampilan.
Sejak HTML 4.0 semua format tampilan dapat dipindahkan ke CSS
Tag-tag seperti , dan sebagainya dapat digantikan dengan CSS
Pengingat – Sintaks CSS
Format sintaks CSS:


Selector: Memilih elemen HTML yang akan diformat
Property: Jenis format yang akan diubah
Value: Nilai format yang akan diubah
Pasangan property:value disebut deklarasi
Sebuah selektor bisa memiliki lebih dari satu deklarasi, setiap deklarasi dipisahkan dengan titik koma (;)
Pengingat – Implementasi CSS
Tiga jenis implementasi CSS:
Inline (dimasukkan pada elemen HTML yang akan diformat sebagai atribut style)
Internal (dimasukkan sebagai elemen pada tag didalam kode HTML)
External (menggunakan file CSS diluar HTML)
Perbandingan Implementasi CSS
Keuntungan CSS
Menghemat penggunaan tag untuk format -> Kode HTML menjadi lebih pendek
Satu file (external) CSS bisa dipakai untuk memformat lebih dari satu halaman HTML
Sebuah website dapat memiliki beberapa pilihan tampilan (contoh:Wordpress)

Contoh lain:
blogger/
blogspot
Desain & Pemrograman Web
Pertemuan 7 -
Web Server

Dosen: Fathoni A. Musyaffa
STKIP SURYA


Slide sumber: P. Alfa Satyaputra
Pendahuluan
Sampai sekarang ini kita masih mengakses website langsung dari file
Umumnya menggunakan web server untuk menyimpan semua sumber website (hosting)
Akses dengan menggunakan alamat web (http)
Bundel Web Server
Ada bundel perangkat lunak yang dikhususkan untuk web server, seperti LAMP atau XAMPP
LAMP: Linux Apache MySQL PHP
XAMPP: X(cross-platform) Apache MySQL PHP Perl
Apache: HTTP Server
MySQL: Server Query Language
PHP: Hypertext Processor
Perl: Bahasa Pemrograman

Instalasi LAMP/XAMPP
Ikuti instruksi di Tugas 7 di Moodle
Buka http://localhost di web browser (firefox) untuk mengetes apakah web server sudah terinstall dengan benar
Memasukkan Website
Buat sebuah file HTML sederhana (isi bebas)
Beri nama test.html. Simpan di default direktori web server anda:
Untuk LAMP, gunakan direktori /var/www
Untuk XAMPP, gunakan direktori C:\xampp\htdocs
Buka HTML tersebut dengan memasukkan alamat http://localhost/test.html di browser anda
Catatan
Web server tersebut masih bersifat lokal (belum bisa diakses melalui internet)
Menggunakan hosting sehingga dapat diakses melalui browser, tidak perlu mengakses filenya langsung.
PHP dan MySQL akan diajarkan pada pertemuan-pertemuan berikutnya