Pengenalan awal dalam membuat website
Sebelum kita membuat website ada baiknya kita mengetahui 2 cara yang saya ketahui dalam pembuatan website, cara pertama adalah menggunakan localhost dan cara kedua menggunakan fasilitas yang ada di blogspot ataupun Wordpress. Untuk penggunaan localhost sudah pernah saya bahas di artikel saya sebelumnya yang berjudul Maksimalkan kreativitas anda dengan memiliki website, disitu teman-teman bisa mencoba pembuatan website tahap pemula. dan untuk tahap selanjutnya akan dibahas di paragraf bawah. Sedangkan untuk bikin Website murah via Blogspot ataupun Wordpress teman-teman tinggal mengunjungi salah satu dari website tersebut dan akan mendapatkan panduan dari situs tersebut. Untuk penggunaan localhost, teman-teman harus registrasi server hosting terlebih dahulu, dengan server ini kita bisa menyimpan data-data website kita dan menampilkannya di halaman website kita.
Pembuatan Website murah menggunakan localhost
Setelah teman-teman mengetahui dan mencoba pembuatan website tahap awal (memperlihatkan fungsi dari HTML) yang sudah dibahas diartikel saya sebelumnya, sekarang kita mulai membuat website ditahapan selanjutnya menggunakan CSS dan perpaduan antara HTML dan CSS. Fungsi dari CSS adalah mempercantik design dari suatu halaman web yang sudah dibuat melalui HTML.
Berikut langkah-langkahnya :
- Seperti pembahasan sebelumnya jangan lupa kita mengaktifkan apache dan Mysql melalui XAMPP control panel. (setelah aktif terlihat port masing-masing yaitu 80,443 dan 3306).
- Setelah itu kita bisa membuka program Notepad ataupun Dreawever. (tempat kita menulisakan kode-kode dari HTML dan CSS).
- Setelah itu teman-teman bisa mengikuti kode-kode html yang saya tuliskan dibawah ini.
<html>
<head>
<title> Welcome </title>
<link rel="stylesheet" type="text/css" href="coba.css">
</head>
<body>
<div id="content">
<div id="header">
<h1> SELAMAT DATANG DI WEBSITE BARUKU </h1>
</div>
<div id="content menu">
<nav>
<ul>
<li><a href="#"> HOME </a></li>
<li><a hef="#"> ARTIKEL </a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#"> CONTACT </a><</li>
</ul>
</nav>
</div>
<div id="tampilan">
<img src="slider_banner1.jpg" width="200" height="150" class="gambar">
<p> Website ini adalah contoh website ini adalah contoh website ini adalah contoh website ini adalah contoh website ini adalah conth website ini adalah contoh </p>
</div>
<div id="menu">
<div class="navigasi">
</ul>
</div>
</div>
</body>
</html> - Setelah menulis kode HTML diatas, lalu disimpan di dalam file htdocs dengan nama belajar.php
- setelah itu kita menuliskan kode css, bisa buat sendiri atau mengikuti kode yang saya tuliskan dibawah ini.
body {
background : ur(../contoh/background1.jpg);
}
#content {
Width : 750px;
margin : auto;
#header {
border : 5px solid white;
background-color :#000000;
padding : 10px;
}
#content_menu {
width : 740px;
height : 100px;
beckground-color : white;
border : 5px solid grey;
}
h1 {
text-align : center;
color : #fff ;
font-size : 40px;
line-height : 5px;
}
#menu {
margin-left : 80px;
margin-right : 10px;
float: right;
.navigasi {
border :2px dashed grey;
border-radius : 15px;
margin-top:-270px;
padding: 10px
background : white;
}
#tampilan {
width : 510px;
margin-top : 10px
margin-bottom : 10px
padding : 10px;
border : 2px solid grey;
border-radius : 15px;
Background : src(slider_banner1.jpg); - setelah itu anda simpan di dalam file htdocs dengan nama coba.css
- setelah disimpan, kemudian kita bisa melihat tampilannya di halaman website kita dengan menulis kode URL ini : localhost/belajar1.html
- Untuk tampilannya contohnya dapat dilihat pada gambar dibawah..
Informasi tambahan untuk gambar background anda bisa memasukkan gambar apa saja yang anda mau ataupun hanya memberi warna saja, hanya merubah pada bagian colornya saja bila warna. Apabila teman-teman ingin tampilan website yang bagus dan dibuat oleh ahlinya anda bisa mengujungi situs DIGIMEBAY, layanan jasa ini sudah direkomendasikan oleh teman saya.
Diparagraf penutup ini saya ingin mengulang kembali poin-poin yang ada diatas. Untuk bikin Website murah itu walaupun bisa dipelajari tapi bukan hal yang sederhana, kita memerlukan pelatihan khusus sehingga dapat membentuk sebuah website. Pelatihan tersebut meliputi HTML, CSS, PHP dan juga Javascript yang bisa membuat website yang kita buat menjadi menarik, namum sebelumnya teman-teman juga harus merigistrasi ke jasa hosting terlebih dahulu, banyak jasa hosting yang menawarkan harga paket murah dan teman-teman bisa memilihnya. Namun apabila teman-teman ingin memiliki suatu website dengan katagori harga yang terbilang murah dan kualitas bagus, bisa mengunjungi situs DIGIMEBAY, seperti yang sudah di lakukan oleh teman saya dan mendapatkan hasil website yang dia inginkan dari situs tersebut.
No comments:
Post a Comment