Kawan..... Pasti kalian semua pernah membuka facebook atau membuka halaman sebuah website di browser, Namun apa di antara kalian pernah bertanya atau penasaran tentang bagaimana cara membuat halaman web yang berisi konsen gambar,text,warna dan lain-lain yang tertata bagus dan rapi.
Saya tidak menjelaskan banyak mengenai bagaimana cara atau dari apa halaman tersebut di buat, disamping pasti akan lama pemaparanya kebetulan saya sendiri juga bukan ahlinya. namun sedikit saja sebagai bocoran pengetahuan.
Halaman web dalam pembuatanya tak seindah yang kita lihat, halaman web di buat dengan bahasa pengkodean atau biasa di sebut Script yang kalau di lihat mampu membuat puyeng kepala karena banyak dan ruwetnya.
Script dalam perkembanganya telah melahirkan banyak jenis, diantaranya Script html, css, php, javascript dan lain-lain yang salin berkait paut dalam pemakaianya. di bawah ini ada sedikit contoh jenis penulisan script tersebut.
Contoh script html :
<html>
<head>
<title> Latihan HTML </title>
<head>
<body>
<body bgcolor=#00FFFF>
<h1> Belajar Website </h1>
<hr width=100% align=center size=5% color="blue">
<h2><b>HURUF TEBAL</b></h2>
<p><i>Huruf Miring</i><br><u>Garis Bawah</u> </p>
<h3>Daftar:</h3>
<p>1. No Satu<br>2. No Dua<br>3. No Tiga</p>
<p>Contoh Script HTML yang sederhana semoga dapat membantu anda</p>
</body>
</html>
Contoh script css :
#sidebar-wrapper{width:320px; float:$endSide; word-wrap:break-word; overflow:hidden}
h2{font:$headerfont; line-height:1.4em; text-transform:none; letter-spacing:.01em; color:$sidebarcolor; margin:.5em 0 .25em}
h2.date-header{text-transform:none; font:normal 12px Arial; color:#999; line-height:1.2em; margin:.1em 0}
Contoh script php :
<div id="content">
<h2><font color="#006600">Tentang Pembuat Program</font></h2>
<img src="images/Icon.png" width="100" height="110"/>
<p>
Nama : <b>Chris Medianto Purba </b><br/>
Website : <a href="http://www.jualtutorialku.com"><strong>www.JualTutorialKu.com</strong></a><br/>
Email : <a href="mailto:chrismediantopurba@gmail.com">chrismediantopurba@gmail.com</a><br/>
</p>
</div>
Contoh script Javascript :
(function($) { $(document).ready(function(){
$("#bbccarousel .container").bbcCarousel({
auto:4000,
scroll: 3,
speed: 800,
visible: 3,
start: 1,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button",
});
})})(jQuery)
Jika anda masih bingung mengenai apa itu script, mudah saja... Saat kalian membuka halaman facebook atau halaman web coba tekan Ctrl + U ( tekan Ctrl bersama U pada keyboard komputer atau laptop ) nanti akan muncul wujud asli halaman tersebut. jangan kaget dan jangan heran jika bentuk asli halaman web ternyata tak seindah yang biasa kita lihat. tapi memang begitulah hakikatnya.
0 komentar:
Posting Komentar