Tuesday, May 17, 2016

Laporan Praktikum Hypertext Markup Language (HTML)



BAB I
Pendahuluan
            Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengemHbangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa , yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
            HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 merupakan penyempurnaan dari HTML+ (1993).
            HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consurtium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).

Tujuan Praktikum
            Tujuan dari praktikum ini adalah untuk mendesain sistem informasi berbasis WEB menggunakan MS Publisher.

Perangkat Lunak Pendukung Sistem Informasi Berbasis Aplikasi
            Adapun perangkat lunak yang digunakan adalah Notepad dan aplikasi browser. Serta aplikasi edit background Adobe Photoshop CS3.





BAB II
HASIL
1.      Hasil perintah 1 WEB3.HTML   Screenshot_14.png
Gambar 2.1 Hasil WEB3.HTML
2.      Hasil perintah 2 WEB4.HTMLScreenshot_23.png
Gambar 2.1 Hasil WEB4.HTML



3. Hasil desain website sederhana
Screenshot_26.png 













         Gambar 2.3 desain web sederhana














BAB III
PEMBAHASAN
3.1 Perintah 1 WEB3.HTML
1.      Dibuka file Notepad dengan diklik start windows dan diklik Notepad.Screenshot_21.png
                 Gambar 3.1.1 Membuka Notepad
2.      Diketik sejumlah perintah  1 seperti gambar berikut :Screenshot_10.png
Gambar 3.1.2 Lembar kerja Notepad
3.      Disimpan dengan diklik File→Save (Ctrl+S)Screenshot_11.png
Gambar 3.1.3 Menyimpan file Notepad
4.      Disimpan dengan nama file WEB3.HTMLScreenshot_12.png
Gambar 3.1.4 Menyimpan file Notepad di Dokumen
5.      Dicari dan dibuka kembali file WEB3.HTMLScreenshot_14.png
Gambar 3.1.5 Hasil dibuka dengan aplikasi browser

6.      Dapat diedit file yang dibuat dengan cara : →Klik kanan→Open with→NotepadScreenshot_15.png
Gambar 3.1.6 Peng-editan file di Notepad



3.2 Perintah 2 WEB4.HTML
1.      Dibuka file Notepad dengan diklik start windows dan diklik Notepad.Screenshot_21.png
                 Gambar 3.2.1 Membuka Notepad

2.      Diketik sejumlah perintah  1 seperti gambar berikut :Screenshot_16.png
Gambar 3.2.2 Lembar kerja Notepad

3.      Disimpan dengan diklik File→Save (Ctrl+S)Screenshot_22.png
Gambar 3.2.3 Menyimpan file Notepad

4.      Disimpan dengan nama file WEB4.HTMLScreenshot_17.png
Gambar 3.2.4 Menyimpan file Notepad di Dokumen

5.      Dicari dan dibuka kembali file WEB4.HTMLScreenshot_23.png
Gambar 3.2.5 Hasil dibuka dengan aplikasi browser

6.      Dapat diedit file yang dibuat dengan cara : →Klik kanan→Open with→NotepadScreenshot_19.png
Gambar 3.2.6 Peng-editan file di Notepad
3.3 Desain website sederhana
            Langkah-langkah Desain website sederhana menggunakan Notepad
1.      Dibuka file Notepad dengan diklik start windows dan diklik Notepad.Screenshot_21.png
                 Gambar 3.3.1 Membuka Notepad
2.      Diketik sejumlah perintah seperti gambar berikut.Screenshot_28.png
GAMBAR 3.3.1 Kode perintah pembuatan website

Screenshot_29.png
Gambar 3.3.3 Kode perintah pembuatan website
3.      Disimpan dengan diklik File→Save (Ctrl+S)Screenshot_30.png
Gambar 3.3.4 Menyimpan file Notepad
4.      Disimpan dengan nama file website sederhana.HTML .Screenshot_31.png
Gambar 3.3.5 Menyimpan file Notepad di dokumen
5.      Dibuka kembali file Web Sederhana.HTML menggunakan browserScreenshot_26.png
Gambar 3.3.6 File dibuka menggunakan aplikasi browser

No comments:

Post a Comment