1 PERKEMBANGAN HTML HTML Introduced many new features and deprecated many older features HTML A cleanup of 4.0 PEMPROGRAMAN INTERNET PENGENALAN HTML, ...
P EMPROGRAMAN I NTERNET P ENGENALAN HTML, CSS & PHP
XHTML
VS
HTML
Introduced many new features and deprecated many older features
Just 4.01 defined using XML, instead of SGML
XHTML 1.1 – 2001
Modularized 1.0, and drops frames
We’ll stick to 1.1, except for frames
S INTAX
DASAR
XHTML
Sintax HTML tidak ketat dan tidak rapi dan terkadang membingungkan
Sintax XHTML lebih ketat, mempunyai standard yg lebih rapi dan bersih.
XHTML mempunyai sifat case-sensitive dan semua dutulis dgn huruf kecil , sedangkan HTML tidak memperdulikan huruf besar kecil.
Tag di XHTML selalu mempunyai tag penutup (closed tag), di HTML tidak terlalu memperhatikan closed tag.
My web Pages
XHTML is easy!
1
06/11/2012
S INTAX
DASAR
HTML
ATURAN S INTAX XHTML
Tag XHTML adalah dikelilingi sudut kurung seperti .
Tag-tag dalam XHTML diapit oleh sudut kurung (< dan >)
Setiap Element didefinisikan oleh tag
My web Pages
XHTML is easy!
Tag format:
Opening tag
:
Tidak semua tag mempunyai content/isi.
Jika tag tidak mempunyai content, penulisannya adalah sebagai berikut
K OMPONEN
DASAR
XHTML
XHTML VALIDATOR
Contoh:
W3C XHTML Validation Service http://validator.w3.org/file-upload.html
Heloo, world!
2
06/11/2012
K OMPONEN URL
Dokumen di akses web mempunyai alamat unik yang disebut Uniform Resource Locator (URL).
Contoh URL :
D EFINISI CSS
CSS (Cascade Style Sheet) dapat menambahkan style halaman kita, meningkatkan dan memperbaiki penyajian isi halaman.
CSS dibuat untuk memisahkan antara isi dan presentasi.
CSS bertindak sebagai lapisan yang mempengaruhi presentasi dari elemen XHTML yang diberikan.
Warna, font, text size, background, susunan elemen pada halaman dan seluruh aspek presentasi isi, dikontrol oleh CSS.
M ENGGABUNGKAN CSS KE D OCUMENT XHTML
ATURAN P ENULISAN
CSS dibangun berdasarkan aturan.
Aturan berisi set intruksi yang dapat memerintahkan browser mengikuti aturan untuk mengubah penampilan elemen XHTML didasarkan pada nilainilai yang diberikan.
Agar dapat memanfaatkan style CSS, kita harus menghubungkan style sheet ke dokumen kita.
Cara Attaching CSS:
Inline Styles
Embedded Style Sheets
External Style Sheets
3
06/11/2012
I NLINE S TYLE
Kita dapat memasukkan deklarasi CSS dalam gaya opsional atribut dari setiap elemen dan markup.
Tidak dibagun sebagai aturan, dan tidak ada selector karena properti dan nilainya melekat langsung pada elemen.
Good eats for hungry geeks
Our fresh pizzas, hearty pasta dishes, and succulent desserts are sure to please. And don't forget about our daily chalkboard specials!
E XTERNAL S TYLE S HEETS
Model adalah terbaik yaitu menempatkan aturan CSS terpisah dengan dokumen XHTML, style sheet external langsung terhubung dengan dokumen.
External style sheet adalah file text disimpan dengan ektensi .css.
Pendekatan ini benar-benar memisahkan antara presentasi dan isi dan struktur.
Sebuah dokumen XHTML menghubungkan ke external style sheet melalui elemen head.
E MBEDDED S TYLE S HEETS
Kita dapat menanamkan aturan CSS dalam elemen head dari dokumen, yan gaturan tersebut dapat digunakan pada dokumen yang sama dimana dideklarasikan.
Embedded style sheet (kadang disebut internal style sheet).
PENGENALAN PHP PHP kepanjangan dari PHP: Hypertext Preprocessor PHP adalah script pemrograman yang berada pada server PHP di jalankan/dieksekusi di server dan dikembalikan ke client dalam format HTML PHP mendukung koneksi berbagai Database, seperti MySql, MsSQL, Oracle, PostgreSQL dll. PHP dapat dijalankan pada server Apache ataupun IIS Server PHP merupakan software Open Source (free)
4
06/11/2012
PENGENALAN MYSQL MySQL adalah database server MySQL sesuai untuk aplikasi berskala kecil ataupun besar MySQL mendukung bahasa SQL
PHP & MYSQL Kolaborasi PHP dan MySQL merupakanpemrograman yang mudah dipelajari PHP dan MySQL dapat berjalan di platform Windows/Linux
MySQL merupakan Database multiplatform(dapat berjalan di windows/linux) MySQL merupakan software Open Source (free)
MEMULAI PHP Install Apache Web Server Install PHP
INSTALASI PHP DI WINDOWS Cara paling mudah untuk instalasi di Windows adalah menggunakan XAMPP
Install Database MySQL
XAMPP merupakan paket instalasi Apache + PHP + MySQL
Konfigurasi PHP berada di file php.ini
XAMPP tidak memerlukan konfigurasi khusus
Konfigurasi Apache berada pada file conf/httpd.conf
Selain itu dapat juga kita lakukan installasi paket terpisah (Apache, PHP, MySQL)
5
06/11/2012
Source link Paket Apache dapat di download di http://httpd.apache.org/download.cgi Paket PHP dapat di download di http://www.php.net/downloads.php Paket MySQL dapat di download di http://www.mysql.com/downloads/index.html Paket XAMPP dapat di download di http://www.apachefriends.org/en/xampp.html
Konfigurasi Apache dan MySQL langsung dapat di install secara langsung pada windows Konfigurasi Apache dan PHP yaitu dengan cara melakukan pengaturan konfigurasi pada file conf/httpd.conf Secara default Apache akan menyimpan script PHP pada directory htdocs Untuk melihat informasi installasi PHP yaitu dengan membuat script PHP phpinfo()dan mengaksesnya melalui browser Simpan script berikut dengan nama phpinfo.php
