PERKEMBANGAN HTML SINTAX DASAR XHTML XHTML VS HTML PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP 06/11/2012 HTML

Ukuran: px

Mulai penontonan dengan halaman:

Download "PERKEMBANGAN HTML SINTAX DASAR XHTML XHTML VS HTML PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP 06/11/2012 HTML"

Handoko Muljana
6 tahun lalu
Tontonan:

PERKEMBANGAN HTML HTML 4.0 1997 Introduced many new features and deprecated many older features HTML 4.01-1999 - A cleanup of 4.0 PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP XHTML 1.

1 PERKEMBANGAN HTML HTML Introduced many new features and deprecated many older features HTML A cleanup of 4.0 PEMPROGRAMAN INTERNET PENGENALAN HTML, CSS & PHP XHTML Just 4.01 defined using XML, instead of SGML XHTML Modularized 1.0, and drops frames We ll stick to 1.1, except for frames XHTML VS HTML SINTAX 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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN " strict.dtd"> <html xmlns=" <body> </body> </html> <title>my web Pages</title> <p>xhtml is easy!</p> 1

SINTAX DASAR HTML ATURAN SINTAX XHTML <html> <title>my web Pages</title> <body> <p>xhtml is easy!</p> </body> </html> Tag XHTML adalah dikelilingi sudut kurung seperti <html>.

2 SINTAX DASAR HTML ATURAN SINTAX XHTML <html> <title>my web Pages</title> <body> <p>xhtml is easy!</p> </body> </html> Tag XHTML adalah dikelilingi sudut kurung seperti <html>. Tag-tag dalam XHTML diapit oleh sudut kurung (< dan >) Setiap Element didefinisikan oleh tag Tag format: Opening tag : <label> Closing tag : </label> Tidak semua tag mempunyai content/isi. Jika tag tidak mempunyai content, penulisannya adalah sebagai berikut <input /> KOMPONEN DASAR XHTML XHTML VALIDATOR Contoh: <p class= greeting > Heloo, world!</p> W3C XHTML Validation Service 2

3 KOMPONEN URL DEFINISI CSS Dokumen di akses web mempunyai alamat unik yang disebut Uniform Resource Locator (URL). Contoh URL : 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. ATURAN PENULISAN MENGGABUNGKAN CSS KE DOCUMENT XHTML 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

4 INLINE STYLE EMBEDDED STYLE SHEETS 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. 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). <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> <style type="text/css"> h2 { color: red; } p { color: gray; }.info {background:#cccccc; border:1px}.label {margin:5px; color:#efefef} </style> EXTERNAL STYLE SHEETS PENGENALAN PHP 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. <link rel="stylesheet type="text/css" href="styles.css" /> 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

5 PENGENALAN MYSQL PHP & MYSQL MySQL adalah database server MySQL sesuai untuk aplikasi berskala kecil ataupun besar MySQL mendukung bahasa SQL 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 INSTALASI PHP DI WINDOWS Install Apache Web Server Install PHP Install Database MySQL Konfigurasi PHP berada di file php.ini Konfigurasi Apache berada pada file conf/httpd.conf Cara paling mudah untuk instalasi di Windows adalah menggunakan XAMPP XAMPP merupakan paket instalasi Apache + PHP + MySQL XAMPP tidak memerlukan konfigurasi khusus Selain itu dapat juga kita lakukan installasi paket terpisah (Apache, PHP, MySQL) 5

Source link Konfigurasi Paket Apache dapat di download di http://httpd.apache.org/download.cgi Paket PHP dapat di download di http://www.php.net/downloads.

6 Source link Konfigurasi Paket Apache dapat di download di Paket PHP dapat di download di Paket MySQL dapat di download di Paket XAMPP dapat di download di 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();?> TERIMA KASIH 6

dokumen-dokumen yang mirip

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w

Keuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga