diktat web

Upload: -

Post on 19-Jul-2015

142 views

Category:

Documents


4 download

TRANSCRIPT

Pemrograman Web

HTML, PHP, & Database MySQL

Pengenalan Struktur Dokumen HTMLHypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. untuk menyampaikan ide pada web browser, bahasa HTML menggunakan sesuatu yang dinamakan tag. Tag selalu ditulis diantara tanda lebih kecil dari () contoh (< tag >) Secara sederhana HTML terdiri dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal dan tag akhir . Dengan standart penulisan Sebagai berikut : Deskripsi Dokumen isi dokumen Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : Struktur Dokumen HTML Hello World !!! Rekam dengan nama file : latih1.html.

Lembaga Pendidikan KHARISMA Computer

1

Pemrograman Web

HTML, PHP, & Database MySQL

Tag memberikan untuk memberi judul dokumen HTML judul ini dapat dilihat pada pojok kiri atas (title bar) browser. Ketika pengunjung web anda melakukan bookmerk maka judul inilah yang akan disimpan.

Lembaga Pendidikan KHARISMA Computer

2

Pemrograman Web

HTML, PHP, & Database MySQL

HeadingHeading adalah sekumpulan kata yang menjadi judul atau subjudul dalam satu dokumen HTML. Heading berbeda dengan tag yang tidak bisa muncul dalam halaman web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk judul utama. Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : Heading Ini Teks Dengan Heading 1 Ini Teks Dengan Heading 2 Ini Teks Dengan Heading 3 Ini Teks Dengan Heading 4 Ini Teks Dengan Heading 5 Ini Teks Dengan Heading 6 Rekam dengan nama file : latih2.html

ParagrafUntuk membuat paragraf digunakan tag . Setelah tag anda bisa menulis ini paragraf dan paragraf tersebut di akhiri dengan tag penutup . Dan anda juga dapat mengatur posisi paragraf dengan menggunakan atribut ALIGN. atribut ALIGN diikuti dengan posisi yang diinginkan. Left untuk meratakan paragraf dikiri, certer untuk meratakan paragraf ditengah, right untuk meratakan paragraf di kanan. Lembaga Pendidikan KHARISMA Computer 3

Pemrograman Web

HTML, PHP, & Database MySQL

Untuk lebih jelasnya, jalankan editor teks anda dan buatlah program berikut ini : Paragraf VoIP merupakan teknologi yang membawa sinyal suara digital dalam bentuk data paket dengan protokol IP. Dalam komunikasi VoIP, memakai melakukan hubungan telepon melalui terminal yang berupa PC atau telepon. Terminal akan berkomunikasi dengan gateway melalui telefoni lokal. Hubungan antar ateway dilakukan melalui network IP. Network IP dapat berupa network paket apapun, termasuk Intranet, atau line E1. VoIP menawarkan transportasi sinyal yang lebih murah, Feature tambahan, dan transparansi terhadap data komputer Hambatan VoIP kehandalan bawah telefoni biasa,dan soal standarisasi yang akan menyangkut masalah interoperabilitas. Dasar VoIP dipaparkan dalam gambar di bawah. Pada sisi pengirim, sinyal suara dikodekan kemudian dipaketkan. Data ini disalurkan melalui network IP. Di sisi penerima, data didekan ke sinyal suara kembali. Rekam dengan nama file : latih3.html

Format Text (Pengaturan Font)Untuk mengatur format dari text dalam HTML atau mengatur huruf dari dokumen HTML digunakan tag . Tag memiliki beberapa Lembaga Pendidikan KHARISMA Computer 4

Pemrograman Web

HTML, PHP, & Database MySQL

atribut untuk mengatur ukuran huruf, jenis huruf, dan warna yang akan diberikan pada huruf. Ukuran Font o Attribut SIZE digunakan untuk mengatur ukuran font. Nilai font dimulai dengan nilai 1 untuk ukuran huruf yang terkecil dan nilai 7 untuk ukuran huruf yang terbesar o Untuk jelasnya perhatikan contoh berikut Ukuran Font Ukuran dari font adalah 1 Ukuran dari font adalah 2 Ukuran dari font adalah 3 Ukuran dari font adalah 4 Ukuran dari font adalah 5 Ukuran dari font adalah 6 Ukuran dari font adalah 7 Rekam dengan nama file latih4.html Jenis Font o Attribut FACE digunakan untuk mengatur jenis huruf yang diinginkan. Attribut FACE harus diisi dengan string jenis font seperti Arial, Times New Roman, Verdana dan sebagainya. o Untuk jelasnya prhatiakn contoh berikut Jenis Font ini jenis huruf Arial Times New Roman ini jenis huruf Verdana ini jenis huruf Tahoma Rekam dengan nama file latih5.html Lembaga Pendidikan KHARISMA Computer 5

Pemrograman Web

HTML, PHP, & Database MySQL

Warna Font o Attribut color digunakan untuk mengatur warna font yang diingikan. Untuk memberi nilai pada attribut color ada dua cara. Cara pertama dengan menyebutkan nama warna seperti red, green, blue. Sedangkan cara kedua adalah dengan menggunakan nilai RGB(Red, Green, Blue) dari suatu warna, misalnya FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk warna blue. o untuk jelasnya perhatikan contoh berikut Warna Font Aku suka warna Merah suka warna merah aku suka warna hijau Rekam dengan nama file latih6.html

BRTag line break (BR) digunakan untuk menulis text pada baris berikutnya. Tag
membuat baris baru tanpa baris kosong Untuk lebih jelasnya perhatiakn contoh Line Break Banyak cara yang dapat kita gunakan untuk melakukan instalasi Fee BSD. Namun ada tiga cara yang paling sering dilakukan yaitu :
Instalasi melalui FTP
Instalasi malalui CDROM
Instalasi melalui partisi DOS Rekam dengan nama file latih7.html

Lembaga Pendidikan KHARISMA Computer

6

Pemrograman Web

HTML, PHP, & Database MySQL

LinkPerintah Anchor (A) digunakan untuk embuat suatu link. Untuk membuat link ke dokumen HTML lain digunakan perintah Teks Pada Broser. Anda juga dapat dalam sebuah dokumen HTML. Untuk itu perlu disediakan nama Anchor lokasi tujuan dari link tersebut. Nama anchor dibuat dengan menambahkan attribut NAME pada tag . Misalnya ">Edit Hapus }

Lembaga Pendidikan KHARISMA Computer 50

Pemrograman Web

HTML, PHP, & Database MySQL

Simpan dengan nama file : tampil_buku_tamu.php

Lay Out Tampil Buku Tamu

Lembaga Pendidikan KHARISMA Computer

51

Pemrograman Web

HTML, PHP, & Database MySQL

Selanjutnya adalah bagaimana teknik membuat script yang berfungsi untuk melakukan pengeditan pada web, untuk kategori tersebut maka kita harus membuat dua buah script dengan contoh sebagai berikut : Simpan dengan nama file : edit_buku_tamu.php

Lembaga Pendidikan KHARISMA Computer

53

Pemrograman Web

HTML, PHP, & Database MySQL

Lay Out Tampil Buku Tamu

KC - HA

Lembaga Pendidikan KHARISMA Computer

54

Pemrograman Web

HTML, PHP, & Database MySQL

PEMROGRAMAN WEBHTML, PHP Dan Database MySQL

Pusat Pendidikan KomputerJl. Kakatua No. 18 Telp. 0411-870104, 870105 Fax. 0411-870098 Makassar 90121

Lembaga Pendidikan KHARISMA Computer

55