LAPORAN PRAKTIKUM

PEMROGRAMAN WEB 1

MODUL 1 (SATU)

Disusun Oleh :

Nama : Rizki WirawantoNim : 2011081109Prodi : Teknik Informatika B 2011

LABORATORIUM KOMPUTER

FAKULTAS ILMU KOMPUTER

UNIVERSITAS KUNINGAN

2011

A. DASAR TEORI

(Pengaturan huruf )

Ada beberapa perintah dalam HTML untuk mengatur tulisan terutama

huruf, mulai dari jenis huruf, besar huruf, warna huruf, pindah baris dan

paragraph.

Dalam hal ini kita akan mencoba membuat sebuah web yang berisi

pelajaran hari ini yang berupa pengaturan baris dan huruf. Mari kita mulai:

silahkan buat di NotePad tulisan ini:

Untuk mengatur huruf supaya menjadi

bold/ cetak tebal digunakan <strong>cetak tebal</strong>

underline/ garis bawah digunakan <u>garis bawah</u>

italic/ cetak miring digunakan <i>italic</i>

Sedangkan untuk merubah ukuran, warna, dan jenis huruf dapat digunakan:

<font size=7>diakhiri </font>

Sebagai contoh: akan membuat warna merah

maka kita tulis: <font color=”#ff0000″>huruf berwarna merah</font>

Sedangkan untuk ukuran digunakan angka dari 1 sampai 7

Contoh akan dibuat ukuran huruf 7.

Maka ditulis <font size=”7″>hurup ini berukuran 7</font>

Untuk merubah jenis huruf digunakan FACE

Untuk contoh: akan dibuat huruf dengan jenis verdana. Maka ditulis

<font face=”Verdana”>ini jenis huruf Verdana</font>

Ada kalanya pada satu kata kita ingin membuat perintah gabungan contoh jenis

huruf Impac warna biru dan ukuran huruf 4 maka untuk hal ini digunakan perintah

<font size=”4″ color=”#0000ff”face=”Impac”>Ini adalah bentuk gabungan

dengan jenis huruf Impac, warna Biru, dan ukuran 4</font> Ini saya tidak tahu

<font color=”#00f6ff”>Warna apa</font> Kode ini berawal dari anggka 000000

sampai dengan angka FFFFFF</u><u>Simpan file ini dengan nama Kelas Nama

huruf.HTML. dan jalankan atau buka file ini dengan Internet explorer. Itulah hasil

dari perubahan jenis huruf, warna huruf dan ukuran huruf. Sekarang tambahkan

pada beberapa tempat dan jugadi tempat tertentu.

Kemudian lihat kembali hasilnya akan terjadi perubahan lagi karena

adalah perintah untuk memindahkan 1 baris ke baris berikutnya. Sedangkan untuk

membuat paragraph yaitu memindahkan tulisan 1 baris kebawah dengan

melompat 1 baris.

B. PRAKTIKUM

1. Ketikan program modul-1a dengan menggunakan notepad

Jalankan dan amati hasilnya

2. Ubahlah huruf pada baris pertama dengan menggunakan <h2> dan baris

kedua menggunakan <h1>.

3. Buatlah semua huruf berada ditengah-tengah (centering)

4. Buatlah garis horizontal pada baris ketiga

5. Buatlah tulisan universitas kuningan menjadi bergerak dari kanan kekiri

6. ketikan contoh program contoh 1, jalankan dan amati hasilnya

7. Pada baris yg bertulis office, ubahlah jenis huruf menjadi Times new

roman dengan ukuran 10.

8. Buatlah warna yang menarik pada baris tersebut

9. Ketik contoh program 2, jalankan dan amati hasilnya

10. Buatlah tulisan”PT ALIM RUGI”, dengan ukuran huruf paling besar dan

beri warna yang menarik.

11. Lima baris berikutnya, ketikan alamat Jl. Pramuka 77 Cirebon Telp.

(0231)482874

12. Ketikan program contoh 3, jalankan dan amati hasilnya

13. Ubahlah jenis urutan huruf menjadi urutan angka, sehingga setiap fakultas

memiliki nomor urut.

14. Ketikan program contoh 4, jalankan dan amati hasilnya

15. Buatlah angka berurut pada setiap fakultas

C. PERTANYAAN DAN TUGAS

1. Bisakah anda membuat tag-tag HTML dalam Microsoft Word ?

Jelaskan !

Jawab :

Tentu saja bisa, karena membuat tag-tag HTML bisa menggunakan

editor text apa saja.

2. Bisakah tag-tag HTML seperti untuk mempertebal, membuat garis

bawah,membuat centering, dan lain-lain ditulis dalam satu baris ?

Mengapa ?

Jawab :

Tentu bisa, karena semua itu adalah satu kesatuan dalam syntak <font>

3. Buatlah satu Script yang menarik untuk Sebuah Perusahaan, dimana

didalanya terdapat informasi.

a. Nama perusahaan

b. Alamat Perusahaan

c. Gambar sebagai pengganti logo perusahaan

Jawab :

- Script nya sebagai berikut :

- Hasilnya akan seperti ini :

D. KESIMPULAN

HTML (HyperText Mark up Language) merupakan suatu metoda untuk

mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.

HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya

yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan

sebagai program.

Bentuk umum dari HTML itu sendiri adalah :

<html>

<head>

<title> </title>

</head>

<body>

</body>

</html>