Dalam pembuatan website sederhana ini saya menggunakan 6 notepad yang nanti nya setiap notepad memiliki fungsi yang berbeda beda.
hal pertama yang harus anda lakukan adalah buka Notepad copy coding dibawah ini :
A. Membuat desain awal website.
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<th bgcolor="whitesmoke">
<font face="Comic Sans MS" size="9" color="green">Selamat datang di website saya</th>
</tr>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="yellow">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
B. Membuat menu Profil.
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<td bgcolor="whitesmoke">
<fieldset class="h"/>
<table style="width:600px;" height="340px">
<tr>
<td rowspan="5" width="10px">
<img src="poto2.jpg" width="180px" height="200px" style="border:5px outset green;">
</td>
</tr>
<p><center><h1>My Profil</center>
<tr>
<td><b>NAMA</b></td>
<td>: MINO UTAMA</td>
</tr>
<tr>
<td><b>NIM</b></td>
<td>: 141410134</td>
</tr>
<tr>
<td><b>ALAMAT</b></td>
<td>: PLAJU PALEMBANG</td>
</tr>
<tr>
<td><b>JENIS KELAMIN</b></td>
<td>: Laki - Laki</td>
</tr>
<p><tr>
<td><b>Kelebihan</b></td>
<td>: Bisa Disegala hal</td>
</tr>
<tr>
<td><b>Kekurangan</b></td>
<td>: Keterbatasan Dalam Hal Money</td>
</tr>
<tr>
<td><b>E_MAIL</b></td>
<td>: <a href="https://plus.google.com/116262173949318480208">minoutama97.ml@gmail.com</a></td>
</tr>
<tr>
<td><b>Websites</b></td>
<td>-<a href="https://minoutamaweb.blogspot.co.id/2016/09/belajar-html.html">minoutamaweb.blogspot.co.id</a></td>
</tr>
<tr>
<td> </td>
<td>-<a href="https://https://minoutamablog.wordpress.com/">minoutamablog.wordpress.com</a></td>
</tr>
</td>
</tr>
</table>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="red">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
C. Membuat menu Galeri
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<td>
<center><img src="poto1.jpg" width="310" height="200">
<img src="poto2.jpg" width="310" height="200">
<p><img src="poto3.jpg" width="310" height="200">
<img src="poto4.jpg" width="310" height="200">
</td>
</tr>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="red">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
D. Membuat Halaman Artikel
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<td bgcolor="whitesmoke">
<p><h2><a href="dasarhtml.html">Belajar dasar HTML menggunakan Notepad</a>
<p><h2><a href="desainwebsite.html">Cara membuat desain website yang menarik</a>
</td>
</tr>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="red">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
Nah pada halaman artikel ini saya membuat 2 notepad yang fungsinya untuk melengkapi isi dari artikel.
a. Artikel pertama Belajar dasar HTML menggunakan Notepad
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<td bgcolor="whitesmoke">
<h3><b>Belajar dasar HTML menggunakan Notepad</b></h3>
<i><font face="Comic Sans MS" size="3">
<dd>HTML adalah bahasa dasar yang digunakan untuk membuat sebuah halaman web</dd> dan menampilkan berbagai informasi di dalam sebuah web browser. Sebelum mulai belajar web programming,
anda dituntut untuk menguasai HTML terlebih dahulu, Dan di bawah ini adalah panduan belajar
HTML yang saya susun mulai dari dasar hingga tingkatan yang lebih rumit. Mudah-mudahan bermanfaat bagi anda.
<ol>
<li><a href="http://minoutamablog.blogspot.co.id/2016/09/tag-html-dan-macam-macam-tag-html.html">Macam-macam Tag HTML</li>
<li><a href="https://minoutamaweb.blogspot.co.id/2016/09/belajar-html.html">Belajar Dasar HTML</li>
<li><a href="http://minoutamablog.blogspot.co.id/2016/09/belajar-list-pada-html_28.html">Belajar List HTML</li>
<li><a href="http://minoutamablog.blogspot.co.id/2016/09/belajar-membuat-tabel-html.html">Belajar Tabel HTML</li>
</ol>
</td>
</tr>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="red">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
b. Artikel yang kedua Cara membuat desain website yang menarik
<html>
<head>
<title> bikin website</title>
</head>
<body>
<body background="w.jpg">
<center><table width="800" border="1" cellspacing="0" cellpadding="3">
<tr>
<td bgcolor="cyan" colspan="2">
<img src="web.jpg" width="800px" height="100px">
</td>
</tr>
<tr>
<th bgcolor="cyan" width="150" height="450">
<a href="web.html">Home</a>
<p><a href="profil.html">Profil</a>
<p><a href="galeri.html">Galeri</a>
<p><a href="artikel.html">Artikel</a>
</th>
<td bgcolor="whitesmoke">
<h3><b>Cara membuat desain website yang menarik</b></h3>
<i><font face="Comic Sans MS" size="2">
<dd>Sudah tidak masanya lagi memiliki website yang sama atau mirip dengan</dd>
website lain. Sejalan dengan cepatnya perubahan waktu, trend dalam internet
marketing juga cepat berubah. Untuk berkomunikasi efektif dalam pasar yang
berkembang, anda harus dapat menciptakan suatu ide yang unik yang dapat
diimplementasikan secara efektif. Ya, untuk keberlangsungan bisnis anda,
sangat penting untuk memiliki website yang menarik dan unik agar terlihat
lebih profesional.
<p><dd>Anda harus menawarkan sesuatu yang berbeda, sesuatu yang membuat</dd>
website anda menonjol sehingga orang lain ingin mengunjungi website anda
dan mendapatkan kesan saat berada di website anda, Berikuti ini beberapa
trend yang sedang marak di kalangan web designer dunia yang tentunya dapat
membuat website anda bisa menjadi lebih unik dan menarik.
<ul>
<li>Adaptive / Responsive Web Design</li>
<li>Typography</li>
<li>Fixed Menus & Content</li>
<li>Menghindari Desain Kompleks, Pilih Minimalis</li>
<li>Mulai Hindari Flash</li>
<li>Background Full Page dan Kualitas Gambar</li>
<li>Presentasi Video</li>
</ul>
</td>
</tr>
<tr>
<td bgcolor="reef" colspan="2"><marquee><h4><font color="red">@Copyright By: MINO UTAMA</h4></td>
</tr>
</body>
</html>
Hasil:
Nah cukup sekian ya dari saya,, maaf jika sudah membuat pusing anda,, heheeee
sampai jumpa.
Nb:
Buat temen-temen Bloger. "Jangan jadi seseorang Pengcopy sejati jadilah diri anda sendiri dan mulailah belajar menganalisis, itulah yang akan membuat karya anda lebih istimewa"
by:Mino Utama
Tidak ada komentar:
Posting Komentar
Satu pesan saya buat temen-temen Bloger.
"Jangan jadi seseorang Pengcopy sejati jadilah diri anda sendiri dan mulailah belajar menganalisis, itulah yang akan membuat karya anda lebih istimewa"
by:Mino Utama2