Selamat Datang di Blog Berbagi Pengalaman ` Ferdinan Lamser Siboro `

Sabtu, 02 Oktober 2010

BAB II -- PEMBELAJARAN HTML Pemula.

6. MEMBUAT HALAMAN WEB
1. Buka program aplikasi Notepad.
Cara: Klik tombol Start Menu – Programs - Accessories - Notepad








2. Ketik tag HTML seperti berikut.



*keterangan:
< html > tag agar web browser mengenali halaman web ditulis dalam HTML (Hypertext Markup Language) diakhiri dengan < /html >
< head > tag sebagai header sebuah web, diakhiri dengan < /head >
< title > tag untuk menampilkan informasi di titlebar diakhiri dengan < /title >
< body > semua yang ditampilkan di dalam isi web ditulis disini, diakhiri dengan < /body >

Hasil Tampilan Browser



.

BAB I -- PEMBELAJARAN HTML Pemula.

I. HTML
1. PENGERTIAN HTML
HTML ( hypertext markup language ) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Karena itu, untuk bisa melakukan pemrograman aplikasi di atas web .Anda harus terlebih dahulu menguasai HTML. Walaupun sekarang telah banyak terdapat paket aplikasi yang dapat digunakan untuk membuat halaman web secara WYSIWYG ( what you see is what you get) seperti Frontpage, DreamWeaver, Netsccape Composer dan masih banyak lagi, namun tetap harus menguasai tag-tag HTML terutama untuk membuat aplikasi di internet.

2. DASAR-DASAR HTML
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (hypertext markup language).
Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan menambah elemen atau sering disebut sebagai tag-tag.
Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag ditandai dengan simbol < dan >. Pasangan dari sebuah tag ditandai dengan tanda `/`. Misalnya pasangan dari tag adalah . Dalam hal ini disebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen bila ditulis dengan atributnya adalah sebagai berikut :
. Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah.

3. MENGENAL TAG
Tag adalah kode yang digunakan untuk me-mark-up teks ASCII sehingga membentuk file html.
Teks ASCII
Contoh:
homepage oleh browser akan ditampilkan sebagai homepage
homepage oleh browser akan ditampilkan sebagai homepage

Kode Warna
Kombinasi per dua digit RGB (red, green,blue) .
Warna Heksadesimal
White #FFFFFF
Black #000000
Red #FF0000
Green #00FF00
Blue #0000FF
Magenta #FF00FF
Cyan #00FFFF
Yellow #FFFF00
Aquamarine #70DB93
Chocolate #5C3317
Violet #9F5F9F
Brass #B5A642
Copper #B87333
Pink #FF6EC7
Orange #FF7F00

4. PENGATURAN PROPERTI HALAMAN WEB
Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen menggunakan "<" lalu "body" ">". Sebagai contoh adalah pengaturan warna latar belakang halaman, warna teks, warna link dan lain-lain.

Atribut elemen body
Background = lokasi dan nama file (latar belakang image dan dokumen)
bgcolor = warna ( warna latar belakang dokumen, default putih)
text = warna ( warna teks dokumen, default hitam)
link = warna ( warna link dokumen, default biru )
vlink = warna ( warna visited link dokumen, default ungu)
alink = warna ( warna active link dokumen, default merah)

5. HEADING, PARAGRAPH DAN BREAK
Tag heading berfungsi untuk memformat heading ( judul dan sub-judul ) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada tujuh buah heading yang dikenal di HTML, yaitu dari < h1 > sampai < h6 >.
Tag paragraph

berfungsi layaknya untuk pengaturan antar paragraph dalam halaman web anda. Dalam elemen paragraph terdapat atribut : align = [left | center | right] yang berfungsi sebagai pengaturan perataan paragraph, jadi cukup pilih salah satu dari ketiga pilihan tanpa diberi kurung buka dan tutup, sebagai default-nya adalah left. Anda dapat memilih perataan kiri, tengah atau kanan.
Tag paragraph
berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web anda. Tag Break tidak memerlukan tag penutup break.
Tag Horisontal Ruler


berfungsi untuk menampilkan garis horizontal di dalam halaman web anda. Tag Horisontal Ruler tidak memerlukan elemen penutup . (standarisasi terbaru, semua tag pembuka memakai tag penutup).






Atribut Elemen Horisontal Rules
Align = [ left / center / right ] (perataan horizontal, default center)
Size = pixel ( tebal garis, default 2 )
Noshade = ( garis solid)

Contoh:

Heading one


Heading two


Heading three


Heading four


Heading five

Heading six

Rabu, 17 Februari 2010

MySql di xampp

Didalam blog ini hanya membahas bagaimana cara mengaktifkan MySql di xampp, cara na sebagai berikut :

1. bila anda sudah menginstal mySql 5 di komputer anda, anda dapat Uninstalkan mysql 5 anda , tetapi dengan catatan data yang anda buat di mysql harus diselamatkan dengan cara :
c:/program files/ mysql/data. jadi pada data anda cukup mengCopy na paste kan pada D atau tempat yang anda inginkan .
selanjutnya kerjakan point 1 (unistal mysql 5 nya)

2. pada explorer anda hapus secara manual mysql nya denganc ara :
c:/Program Files/mysql (hapus mysqlnya)

3. Anda Instal xampp nya. setelah anda selesai mengisntalnya anda masuk pada explorer
partisi c:/Program Files/xampp/mysql/bin/winsql, pada winsql ini ada klic 2x dan masukkan username anda dan password anda, setelah itu ok. Dan Lihat pada bagian bawah ada gambar seperti lampu lalu lintas dan lampu warna hijaunya harus aktif.

4. anda masukkan ke START/Accesoris/Command Prompt
di dalam command Prompt anda ketikkan :
cd..
lalu cd.. lagi
pastiakan anda masuk dalam partisi C:, setelah itu ketikkan
C:cd Program Files\xampp\mysql\bin lalu enter
selanjutnya ketikkan lagi :
C:mysql min u root lalu enter.


>>>>>>>Demikianlah cara mengaktifkan mysql dalam xampp, sekiranya cara ini dapat berguna untuk pembaca sekalian. Thanks!!!!