tutorialswb

TutorialsWB hadir sebagai wadah bagi teman-teman yang ingin "Belajar PHP Dasar". Sehingga kami yakin bahwa TutorialsWB akan menjadi Pusat "Belajar Bahasa Pemrograman PHP" Disamping PHP website ini menyediakan berbagai tips dan trik Blogger. Kami menerima Pemasangan iklan banner atau artikel.

Hubungi Saya

Membuat Desain Template yang bagus dengan HTML



Selamat malam guys malam ini saya akan berbagi bagaimana desain template yang bagus,responsive dan sesuai aturan. yang saya ketahui desain template yang bagus adalah desain template yang responsive, mudah di edit dan teratur.

Makanya kali ini saya membagikan bagaimana desain template yang bagus dan sesuai aturan. tetapi satu hal yang sobat perlu ketahui di sini saya tidak membagikan template tetapi hanya desainnya menggunakan kode html.

disini saya menggunakan aplikasi Notepad++, jika sobat belum mempunyai aplikasinya silahkan download di bawah ini.

Download: Notepad++
  • berikutnya buka aplikasi notepad++ anda dan masukkan kode html di bawah ini.
<html>
<body>
<center>
<body background = "GHJJ.png">
<table >
  <tr>

    <td style = "vertical-align:top" colspan="2", width=500, height=50 bgcolor=#777d6a>Website Logo</td>
 
  </tr>
   <tr>
   <center>
    <td colspan="2", width=300, bgcolor=#a9ae9f><u>Home</u></td>
</tr>
</center>
<tr>
<br></br>
    <td style = "horizontal-align:top", width=100, height=200, bgcolor=#999f8e>

<u>Menu Link</u></br>
<u>Menu Link</u></br>
<u>Menu Link</u></br>
<u>Menu Link</u></br>
<u>Menu Link</u></br>

</td>
    <td bgcolor=#d2d8c7>

</td>
</tr>
<tr>
<td colspan="2", height=20, bgcolor=#777d6a><u></u></td>
</tr>
 </center>
</table>
</html>
</body>

  • setelah anda memasukkan kode html di atas, ganti bahasa pada aplikasi notepad++ anda menjadi bahasa html.
  • simpan file notepad++ anda, terserah anda ingin memberi nama file apa saja yang jelas mudah anda ingat.
  • cari file yang anda simpan tadi klik 2 kali kemudian anda akan melihat hasilnya. anda juga bisa melihat hasil tampilannya pada notepad++ dengan mengklik run, kemudian pilih launch in chrome.
  • lihat hasilnya seperti gambar di bawah ini.

Jika anda belum puas dengan tampilannya anda bisa mendesainnya sendiri, tetapi sekedar saran desain template di atas sudah bagus dan sesuai. jika ada yang kurang jelas dan ingin bertanya silahkan tinggalkan comment dibawah ini. sekian wassalam😃



Baca Juga

closed