Search This Blog
Hosting (disebut juga Web Hosting / sewa hosting) adalah penyewaan tempat untuk menampung data-data yang
diperlukan oleh sebuah website dan sehingga dapat diakses lewat Internet. Data
disini dapat berupa file, gambar, email, aplikasi/program/script dan database.
Berdasarkan pembayaran, Hosting dibagi menjadi dua, yaitu
Hosting Premium dan hosting Gratis
Hosting Premium adalah hosting yang disewakan untuk atau
bisnis berskala sedang atau besar. Web hosting ini biasanya memiliki beberapa
paket hosting dengan tarif yang berbeda.
Hosting Gratis adalah hosting yang disewakan untuk atau
bisnis berskala kecil. Selain itu, web hosting ini dapat diunakan untuk
perorangan baik pemula atau kelas menengah. Web hosting ini biasanya dapat disewa
secara gratis.
Berdasarkan biaya, web hosting dibedakan menjadi 3 bagian,
yaitu :
Shared Hosting
Shared hosting merupakan hanya sebuah konsep hosting yang lebih dari satu situs pada satu
server tertentu. Shared hosting juga dikenal sebagai virtual hosting yang pada
umumnya hampir kebanyakan dari semua situs di internet dijalankan dengan shared
hosting karena sumber daya server nya dapat dibagi-bagi di antara berbagai
klien host nya.
Dedicated Hosting
Dedicated Hosting adalah menyewa penggunaan seluruh server tanpa harus berbagai dengan
yang lain.
Server Co-Location
Server Co-Location adalah sewa keamanan fisik, tenaga listrik secara terus menerus dan
koneksi internet yang cepat dan handal untuk server.
Ilham Saputra
January 29, 2016
New Google SEO
Bandung, Indonesia
Video atau media lainnya
digunakan pada sebuah website untuk memudahkan pengunjung web atau blog dalam
mencari informasi. Selain itu, media digunakan untuk memperindah tampilan web
atau blog. Pada media seperti foto sangat mudah diletakkan pada web, tapi pada
media seperti video, harus menggunakan kode iframe untuk meletakannya. Caranya
:
1. Silahkan
Copy kan kode dibawah ini pada code.
<iframe width=’480’
height=’240’ src=’direktori tempat video kamu disimpan.mp4’ frameborder=’1’
allowfullscreen></iframe>
Untuk src, anda dapat mencari
direktori tempat video anda disimpan dalam format mp4. Dan jika anda ingin
memasukan video dari youtube, anda tinggal meng-copy link video youtube anda.
2. Simpan
dalam format HTML, lalu anda dapat menekan tombol F12 untuk menguji coba
videonya. Dan hasilnya akan terlihat seperti gambar dibawah.
Cara Memasukan Video Pada Website Menggunakan Kode Iframe.
Posted by Dreamweaver Tutorial on Sunday, 24 January 2016
Navigasi Bar adalah tombol – tombol menu yang berisi
perintah untuk menuju halaman web lainnya. Navigasi bar berfungsi sebagai
pengantar untuk menuju suatu halaman pada web.
Contoh Navigasi bar.
Untuk membuat beberapa tombol navigasi, ada beberapa yang
harus ada pada pembuatan navigasi bar, yaitu :
1.
CSS Style, CSS Style yang kita perlukan yaitu
CSS Tag.
2.
List, untuk membuat list, biasanya kita
menggunakan kode
<ul>
<li></li>
</ul>
3.
Link, biasanya anda dapat memasukan linknya pada
properties di kotak link. Atau pada kode, anda dapat memasukan kode ini ke
dalam kode list li.
<a href=’link_kamu.html’>Navigasi
Kamu</a>
Dibawah ini adalah langkah – langkah membuat navigasi bar.
1. Membuat
coding setiap page dengan HTML.*
*Pada
Dreamweaver, anda harus menempatkan kode ini ke dalam kode <body></body>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="#">Designs</a>
<ul>
<li><a href="#">CSS</a></li>
<li><a href="#">Layout</a></li>
<li><a href="#">SEO</a></li>
</ul>
</li>
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">Basic</a></li>
<li><a href="#">Static Page</a></li>
<li><a href="#">Dynamic Page</a></li>
<li><a href="#">Publication</a></li>
<li><a href="#">Hosting</a></li>
</ul>
</li>
<li><a href="#">Downloads</a>
<ul>
<li><a href="#">Dreamweaver</a></li>
<li><a href="#">Advanced
Tools</a></li>
</ul></li></ul>
<ul><li><a href="#">About
Me</a></li>
</ul>
Tanda # dapat digantikan dengan link sesuai keinginan.
</ul>
Tanda # dapat digantikan dengan link sesuai keinginan.
2.
Membuat coding Css untuk Tampilan coding HTML.*
*Pada
Dreamweaver, anda harus menempatkan kode ini ke dalam kode
<head></head>
<style type="text/css">
ul {
font-family:
Arial, Verdana;
font-size:
14px;
margin:
0;
padding:
0;
list-style:
none;
font-weight:
bold;
}
ul li {
display:
block;
position:
relative;
float:
left;
}
li ul {
display:
none;
}
ul li a {
display:
block;
text-decoration:
none;
color:
#ffffff;
border-top:
1px solid #ffffff;
white-space:
nowrap;
background-color:
#006699;
width:
auto;
padding-top:
2px;
padding-right:
40px;
padding-bottom:
2px;
padding-left:
40px;
margin-left:
1px;
}
ul li a:hover {
background-color:
#036;
text-align:
left;
font-weight:
bold;
}
li:hover ul {
display: block;
position: absolute;
}
li:hover li {
float: none;
font-size: 11px;
}
li:hover a {
background-color:
#036;
}
li:hover li a:hover {
background-color:
#003;
}
</style>
Setelah
itu, simpan dalam bentuk HTML. Maka hasilnya akan seperti gambar di atas.
Ilham Saputra
January 23, 2016
New Google SEO
Bandung, Indonesia
Pada artikel sebelumnya saya
sudah menjelaskan tentang menentukan tata letak website. Pada artikel ini saya
akan menjelaskan cara membuat tata letak. Kali ini saya membuat tata letak
menggunakan tabel. Tata letak menggunakan tabel merupakan cara yang sederana. Ini
adalah cara termudah dalam membuat tata letak sebuah web. Caranya :
1. Buat
tabel pertama dengan baris 3 buah, kolom 1 buah, panjang 800 pixels, cellpad 0,
cellspace 0 dan border 0 sesuai keinginan.
2. Lakukan
pengaturan pada tabel properties dengan align Center.
3. Kemudian
lakukan penaturan pada tiap – tiap baris.
|
Tabel
|
Properties
|
|
Baris 1
|
Height : 60 px
Horz : Left
Vert : Middle
Bg : #FFFFFF
|
|
Baris 2
|
Height : 19 px
Horz : Left
Vert : Middle
Bg : Sesuai warna
navigasi yang anda inginkan
|
|
Baris 3
|
Height : 500 px
Horz : center
Vert : Middle
|
Maka tabel yang
sudah diatur akan terlihat seperti gambar dibawah.
4. Setelah
itu, pada kolom 3, buat tabel kedua dengan baris 1 buah, kolom 3 buah, panjang
775 pixels, border 0, cellpad 0 dan cellspace 0.
5. Lakukan
pengaturan tambahan seperti langkah kedua.
6. Lakukan
pengaturan pada baris dan kolom – kolom.
|
Tabel
|
Properties
|
|
Baris
|
Height : 423 px*
|
|
Kolom 1
|
Width : 500
Horz : Left
Vert : Top
Bg : #FFFFFF
|
|
Kolom 2
|
Width : 15 px
|
|
Kolom 3
|
Width : 259 px
Horz : Right
Vert : Top
Bg : #FFFFFF
|
*Height
dapat diatur pada kolom 1
Maka tabel yang
sudah diatur akan terlihat seperti gambar dibawah.
7. Untuk
membuat tabel footer, kita akan membuat tabel ketiga yang terletak di dalam
tabel pertama dibawah tabel kedua. Dengan baris dan kolom 1 buah, panjang 775
pixels, cellpad 0, cellspace 0 dan border 0.
8. Lakukan
pengaturan tambahan seperti langkah kedua.
9. Kemudian
lakukan pengaturan tambahan pada baris atau kolom pada tabel tersebut.
Height : 28 px
Horz : Center
Vert : Middle
Bg : Sesuai
warna banner website yang anda inginkan.
Maka tabel yang
sudah diatur akan terlihat seperti gambar dibawah.
Dan tata letak sudah selesai.
Tinggal dikasih Media sesuai keinginan anda.
Ilham Saputra
January 21, 2016
New Google SEO
Bandung, Indonesia
Membuat Tata Letak Website Menggunakan Tabel
Posted by Dreamweaver Tutorial on Thursday, 21 January 2016
Paragraf merupakan kumpulan
kalimat yang dihubungkan sehingga membentuk sebuah baris. Paragraf dikatakan
rapi apabila paragraf tersebut diberi perataan yang sesuai. Pada Microsoft
Word, paragraf dapat diratakan pada menu Home pada tab paragraph.
Pada Adobe Dreamweaver CS5,
paragraf dapat diratakan pada menu properties pada tab CSS.
Berikut adalah gambar dan fungsi
font dan perataan.
1. Font,
digunakan untuk menentukan jenis tulisan pada paragraf.
2. Size,
digunakan untuk menentukan ukuran tulisan.
3. Font Color, digunakan untuk menentukan warna
pada tulisan.
4. B Bold,
digunakan untuk menebalkan tulisan.
5. I Italic,
Digunakan untuk membuat tulisan menjadi miring.
6. Align Text
Left, digunakan untuk meratakan tulisan dari kiri.
7. Center, Digunakan
untuk meratakan tulisan dari tengah.
8. Align text
Right, digunakan untuk meratakan tulisan dari kanan.
9. Justify,
digunakan untuk meratakan tulisan dari kiri ke kanan.
Semua
fungsi font dan perataan tersebut jika kita atur maka secara otomatis CSS Style
akan terbentuk.
Ilham Saputra
January 13, 2016
New Google SEO
Bandung, Indonesia
Tabel adalah kotak – kotak yang
berisi tulisan yang terdiri dari baris dan kolom. Umumnya tabel digunakan untuk
membuat daftar, hitungan data, dan semacamnya. Pada Dreamweaver, tabel memiliki
fungsi yang sama dengan tabel pada umumnya, yang membedakannya yaitu dapat mengatur
tata letak sebuah web.Cara membuat tabel pada dreamweaver hampir sama dengan
membuat tabel pada Ms. Word. Caranya :
1. Pada
kotak Insert, Pilih Common, lalu Klik Table, maka akan muncul kotak dialog.
2. Lakukan
pengaturan pada table size sesuai keinginan. Lalu klik Ok.
3. Tabel
Sudah Dibuat.
4. Lakukan
pengaturan tambahan pada tabel, dengan cara melakukan pengaturan pada kotak
properties sesuai keinginan.
5. Tabel
Sudah Diatur.
Langkah – langkah membuat tabel
diatas cukup sederhana. Untuk artikel selanjutnya saya akan menjelaskan langkah
– langkah membuat tata letak web menggunakan tabel.
Ilham Saputra
January 01, 2016
New Google SEO
Bandung, Indonesia
