diktat web
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