About

Senin, 29 Februari 2016

TCP/IP

Assalamualaikum wr.wb

Hari ini saya belajar bersama-sama dengan mbah suro tentang Tcp/Ip.Bagaimana kah kelanjutannya mari kita simak penjelasan berikut ini!

Apa yang anda ketahui tentang TCP?
Dan apa yang dimaksud dengan IP?


Pengertian TCP 


                 Tcp adalah salah satu perangkat lunak jaringan komputer (networking software) yang terdapat dalam sistem, dan dipergunakan dalam komunikasi data dalam local area network (LAN) maupun Internet.
TCP singkatan dari Transmission Control Protocol dan IP singkatan dari Internet Protocol. TCP/IP menjadi satu nama karena fungsinya selalu bergandengan satu sama lain dalam komunikasi data.

TCP/IP saat ini dipergunakan dalam banyak jaringan komputer lokal (LAN) yang terhubung ke Internet, karena memiliki sifat:

  1. Merupakan protokol standar yang terbuka, gratis dan dikembangkan terpisah dari perangkat keras komputer tertentu. Karena itu protokol ini banyak didukung oleh vendor perangkat keras, sehingga TCP/IP merupakan pemersatu perangkat keras komputer yang beragam merk begitu juga sebagai pemersatu berbagai perangkat lunak yang beragam merk sehingga walau memakai perangkat keras dan perangkat lunak komputer yang berlainan, komputer dan komputer lainnya dapat berkomunikasi data melalui Internet.
  2. Berdiri sendiri dari perangkat keras jaringan apapun. Sifat ini memungkinkan TCP/IP bergabung dengan banyak jaringan komputer. TCP/IP bisa beroperasi melalui sebuah Ethernet, sebuah saluran dial-up, dan secara virtual melalui berbagai media fisik transmisi data.
  3. Bisa dijadikan alamat umum sehingga tiap perangkat yang memakai TCP/IP akan memiliki sebuah alamat unik dalam sebuah jaringan komputer lokal, atau dalam jaringan kumputer global seperti Internet.

 1. Format IP :

Sebuah alamat IP berisi satu bagian network dan satu bagian host, tetapi formatnya tidak sama pada setiap alamat IP. Sejumlah bit alamat dipakai disini untuk mengidentifikasi network, dan angka dipakai untuk mengidentifikasi host, dan beragam kelas alamat IP. Ada tiga kelas utama alamat IP yaitu kelas A, B dan C.

2. Ketentuan kelas alamat IP :

  • Jika bit pertama dari sebuah alamat IP adalah angka 0, ini menunjukan network kelas A. Tujuh bit berikutnya menunjukan identitas network, dan 24 bit terakhir menunjukan identitas host. Ada 128 buah network kelas , tapi didalam setiap kelas A bisa terdapat jutaan host.
  • Jika bit pertama dari dua angka alamat IP adalah 10, ini menunjukan alamat IP network kelas B. Angka Bit pertama kelas, kemudian 24 bit berikutnya menunjukan identitas alamat network, dan 10 bit berikutnya untuk host. Ada ribuan angka network kelas B dan setiap kelas B dapat berisi ribuan host.
  • Jika bit pertama dari tiga bit alamat IP adalah 110, ini merupakan alamat IP kelas C. Tiga bit pertama berupa alamat kelas. 21 bit berikutnya sebagai alamat network, dan 8 bit selanjutnya merupakan identitas host. Ada jutaan network kelas C, dan didalam tiap kelas C ada 254 host.

Tampaknya seperti rumit, tetapi karena adanya penulisan alamat IP memakai bilangan desimal (0-255), maka keruwetan itu tidak terlihat. Secara sederhana bisa dilihat ketentuan pemisahan kelas network seperti berikut ini ;

  • Kurang dari 128 adalah alamat kelas A, byte pertama adalah bilangan network, tiga byte berikutnya adalah alamat host.
  • Dari 128 sampai 191 adalah alamat kelas B, dua byte pertama sebagai alamat network, dan dua byte terakhir sebagai alamat host.
  • Dari 192 sampai 223 adalah alamat kelas C, tiga byte pertama sebagai alamat network, dan byte terakhir sebagai alamat host.


  1. Sebuah network memiliki alamat IP 026.104.0.19. Ini bisa ditulis juga dg 26.104.0.19. menjelaskan adanya host dengan alamat IP nomor 104.0.19 dalam network 26 yang termasuk kelas A.
Alamat IP 128.66.12.1. menunjukan alamat IP host 12.1 didalam network nomor 128.66 yang termasuk kelas B.  



  Pengertian IP address (Internet Protocol Address)


  
IP adalah suatu identitas numerik yang dilabelkan kepada suatu alat seperti komputer, router atau printer yang terdapat dalam suatu jaringan komputer yang menggunakan internet protocol sebagai sarana komunikasi. IP address memiliki dua fungsi, yakni:

v  Sebagai alat identifikasi host atau antarmuka pada jaringan. Fungsi ini diilustrasikan seperti nama orang sebagai suatu metode untuk mengenali siapa orang tersebut. dalam jaringan komputer berlaku hal yang sama.



v  Sebagai alamat lokasi jaringan. Fungsi ini diilustrasikan seperti alamat rumah kita yang menunjukkan lokasi kita berada. Untuk memudahkan pengiriman paket data, maka IP address memuat informasi keberadaannya. Ada rute yang harus dilalui agar data dapat sampai ke komputer yang dituju.



IP address menggunakan bilangan 32 bit. Sistem ini dikenal dengan nama Internet Protocol version 4 atau IPv4. Saat ini IPv4 masih digunakan meskipun sudah ada IPv6 yang diperkenalkan pada tahun 1995. Hal ini dikarenakan tingginya pertumbuhan jumlah komputer yang terkoneksi ke internet. Maka dibutuhkan alamat yang lebih banyak yang mampu mengidentifikasi banyak anggota jaringan.



5





B.   Format IP address

Sebenarnya pengalamatan IP address menggunakan bilangan biner. Namun supaya lebih mudah ditulis dan dibaca oleh manusia, maka IP address ditulis dengan bilangan 4 desimal yang masing-masing dipisahkan oleh titik. Format penulisan ini disebut sebagai dotted-decimal notation. Setiap bilangan desimal merupakan nilai dari satu oktet atau delapan bit alamat IP. Sebagai contoh adalah sebagai berikut:



192.168.1.1



Jika dikonversi menjadi bilangan biner adalah sebagai berikut:



11000000.10101000.1.1




            Struktur IP address terdiri atas dua bagian yaitu bagian networkID dan hostID. NetworkID menunjukkan ID alamat jaringan tempat host-host berada, sedangkan hostID adalah bagian yang menunjukkan host itu berada. Sederhananya, networkID seperti nama jalan sedangkan hostID adalah nomor rumah dijalan tersebut.



C.   Network ID dan Host ID

Pembagian kelas IP address diatas didasarkan pada dua hal, yakni network ID dan host ID. Network ID adalah bagian dari IP address yang menunjukkan lokasi jaringan komputer tersebut berada. Sedangkan host ID menunjukkan seluruh host TCP/IP yang lain dalam jaringan tersebut.



         D.   Pembagian Kelas IP Address



Ø  IP Address Kelas A, merupakan IP address dengan jumlah yang sangat besar, sehingga biasanya digunakan untuk jaringan yang sangat besar dengan jumlah host yang sangat banyak. Sebagai contoh pada penggunaan IP address : 113.46.5.6 , 113 berfungsi sebagai network ID sedangkan 46.5.6 berfungsi sebagai host ID nya.



Ø  IP Address Kelas B, merupakan IP address dengan jumlah host yang sedang, jumlah maksimal host berkisar 65.534 host, sehingga IP ini cocok untuk jaringan dengan jumlah host yang tidak terlalu besar dan tidak terlalu kecil. Sebagai contoh penggunaan IP address Kelas B adalah : 132.92.121.1 , 132.92 berfungsi sebagai network ID sedangkan 121.1 berfungsi sebagai host ID.



Ø  IP Address Kelas C, merupakan IP address dengan jumlah host yang sangat kecil sehingga IP address ini digunakan untuk jaringan kecil seperti disekolah-sekolah, dikantor-kantor maupun instansi rumahan, jumlah maksimal host pada IP address ini hanya 254 host. Seabagai contoh penggunaan IP Address Kelas C adalah : 192.168.1.2 , 192.168.1 merupakan network ID dan 2 merupakan host ID-nya



E.   Subnet Mask

Nilai subnet mask berfungsi untuk memisahkan network ID dengan host ID. Subnet mask diperlukan oleh TCP/IP untuk menentukan, apakah jaringan yang dimaksud adalah jaringan lokal atau nonlokal. Untuk jaringan Nonlokal berarti TCP/IP harus mengirimkan paket data melalui sebuah Router. Dengan demikian, diperlukan  address mask untuk menyaring IP address dan paket data yang keluar masuk jaringan tersebut.



6





Network ID dan host ID didalam IP address dibedakan oleh penggunaan subnet mask. Masing-masing subnet mask menggunakan pola nomor 32-bit yang merupakan bit groups dari semua satu (1) yang menunjukkan network ID dan semua nol (0) menunjukkan host ID dari porsi IP address.

       Sebagai contoh, alamat kelas B: 170.203.93.5 bilangan binernya adalah:



       10101010 11001011 01011101 00000101



       Subnet mask default untuk alamat kelas B adalah:



       11111111 11111111 00000000 00000000



       Bisa juga ditulis dalam notasi desimal:




       255.255.0.0



F.   Alamat  Khusus


Selain address yang dipergunakan untuk pengenal host, ada beberapa jenis address yang digunakan untuk keperluan khusus dan tidak boleh digunakan untuk pengenal host. Address tersebut adalah :



ü  Network  Address. Address ini digunakan untuk mengenali suatu network pada jaringan Internet. Address ini didapat dengan membuat seluruh bit host menjadi 0. Misalkan untuk host dengan IP Address kelas B 167.205.9.35. Tanpa memakai subnet, network address dari host ini adalah 167.205.0.0. Tujuannya adalah untuk menyederhanakan informasi routing pada Internet. Router cukup melihat network address (167.205) untuk menentukan kemana paket tersebut harus dikirimkan.



ü  Broadcast  Address. Address ini digunakan untuk mengirim/menerima informasi yang harus diketahui oleh seluruh host yang ada pada suatu network. Address broadcast diperoleh dengan membuat seluruh bit host pada IP Address menjadi 1. Jadi, untuk host dengan IP address 167.205.9.35 atau 167.205.240.2, broadcast addressnya adalah 167.205.255.255. Jenis informasi yang dibroadcast biasanya adalah informasi routing.




ü  Loopback Address. Alamat dengan NetID 127 adalah alamat khusus yang digunakan sebagai loopback address. Alamat ini digunakan untuk menguji perangkat lunak pada komputer atau host.



G.   Private  Address


Privat Address adaah kelompok IP Addres yang dapat dipakai tanpa harus melakukan pendaftaran. IP Address ini hanya dapat digunakanuntuk jaringan local (LAN) dan tidak dikenal dan diabaikan oleh Internet. Alamat ini adalah unik bagi jaringan lokalnya tetapi tidak unik bagi jaringan global. Agar IP Private ini dapat terkoneksi ke internet, diperlukan peralatan Router dengan fasilitas Network Address Traslation (NAT). 

Berikut adalah Alamat yang dicadangkan untuk jaringan private:



7





Private  Address Kelas A :   

IP Address dari 10.0.0.0 – 10.255.255.254, setara dengan sebuah jaringan dengan 24 bit host. Atau sekitar 16.777.214 host.



Private  Address Kelas B:

172.16.0.0 – 172.31.255.255, setara dengan 16 jaringan yang masing-masing jaringan memiliki host  efektif sebanyak 65.534 host.



Private Address Kelas C:


192.168.0.0 – 192.168.255.254, setara dengan 256 jaringan yang masing-masing jaringan memiliki host  efektif sebanyak 254 host.







Sumber :http://makalahjaringandasar.blogspot.co.id/



Sekian dulu penjelasan dari saya semoga bermanfaat. Terima Kasih 

Wassalamualaikum wr.wb





 

Sabtu, 27 Februari 2016

Css layout

Assalamualaikum wr.wb

Dalam pertemuan kali ini saya ingin sharing tentang layout css dan tutorial membuat layout secara simple dan muidah untuk para pemula.

Berikut Tutorialnya :

1.Sebelum kita Masuk ke script terlebih dahulu kita harus mendownload terlebih dahulu desaign di css template karen pada aplikasi ini kita dimudahkan untuk membuat design web yang gampang dan simple.


2.Kemudian klik free css layouts dan pilih template sesuai keinginan anda.



3.Jika sudah silahkan download template lalu Extraxt file kemudian otomatis akan muncul file baru pada hasil extraxt tadi lalu klik double dan klik kanan =>open with bluefish atau aplikasi yang lain (sesuai selera).



4. Dan ini lah scrit dari hasil download tadi kemudian mulai lah mengedit scritp dan bisa ditambahkan, background,gambar maupun yang lainnya(tergantung selera anda),

5.Setelah selsai mengedit maka lihatlah hasil dari scrit web design tersebut di web browser.
Dan ini lah hasil akhir




Sekian dulu sharing saya kali ini semoga bermanfaat dan selamat mencoba.
Wassalamualaikum wr.wb

Jumat, 26 Februari 2016

Belajar Css

Assalamualaikum wr.wb

hari ini saya sedang belajar memahami CSS di w3schools maupun diweb browser. Karena sebelum kita melengkah lebih lanjut kita harus paham terlebih dahulu tentang html maupun Css. Untu lebih lanjutnya mari kita simak penjelasan berikut ini :

Pengertian
      Css adalah slah satu bahasa style web yang sangat populer yang dipakai pada berbagai apliklasi web.

Kegunaan dari css itu sendiri yaitu untuk menentukan halaman web yang anda buat, termasuk desain, tata letak dan variasi tampilan untuk perangkat yang berbeda dan ukuran layar.

Cara yang digunakan untuk menyisipkan Css bisa dengan :

1.Style sheet Eksternal : meng-link kansuatu alamat yang ditujuh dengan penempatannya didalam <head></head>.
2.Style sheet Internal : Digunakan untuk satu halaman tunggal jadi kita membuat script <style> didalam <head</head>
3.Gaya Inline : Menerapkan gaya yang unik untuk elemen tunggal hanya cukup menambahkan atribut style untuk elemen yang relevan contonya seperti <h1><h2><h3><h4> dan seterusnya.
4.Multiple style sheet : Pemilihan style sheet yang berbeda maka nilai-nilainya akan diwariskan dari style sheet yang lebih spesifik.

Syntax dari Css :
* Selector => Html elementyang ingin dibuat stylenya.
* Declaration => Isi dari property dan nilai dari css.

Macam-macam Css :

Css margin property => digunakan untuk menghasilkan ruang disekitar elemen/ halaman sifat dari margin itu sendiri untuk mengatur ukuran ruang putih luar perbatasan maksimal ukuran dari margin yang digunakan 80px.

Fungsi dari margin : jarak antara garis tepi/border untuk suatu elemen ke bagian sebelah luar/jarak antara batas elemen kebagian sebelah luar/jarak antara batas elemen ke elemen lainnya.

Property dari Css margin :

- Margin-top : memberi jarak pada bagian luar atas
- Margin-right : memberi jarak pada bagian luar kanan
- Margin-Botton : memberi jarak pada bagian luar bawah
- Margin-Left : memberi jarak pada bagian luar kiri



Css padding Property => digunakan untuk menghasilkan ruang disekitar konten yang mengatur ukuran ruang putih antara sisi elemen dan perbatasan elemen maksimal elemen ini memiliki padding 50px.

Fungsi dari padding : Jarak antara garis tepi/Border untuk suatu elemen ke bagian dalam/isi dari elemen itu sendiri.

Property dari Css Padding :

- Padding-top : memberi jarak pada  bagian dalam atas
- Padding-right : memberi jarak pada bagian dalam kanan
- Padding-botton : memberi jarak pada bagian dalam bawah
- Padding-left : memberi jarak pada bagian dalam kiri

Np: Untuk pemberian nilai dari property digunakan titik dua(:) akhir dari property digunakan titik koma(;)




Border/garis tepi dapat digunakan untuk banyak hal, misalnya sebagai elemen dekoratif atau untuk memberi garis batas pemisah dari dua hal. Border properti mendefinisikan width, color, and style dari batas area pada box/kotak.

Property dari Css border :
  • border-style
  • border-width 
  • border-color
  • border-individual

Contoh dari css :

 A.Css Comment(komentar) berfungsi untuk menjalankan kode kita dan dapat membantu kita ketika mengedit source code dikemudian hari. Cara penulisannhya /* */.
B. Css ID dan Class berfungsi untuk menentukan style untuk elemen tunggal yang unik. Id pemilih menggunakan distribut id elemen Html dan didefinisikan dengan "#".
C. Selector Class berfungsi untuk menentukan gaya/sekelompok elemen hal tersebut berbeda dgn ID dan kelas. Selector class ini menggunakan atribut class Html dan didefinisikan dgn "." .

Berikut ini adalah contoh dari syntax pada Css.

1.Untuk memberi baground pada website.

body {
    background-color: lightblue;
}


 Selain bisa menggunakan baground warna kita juga bisa menggunakan baground image/gambar yaitu dengan cara :

body {
    background-image: url("paper.gif");
}


2.Memberi Border

body{
    border-style: solid;
}

3.Menambahkan Margin

p.ex {
    border:1px solid red;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
}


4.Menambahkan Padding

p.one {
    border: 1px solid red;
    background-color: yellow;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}


5.Menambahkan height dan weidth 

div {
    width: 500px;
    height: 100px;
    border: 3px solid #73AD21;
}


6. Menambahkan text

body {
    color: blue;
}

h1 {
    color: green;
}


7.Memberi link

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

 
8. Menambahkan Table

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}


9.Menambahkan align

<style>
.center {
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}


10. Menambahkan font 
p {
    font-family: "Times New Roman", Times, serif;


Untuk lebih jelasnya silahkan anda buka di website resmi dari http://www.w3schools.com/.

Sekian penjelasan dari saya semoga bermanfaat. terima kasih
Wassalamualaikum wr.wb

Kamis, 25 Februari 2016

Materi tentang bootstrap

Assalamualaikum wr.wb

Hay guys hari ini saya sedang belajar tentang materi Bootstrap karena dalam pembuatan suatu website itu memerlukan css bootstrap karena itu sangatlah membantu mempercepat pembuatan website.

Apa yang anda ketahui tentang Css bootstrap?
Bagaimana cara belajar untuk pemula?
Apa kelebihan dan kekurangan dari bootstrap itu sendiri?

Mari kita simak penjelasan berikut ini!



Penjelasan dari Bootstrap :
                  Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Kegunaan untuk bootstrap :
                  Bootstrap merupakan framework untuk membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.

Pengaturan Default bootstrap ini : Bootstrap global standar font-size adalah 14px, dengan garis-tinggi 1,428. Ini diterapkan pada <body> dan semua paragraf.Selain itu, semua elemen <p> memiliki margin bawah yang sama dengan setengah mereka dihitung line-height (10px secara default).
Keuntungan dari Bootstrap:
  • Mudah digunakan: Siapa saja dengan pengetahuan hanya dasar dari HTML dan CSS dapat mulai menggunakan Bootstrap
  • Fitur responsif: CSS responsif Bootstrap ini menyesuaikan dengan ponsel, tablet, dan desktop
  • Pendekatan Mobile-pertama: Dalam Bootstrap 3, gaya mobile-first merupakan bagian dari kerangka inti
  • Kompatibilitas browser: Bootstrap kompatibel dengan semua browser modern (Chrome, Firefox, Internet Explorer, Safari, dan Opera)  
      
 Kekurangan Bootstrap :

     * Minim gambar karena menggunakan CSS3.
     * Belum mampu memberikan tampilan yang sesuai di semua web browser.
     * Membuat kita menjadi kurang kreatif karena terpaku dengancoding yang dikembangkan oleh developer.

Tutorial Memasang Dan Menggunakan Bootstrap :

1. dowload bootstrap tersebut digithub,
2. selanjutnya folder boostrap masukan didalam project
file file diatas adalah komponen file pada bootstrap, jadi ketika didownload kita mendapatkan folder bernama bootstrap yang didalamnya berisi css js img..
didalam css:

bootstrap-responsive.css : file ini digunakan untuk mensetting layout halaman website , dan keunggulannya file ini dapat menyesuaikan sendiri ukuran website pada device yang digunakan, seperti desktop,i-phone,tablet dsb…
-bootstrap.css : file ini digunakan untuk mensetting keseluruhan style css didalam bootstrap tersebut.
– sedangkan bootstrap-responsive.min.css dan boostrap.min.css : merupakan file hasil compress sehingga ukuran file lebih diperkecil, fungsi tetap sama dengan yang aslinya…
didalam img:
– file pertama merupakan image icon yang digunakan untuk icon2 dibootstrap
– file kedua sama dengan yang diatas cuma background yang digunakan berwarna putih sedang yang atas background icon yang digunakan berwarna hitam
didalam js :
bootstrap.js : merupakan sebuah file file pengaturan javascript yang menghandle semua event2 dsb didalam bootstrap
bootstrap.min.js : merupakan file file hasil compress dari bootstrap.js
jquery.js: (framework javascript) file ini di gunakan untuk memberikan sumber daya script didalam bootstrap.jsistilah simple ini adalah bahan bakar script kita he…

3.kemudian kita coba pasang file file bootstrap tersebut pada html.





Sekian dulu penjelasan dari saya semoga bermanfaat. Terima Kasih :)
Wassalamualaikum wr.wb

Rabu, 24 Februari 2016

Tutorial meng-Link script ke Alamat yang ditujuh.

Assalamuaikum wr.wb

hari ini saya masih belajar tentang membuat website dari layoutit. kali ini say membuat design web majelis ta'lim wal maulid Ar-Ridwan Malang, Lebih tepatnya tutorial untuk meng-link kan sebuah web ke alamat yang di tuju memang web ini saya sederhana akan tetapi sangatlah bermanfaat bagi semua jama'ah majelis Ar-ridwan karena ini sebagai info untuk para Ar-Ridwaners. Hehehe :)

Berikut ini adalah script untuk membuat design web yang sederhana dan mudah untuk para pemula :
1. kita harus mendesaign web terlebih dahulu sebelum kita lanjut ke script.
2. Kemudian mulai lah mengedigt script melalui aplikasi yang anda inginkan (sesuai selera)
3. Berilah script seperti gambar dibawah ini :
*Misal untuk masuk ke google


*Cukup mudah caranya kita tinggal mengklik tulisan Google pada column sosmed
* Kemudian akan otomatis masuk ke alamat yang anda tuju



4. Begitu juga dengan cara meng-link kan gambar tutorialnya sama seperti penjelasan diatas.

5. Ini lah script yang saya buat dalam pertemuan kali ini.








6. Jika ingin meng-link kan profil maka akan langsung masuk ke profil Ar-Ridwan seperti gambar dibawah ini



7. Begitu juga dengan yang lain caranya juga sama. silahkan mencoba :)
8. ini hasil website saya kali ini




Sekian Tutorial dari saya semoga bermanfaat.
Selamat mencoba

Wassalamualaikum wr.wb




Selasa, 23 Februari 2016

Membuat web sederhana

Assalamualaikum wr.wb

Hay guys hari ini saya sedang belajar membuat web sederhana. kali ini saya membuat web dengan tema wisata di kota malang dan batu jawa timur.
Dalam web saya kali ini saya menggunakan design dari layoutit.

yuk simak tutorial berikut ini :

1. Kita buka terlebih dahulu web browser

2. Ketikkan layoutit kemudian klik otomatis akan terbuka => pilih start now with bootstrap 3! => Mulai desaign web yang anda inginkankan.




3. Setelah itu download dan copy ke file syestem (caranya masih sama yaitu var/www/html) kemudian open with (sesuai keinginan anda ingin mengedit di aplikasi apa).
4. Ini bentu script yang sudah di edit













5. Dan ini lah hasil akhir setelah di edit















Mungkin sekian  tutorial dari saya, mohon maaf jika web saya kurang sempurna karena saya masih belajar mohon maklum. hehehe :)
Insyallah besok saya akan membuat web yang lebih bagus lagi :)


Semoga bermanfaat dan selamat mencoba semoga berhasil kawan :)

Wassalamualaikum wr.wb