xhtml vs html xhtml
advertisement
06/11/2012
P ERKEMBANGAN HTML
HTML 4.0 – 1997
HTML 4.01 - 1999 - A cleanup of 4.0
XHTML 1.0 - 2000
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN“
"http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">
Sintax XHTML lebih ketat, mempunyai standard
yg lebih rapi dan bersih.
<head>
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.
<html xmlns="http://www.w3.org/1999/xhtml">
<title>My web Pages</title>
</head>
<body>
<p>XHTML is easy!</p>
</body>
</html>
1
06/11/2012
S INTAX
DASAR
HTML
ATURAN S INTAX XHTML
Tag XHTML adalah dikelilingi sudut kurung seperti
<html>.
Tag-tag dalam XHTML diapit oleh sudut kurung
(< dan >)
Setiap Element didefinisikan oleh tag
<html>
<head>
<title>My web Pages</title>
</head>
<body>
<p>XHTML is easy!</p>
Tag format:
Opening tag
: <label>
Closing tag
: </label>
</body>
Tidak semua tag mempunyai content/isi.
</html>
Jika tag tidak mempunyai content, penulisannya
adalah sebagai berikut <input />
K OMPONEN
DASAR
XHTML
XHTML VALIDATOR
Contoh:
W3C XHTML Validation Service
http://validator.w3.org/file-upload.html
<p class=“greeting”> Heloo, world!</p>
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.
<h2 style="color: red;">
Good eats for hungry geeks
</h2>
<p style="color: gray;">
Our fresh pizzas, hearty pasta dishes, and
succulent desserts are sure to please. And
don't forget about our daily chalkboard
specials!
</p>
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.
<head>
<link rel="stylesheet“
type="text/css" href="styles.css" />
</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).
<head>
<style type="text/css">
h2 { color: red; }
p { color: gray; }
.info {background:#cccccc; border:1px}
.label {margin:5px; color:#efefef}
</style>
</head>
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
<?php
?>
phpinfo();
T ERIMA K ASIH
6
