Cara membuat membuat Website dengan HTML Bagian 1

Baca Juga

Pada artikel-artikel sebelumnya, saya sudah membahas cara membuat Hyperlink, cara membuat table, terus saya juga sudah memberikan contoh cara membuat login form dengan HTML.

Dan artikel saya ini saya akan membahas cara membuat website dengan HTML.

Sebelum kita melangkah dalam cara membuat website, terlebih dahulu kita membuat sketsa website.

Alasan mengapa kita membuat sketsa duluan karena katanya yang paling sulit itu menentukan layout website. Kalau layout ada perubahan bisa jadi pada source yang lain juga banyak di rubah. Tapi itu sering terjadi jika kita download theme yang sudah jadi bukan bikinan sendiri.

Ini tampilan sketsa yang saya bikin ::

 

Dan ini adalah source codenya::

 
<table width="863" height="580" border="1" align="center">
    <tr>
      <td height="118" colspan="4"><div align="center">Header</div></td>
    </tr>
    <tr>
      <td width="166" height="25">Home</td>
      <td width="182">Artikel</td>
      <td width="259">Buku Tamu </td>
      <td width="228">About</td>
    </tr>
    <tr>
      <td colspan="3" rowspan="2"><div align="center">Isi Berita </div></td>
      <td height="28">Kategori</td>
    </tr>
    <tr>
      <td rowspan="2"> </td>
    </tr>
    
    <tr>
      <td height="196" colspan="3"><table width="621" height="201" border="1">
        <tr>
          <td colspan="3"><div align="center">Galleri</div></td>
          </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
        <tr>
          <td> </td>
          <td> </td>
          <td> </td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td height="1" colspan="4"><div align="center">Footer</div></td>
    </tr>
  </table>

Maaf Hasil tampilannya tidak bisa di perlihatkan, jadi teman-teman bisa mencobanya langsung.  Atikel ini saya akhiri sampai disini dlu sambungannya nanti saya tulis dalam artkel yang selanjutnya.

Mohon maaf karena ketidak nyamanan ini
Salam Hangat Dari saya


Roy Purbo