Diberdayakan oleh Blogger.
RSS

Membuat Halaman Web Tentang Biografi Menggunakan HTML


Dalam postingan kali ini saya akan menjelaskan bagaimana membuat suatu halaman web berekstensi HTML dengan isi biografi dari BJ. Habibie. Biografi ini diambil dari laman http://www.profilpedia.com/2014/05/biografi-bj-habibie-sang-presiden-ke-3.html. Dalam membuat suatu halaman web dengan ekstensi HTML kita bisa menggunakan notepad, notepad ++ atau dengan aplikasi desain dan pengembangan web seperti Dreamweaver.
Untuk kemudahan dalam membuat sebuah halaman web dengan HTML maka disarankan menggunakan Dreamweaver karena akan lebih mudah mengedit tampilan dan mendesainnya, namun jika ingin mendalami pembuatan website, disarankan mengetahui tag tag yang terdapat pada HTML, dan membuat halaman web dengan full coding pada notepad atau notepad ++.

Untuk langkah dalam membuat suatu halaman HTML adalah sebagai berikut :

1. Pastikan program Dreamweaver terinstall di pc/laptop, run programnya

2. Pilih menu html, lalu pilih desain karena kita akan membuat halaman web dengan mendesain langsung tanpa coding


3. Kemudian mulai isi biografi tersebut, untuk mengedit teks baik itu perataan teks, bold dan sebagainya tersedia pada menu dibawah halaman kerja Dreamweaver


4. Setelah selesai, insert foto dari Bapak BJ. Habibie, klik di tempat yang akan disisipkan foto, lalu pilih menu insert kemudian pilih image


5. Lalu pilih foto yang akan diinsert ke dalam halaman web


6. Save halaman yang telah dibuat dengan nama biografi.html


7. Buka halaman tersebut di browser anda

Koding dari halaman tersebut adalah :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title></head>

<body>
<p align="center"><strong>BIODATA BJ.Habibie</strong></p>
<p align="center"><strong><img src="foto.jpg" width="188" height="210" /></strong></p>
<p align="justify"><strong>Presiden Indonesia ke-3</strong><br />
  Masa jabatan : 21 Mei 1998 – 20 Oktober 1999
  <br />
  <strong>Wakil Presiden Indonesia ke-7
  <br />
  </strong>Masa jabatan : 11 Maret 1998 – 21 Mei 1998
  <br />
  <strong>Menteri Riset dan Teknologi RI ke-1</strong>  <br />
  Masa jabatan : 29 Maret 1978 – 16 Maret 1998
  <br />
  <strong>Nama Lengkap</strong> : Prof.DR.Ing.H.Bacharuddin Jusuf Habibie
  <br />
  <strong> Nama Lain</strong> : BJ. Habibie
  <br />
  <strong> Tanggal Lahir</strong> : Kamis, 25 Juni 1936
  <br />
  <strong> Tempat Lahir</strong> : Parepare, Sul-Sel, Indonesia
  <br />
  <strong> Zodiac</strong> : Cancer
  <br />
  <strong> Hobby</strong> : Membaca
  <br />
  <strong> Kebangsaan</strong> : Indonesia, Jerman (Kehormatan)
  <br />
  <strong> Pasangan</strong> : Hasri Ainun Habibie
  <br />
  <strong> Anak</strong> : Ilham Akbar, Thareq Kemal
  <br />
  <strong> Orang Tua</strong> :  Alwi Abdul Jalil Habibie (Ayah) dan R. A. Tuti Marini Puspowardojo (Ibu)
  <br />
  <strong> Tempat Kuliah</strong> : Institut Teknologi Bandung, Rhenisch Wesfalische Tehnische Hochscule (Jerman)
  <br />
  <strong> Profesi</strong> : Insinyur
  <br />
  <strong> Agama</strong> : Islam </p>
<p align="center"><strong>BIOGRAFI</strong></p>
<p align="justify">Sekarang ini banyak orang yang ingin mengerti lebih dalam mengenai BJ.   Habibie. Hal tersebut dikarenakan pria yang satu ini memang memiliki   banyak prestasi yang membanggakan. Dalam <strong>profil dan biografi BJ. Habibie </strong>disebutkan   pria ini dilahirkan pada tahun 1936, tepatnya pada bulan Juni tanggal   25. Sekarang ini pria ini masih aktif dalam berbagai seminar dan menjadi   salah satu orang yang paling membanggakan negeri ini. Dalam sejarah,   biografi tokoh BJ. Habibie disebutkan pada tahun 1998 pria ini resmi   menggantikan Presiden Soeharto. Soeharto mundur karena banyak sekali tekanan yang berujung pada kerusuhan tahun 1998.</p>
<p align="justify">Sebelum menjadi presiden, dalam profil dan biografi BJ. Habibie   disebutkan jika pria ini pernah menjadi wakil presiden dan juga menteri.   Akan tetapi, ada banyak sekali pekerjaan lain yang pernah dilakukan   pria ini. Dalam biografi Habibie yang singkat disebutkan, pria ini   pernah menjadi orang yang penting dalam dunia penerbangan. Ada banyak   sekali hak paten yang dimiliki pria ini dalam dunia penerbangan. Namun    pada saat menjadi presiden, dia pernah melakukan keputusan yang   kontroversial dimana membuat Timor Timur lepas dari pangkuan Indonesia.</p>
<p align="justify">Dalam <em>profil dan biografi BJ. Habibie</em> juga disebutkan jika pria   ini menempuh pendidikan tinggi di ITB dan setelah itu melanjutkan   pendidikan di Jerman. Pada saat menempuh pendidikan, banyak sekali   prestasi yang dihasilkan. Dengan melihat semua prestasi yang dilakukan   tersebut membuat presiden Soeharto menjadikan pria ini sebagai salah satu anak bangsa yang paling disayang. Puncak dari kedekatan antara Soeharto dengan Habibie terjadi pada tahun 1978, dimana pada saat itu dia diangkat menjadi menteri.</p>
<p align="justify">Salah satu prestasi paling besar yang dimiliki oleh pria ini adalah   menjadikan Indonesia menjadi salah satu negara produsen pesawat terbang.   Bahkan sekarang ini masih banyak negara yang mau untuk membeli pesawat   buatan Indonesia. Dalam <strong>profil dan biografi BJ. Habibie</strong> memang   disebutkan jika dia adalah salah satu pioner dalam dunia penerbangan   yang ada di Indonesia. Sekarang ini Habibie masih selalu membuat desain   pesawat terbaru yang akan membuat dunia kagum.<br />
</p>
<p align="justify"><strong>Pendidikan BJ. Habibie</strong></p>
<p align="justify">S3: Rhenisch Wesfalische Tehnische Hochscule &ndash; Jerman<br />
S2: Rhenisch Wesfalische Tehnische Hochscule &ndash; Jerman<br />
S1: Teknik Mesin Institut Teknologi Bandung (ITB)</p>
<p align="justify">&nbsp;</p>
<p align="justify"><strong>Karier BJ. Habibie </strong></p>
<p align="justify">Presiden Republik Indonesia (1998 - 1999)<br />
Wakil Presiden Republik Indonesia (1998)<br />
Vice President dan Direktur Teknologi di&nbsp;MBB<br />
Kepala Penelitian dan Pengembangan pada Analisis Struktrur Pesawat Terbang MBB<br />
Kepala Divisi Metode dan Teknologi pada industri pesawat terbang komersial dan militer di MBB<br />
Direktur Utama PT. Industri Pesawat Terbang Nusantara (1976 - 1998)<br />
Menteri Riset dan Teknologi RI (1978 - 1998)<br />
Ketua Badan Pengkajian dan Penerapan Teknologi<br />
Direktur Utama PT. PAL Indonesia, Persero (1978 - 1998)<br />
Ketua Otorita Pengembangan Daerah Industri Pulau Batam (1978 - 1998)<br />
Ketua Tim Pengembangan Industri Pertahanan Keamanan - Keppres No. 40, 1980 (1980 - 1998)<br />
Direktur Utama, PT Pindad Persero (1983 - 1998)<br />
Wakil Ketua Dewan Pembina Industri Strategis (1988 - 1998)<br />
Ketua Badan Pengelola Industri Strategis( 1989 - 1998)<br />
Ketua Ikatan Cendekiawan Muslim se-lndonesia (1990 - 1998)<br />
Koordinator Presidium Harian, Dewan Pembina Golkar (1993)</p>
<p align="justify"><strong>Karya BJ. Habibie</strong></p>
<p align="justify">VTOL ( Vertical Take Off &amp; Landing ) Pesawat Angkut DO-31.<br />
Pesawat Angkut Militer TRANSALL C-130.<br />
Hansa Jet 320 ( Pesawat Eksekutif ).<br />
Airbus A-300 ( untuk 300 penumpang )<br />
CN - 235<br />
N-250<br />
Helikopter BO-105.<br />
Multi Role Combat Aircraft (MRCA).<br />
Beberapa proyek rudal dan satelit.</p>
<p align="justify"><strong>Penghargaan BJ. Habibie</strong></p>
<p align="justify">Award von Karman dan&nbsp;Edward Warner Award<br />
Ganesha Praja Manggala Bhakti Kencana</p>
<p align="justify">&nbsp;</p>
<p align="justify"><br />
</p>
</body>

</html>

Penjelasan dari tag-tag yang ada pada HTML tersebut adalah sebagai berikut :
<head><title>Untitled Document</title></head>
Adalah tag untuk judul halaman yang dibuat, seperti berikut ini nama halaman terletak pada "Untitled Document"


<body></body>
Adalah bagian isi dari halaman web tersebut, dalam hal ini kita mengisi body dengan teks dan gambar mengenai biografi BJ. Habibie
<p align="center"><strong>BIODATA BJ.Habibie</strong></p>
Tag diatas adalah pembuatan paragraf yang diwakili dengan tag <p></p>, align adalah untuk perataan teks yaitu center (tengah), tag strong adalah untuk membold teks yang kita ketikkan pada isinya
<img src="foto.jpg" width="188" height="210" />
Tag diatas adalah untuk memasukkan gambar, src adalah lokasi sumber dan nama file foto yang dimasukkan, width dan height berarti ukuran tinggi dan lebar dari foto tersebut
<html></html>
Tag tersebut adalah untuk mengawali dan mengakhiri suatu halaman HTML

Demikianlah cara membuat halaman web dengan ekstensi HTML.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

1 komentar:

Unknown mengatakan...

jadinya seperti apa

Posting Komentar