Sabtu, 14 Juli 2012

Tutorial Cara Membuat dan merakit web

Tutorial Cara membuat dan merakit web - Membuat web
Membuat sebuah web berarti kita membuat sebuah design web,karena membuah sebuah website adalah pekerjaan yang sulit dan hanya bisa dilakukan oleh para web designer atau paling ahli dalam pemprograman html dan php.Tutorial Cara membuat web kali ini berhubungan dengan membuat dasar dan Stampel web.Langsung saja menuju tutorialnya

1. Siapkan Notepad
2. Copy paste html berikut ini :
    <html>
    <head>
    <title>Judul website anda</title>
    </head>
    <Body>
    <span style="font-size: ukuran text; color: warna tulisan;">
    <p>Ini adalah website pertama yang dibuat oleh saya</p></span>
    </body>
    </html>
3. Save as Dan Simpanlah dengan nama : websitepertama.html ( harus pakai .html )

Penjelasan :
<html> adalah Pembuka dalam code html
<head> Bagian atas website anda,contoh menubar dan navigasi
<title> adalah judul pada website anda
</title> adalah penutup sebuah kode contoh : awalan <html> harus di akhiri dengan </html>
</head> Penutup bagian atas web
<body> adalah isi sebuah website,contoh : Post artikel,menu,content
<span style> adalah code untuk merubah dan mengedit kata-kata pada kode <p>
<p> adalah pharagraph. ( merupakan isi content anda )
</body> adalah penutup untuk Kode </body>
</html> adalah penutup kode <html>


Penjelasan di atas hanya sedikit dari sekian banyak ribuan html code,contoh misalnya <p> bisa diganti dengan kode <b> ( bold ),atau apabila ingin memasukan Url ke website bisa dilakukan html berikut   :

<body>
<b><a href="Url situs disini">Nama Untuk Situs</a></b>
</body>


Save dan lihat hasilnya.

Atau apabila ingin menambahkan menu di web maka bisa dilakukan dengan html :

<html>
<head>
<style type="text/css">


#menubar  {
      widht : 200px;
      font: arial,halvetica,verdana;
      position : normal
      padding : 20px;
}


</style>
<title>Kode menubar</title>
</head>
<body>
<div id="Menubar">
<li><a href="url">nama situs</a></li> | 
<li><a href="url kedua">Nama situs 2</a></li></div>
</body>
</html>


Penjelasan :

<style type> adalah code untuk mengatur tingkat lebar,posisi,padding,margin,dan lainnya
<div id> adalah code pembuka dan penghubung dengan code <style>. contoh : #menubar

Masih banyak penjelasan yang ingin saya tutorialkan,tapi karena terlalu banyak akan lebih baik bila dipublish satu-per satu melalui artikel - artikel terpisah,Saking banyaknya tutorial Cara membuat dan merakit web ini,saya jadi malasa untuk mempublishnya.Tapi mudah-mudahan saja bisa bermanfaat untuk anda yang ingin Tahu Tutorial Cara membuat web dan merakit web ini.
Mungkin artikel lebih lanjut saya akan tutorialkan Bagaimana membuat style dan css nya terlebih dahulu

Sekian Artikel Tutorial Cara membuat dan merakit web.
Semoga bermanfaat ....


Title: Tutorial Membuat web dan merakit web
Description: Tutorial membuat web
Item Reviewed: Tutorial Cara membuat dan merakit sebuah web




0 komentar:

Posting Komentar

Komentar anda sangat diperlukan dalam rangka perbaikan sekaligus analisis terhadap diri insan pribadi :-)

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | Grocery Coupons | Blogspottemplate | Wpthemesbest