Home » Archive for February 2015

Indonesia Web Hosting Gratis terbaru 2015

Indonesia Web Hosting Gratis terbaru 2015. Hosting adalah sebuah kebutuhan mendasar para web developer untuk mempublish website yang mereka buat. Hosting sendiri adalah sebuah tempat untuk mengupload file web yang akan di publish. Sebenaranya kita juga daat membuat hosting sendiri, namun jika itu dilakukan memerlukan biaya yang mahal. Kita haru membeli pc khusus server yang tahan banting. Internet full speed yang stabil dan listrik yang tidak pernah mati. Apakah kita harus membeli dan menyediakan semua hal tersebut untuk mempublish sebuah web? Disinilah fungsi sebuah penyedia hosting.
Ingin membuat website gratis baca ini juga "Cara membuat website 100% Gratis"

Penyedia hosting sendiri biasanya memasang tarfi bervariasi sesuai dengan kebutuhan , dari skala anak sekolahan sampai dengan skala bisnis. Tentunya dengan segala fasilitas yang bervariasi pula, semakin mahal ya semakin baik. Namun ada juga lho situs penyedia hosting gratis di indonesia  yang menawarkan fasilitas yang tidak kalah dengan penyedia hosting berbayar. Nah berikut adalah daftar Indonesia Web Hosting Gratis Terbaru 2015:



1. IDHostinger
Siapa yang belum pernah dengar IDHostinger, IDHostinger sendiri adalah situs hosting yang paling terkenal dalam memberikan layanan hosting gratis. IDHostinger memberikan fasilitas space 2GB dengan banwich sebesar 100GB yang dilengkapi dengan PHP MySQL dan Site Builder dan yang paling luar biasa adalah Tanpa Iklan atau Banner. Dan sebagai bonus tambahan, IDHostinger memberikan SUbdomain Gratis kepada para usernya.

2.Host My ID
Host My ID tidak jauh berbeda dengan IDHostinger yang memberikan fasilitas yang luar biasa untuk para usernya, Seperti Admin Cpanel, Spase 1GB , bandwich 50GB , PHP MySQL, Auto Installer Script dan SEO tools.

3. WebhostingIndonesia.net
Penyedia hosting gratis ke 3 ini memberikan tawaran yang lebih spesifik untuk layanan free hostingnya mereka memberikan 350-2000MB space dengan bandwich 5-100GB , maksiman UV sampai dengan 1000 Unik visitor per harinya namun proses limit yang diberikan kecil, namun untuk coba-coba penyedia hosting ini siap dicoba.

4. Cloudnesia.com
Cloudnesia sendiri menawarkan bandwich unlimited untuk usernya, namun hanya membatasi hanya enam bulan saja untuk layanan hosting gratisnya.

5. Dobelhost
Penyedia situs hostung kelima ini juga termasuk situs yang juga patut dicoba , Dobelhost sendiri menawarkan 500mb space, 1GB bandwich yang lebih dari cukup untuk mempublish web pertama anda.

Kelima web hosting diatas adalah salah lima dari banyaknya situs penyedia hosting gratis di indonesia dengan segala kelebihan dan kekurangan yang saya ketahui . Dan jika anda mengetahui penyedia hosting lain silahkan tulis di komen yah.

Posted by at Labels: edit

Cara Membuat Web Dengan Mudah, Cepat dan Gratis

Cara Membuat Web Dengan Mudah, Cepat dan Gratis. Pada era sekarang ini, perkembangan internet melaju sangat cepat. Dari mulai perkembangan perangkatnya seperti smartphone dan tablet dan juga perkembangan gaya hidup online. Kenapa saya sebut gaya hidup online ? Karena saya melihat perkembangan internet yang begitu pesatnya. Coba anda lihat, pada jaman sekarang semua serba online , dari mulai kerja online, seminar online berbelanja online dan toko-toko onlinepun semakin menjamur. Kenapa ini bisa terjadi? Hal ini terjadi karena perubahan tren dan gaya hidup masyarakat yang menginginkan hal yang lebih praktis dan mudah di sela-sela kesibukan mereka.

Seiring dengan berkembangnya era online dibarengi juga dengan perkembangan cara pembuatan website sebagai penunjang tren tersebut. Dahulu membuat web itu sangat sulit , dan butuh waktu lama untuk membuat sebuah halaman website. Namun, sekarang ini membuat web seperti melakukan copy paste artikel teman . Hanya dalam waktu 5 menit website sudah jadi dan hasilnyapun sangat memuaskan. Tidak percaya! Mari kita buktikan.



Untuk Membuat Web Dengan Mudah, Cepat dan Gratis kita harus masuk ke situs http://www.123website.co.id/. Seperti moto mereka "HANYA LIMA MENIT, SITUS WEB ANDA ONLINE. 1-2-3 Buat situs Anda dalam tiga langkah mudah" .123website memberikan fasilitas pembuatan website secara mudah dan cepat dan juga fasilitas uji coba gratis. Dalam hal ini tidak diperlukan skill khusus di bidang web programming untuk membuat website di 123 website ini. Anda hanya perlu mengikuti langkah-langkah yang disediakan dan website hasil karya anda telah jadi. Untuk petunjuk lengkapnya simak panduan  Membuat Web Dengan Mudah, Cepat dan Gratis dibawah ini:

Buka http://www.123website.co.id/ dan anda akan menuju home page dari situs tersebut, pada halam home page klik tombol "cobalah sekarang".Setelah itu anda akan diarahkan ke haman pilihan yang berisi tujuan anda membuat website yaitu "Website Pribadi atau blog" , "Website bisnis" dan "tujuan lain" . Saya sarankan anda memilih pilihan "Website Pribadi atau blog". Klik tombol "berikutnya".

Setelah itu, anda akan diarahkan ke halaman baru, disni anda diberi tugas untuk memilih tema warna untuk website yang akan anda buat. Setelah memilih klik "berikutnya" .
Setelah memilih warna tema, anda akan diajak untuk memilih gambar yang akan diletakkan pada halaman homepage website anda. Pilih gambar yang anda inginkan dan klik "berikutnya"
Tahap selanjutnya anda harus memilih latar belakang untuk website anda , pilihlah warna yang tidak membuat mata cepat lelah. Kemudian klik "berikutnya".
Langkah selanjutnya adalah menentukan judul tajuk atau nama dari web anda . Gunakan nama yang mudah diingat dan familiar. Klik "Simpan dan Lanjutkan". Sampai disini pembuatan web anda telah selesai. 


Langkah berikutnya adalah membuat akun untuk situs 123website dengan memasukan nama, password dan email. Setelah anda selesai melakukan registrasi akun maka anda akan diarahkan langsung ke tampilan website rancangan anda tadi . Dan akan ada popup di pojok kiri bawah yang berisi ucapan selamat bahwa website anda telah siap. Dan kemudian anda akan menuju halaman notifikasi bahwa website anda telah siap, disana anda juga diberi tawaran untuk membeli domain seharga 10.000 tapi anda juga berhak menolak tawaran tersebut. 
Nah dengan demikian pwmbuatan website gratis , mudah dan cepat telah sepenuhnya usai. Dan untuk anda yang ingin membuat website buatan anda sendiri anda bisa mengikuti project-project yang ada pada blog ini seperti project 1 dan project 2.






Posted by at Labels: , edit

Bahasa Perograman yang Wajib Dikuasai Untuk Membuat Website

Belajar web programming kali ini akan menyimpang sedikit dari projek 2 yang sedang kita garap, bahasa pemrograman. Untuk para Web Programmer, bahasa perograman adalah sebuah menu wajib yang harus diolah menjadi sebuah script untuk menunjang web yang mereka buat. Karena unsur utama penyusun sebuah website adalah bahasa pemrograman. Dengan script-script bahasa pemrograman sebuah website dibangun, dan diberi fungsi-fungsi sehingga website tersebut dapat memberi manfaat kepada para penggunanya.

Dalam dunia perwebsitean, bahasa perograman yang digunakan sangat bervariasi dan beragam jenisnya dan satu sama lain memiliki fungsi yang saling menunjang untuk membangun sebuah website. Tentunya dengan segala kekurangan dan kelebihannya masing-masing. Dan dalam kesempatan kali ini , saya akan membahas tentang bahasa pemrograman yang wajib anda kuasai untuk membuat sebuah web. Hal ini bukan berarti kita harus memilih mana yang bagus untuk digunakan dan mana yang tidak atau mana yang penting atau yang tidak. Artikel ini bertujuan menunjukan bahasa pemrograman dasar yang harus anda pelajari terlebih dahulu.

Bahasa Perograman yang Wajib Dikuasai Untuk Membuat Website


1. HTML
HTML adalah singkatan dari Hyper Text Markup Language. HTML merupakan bahasa utama penyusun kerangka dan grafis dari web yang anda buat .File HTML sendiri dapat dengan mudah anda buat dengan menggunakan text editor atau notepad pada windows atau simple text pada machintos atau dengan text editor lain yang mendukung . HTML merupakan bahasa perograman multyplatform yang artinya HTML dapat berjalan pada semua perangkat sistem operasi yang berbeda misal pada windows, linux, bahkan perangkat ponsel yang sudah mendukung koneksi internetpun dapat menggunakannya dan tampilannyapun sama. 

2. PHP
PHP adalah bahasa pemrograman server-side yang didesai dalam pengembangan web, artinya bahasa ini berjalan di sisi server, berbeda dengan html yang berjalan di sisi client sehingga pada saat membuka sebuah halaman web kita dapat dengan mudah melihat source code HTMLnya. PHP merupakan salah satu jenis bahasa perograman yang paling banyak dipakai , selain karena fungsinya yang sangat luar biasa, PHP adalah bahasa pemrograman yang free, yang dapat dipakai oleh siapapun yang ingin menggunakannya.

3.CSS
CSS merupakan singkatan dari Cascading Style Sheet yaitu sebuah bahasa stylesheet yang biasa dipakai untuk mengatur tampilan dalam sebuah dokumen yang ditulis menggunakan bahasa markup. CSS sendiri berperan besar dalam pembuatan sebuah website karena CSS mengatur sebagian besar Desain yang digunakan dalam sebuah website. Selain itu , CSS juga sangat disukai oleh para website developer karena CSS mengurangi perulangan desain dengan pola yang sama. 

Nah ketiga bahasa perograman di atas adalah Bahasa Perograman yang Wajib Dikuasai Untuk Membuat Website . Karena walaupun sekarang ini ada banyak software atau aplikasi pembuat website dengan sangat mudah , akan tetapi kita juga perlu tahu logika yang ada didalam sebuah halaman web.
Posted by at Labels: edit

Membuat Website Sederhana Dengan Dreamweaver - Lesson 2

Pada artikel Membuat Website Sederhana Dengan Dreamweaver - Lesson 1 kita telah bersama-sama membuat kerangka dasar dari website yang akan kita buat. Dan pada artikel kali ini kita membuat header, footer dan sidebar untuk website kita ini. Dan tools yang akan kita gunakan juga masih sama yaitu dreamweaver dan tentunya anda juga sudah membuat site untuk projek anda bukan. Jika semuanya sudah mari kita lanjutkan pekerjaan kita hehehe.

Untuk memulai pekerjaan kita, kali ini akan saya mulai dari design header, header sendiri terdapat pada bagian atas halaman website. Biasanya header berisi logo utama dari si website atau perusahaan yang mempunyai website tersebut. Anda bisa mendesain sendiri logo header anda dengan aplikasi pengolah gambar yang anda punya dan yang anda bisa tentunya. Buatlah gambar berukuran 900x300px untuk header anda dan desain sebagus mungkin . Simpan dengan nama "banner.png" setelah itu masukan desain header anda ke dalam folder "project2" yang ada di dalam htdocs. Namun akan lebih baik jika diletakkan didalam sebuah folder khusus gambar. Jadi buat dulu sebuah folder didalam folder "project2" dan beri nama "img". 

Folder "img" ini dibuat untuk menyimpan file-file berjenis gambar untuk website kita agar tatanan file di dalam web kita lebih terstruktur dan mudah untuk dimaintenance. Langkah selanjutnya adalah membuat file html baru dan beri nama "header.php". Sementara itu, pada index.html ubah namanya menjadi index.php, kenapa? karena kita akan memasukan koding php di dalam file index kita. Kembali ke header.php, buka code header.php kemudian hapus semua kode/script yang ada. Jika sudah dihapus, kembalikan ke design mode. 

Lihat pada sidebar files explorer di dreamweaver, apakah sudah ada folder image yang kita buat tadi? Jika belum klik tombol refresh dan kembali lihat , disana akan muncul tambahan folder "img". Tekan tombol (+) dan muncul "banner.png". Tarik banner.png dari fils explorer ke dalam header.php dan lepaskan, maka akan muncul sebuah gambar di header.php. Simpan header.php dengan cara "CTRL+S". Dengan demikian kita telah selesai membuat header untuk web kita.

Selanjutnya kita akan membuat bagian footer, caranya hampir sama dengan membuat header. buat file baru dan save as footer.php. Buka mode Code dan hapus semua script didalamnya dan kembali ke mode design. Pada mode desain isikan dengan tulisan "Copyrght@2015.Belajar Web Programming" atau buatlah sesuai dengan keinginan anda. Setelah itu simpan file dan kemudian kita akan kembali menggarap halaman index.php.

Buka halaman index.php dan disana kita telah mempunyai tabel dengan kolom bertuliskan header, menu, footer, sidebar dan konten. Blok tulisan header yang ada pada index.php , pada bagian properties pada bagian bawah dreamweaver anda akan menemukan Horz dan Vert, pada bagian combo horz pilih center, ini membuat konten yang ada pada kolom header menjadi ditengah. Lakukan juga pada kolom menu dan footer. Sehungga kodingnya enjadi seperti ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="0">
  <tr>
    <td colspan="2" align="center">Header</td>
  </tr>
  <tr>
    <td colspan="2" align="center">Menu</td>
  </tr>
  <tr>
    <td width="20%">Menu</td>
    <td width="80%">konten</td>
  </tr>
  <tr>
    <td colspan="2" align="center">footer</td>
  </tr>
</table>
</body>
</html>


Jika sudah, kita akan memasukan header.php dan footer.php ke dalam index php. Caranya :
  •  Masuk mode design, lalu blog tulisan Header kemudian klik code mode dan akan terlihat script website kita dan secara otomatis tulisan Header yang kita blok pada design mode tadi juga akan terlihat masih diblok pada code mode.
  • Hapus "Header" lalu tuliskan script berikut "<?php include('header.php') ?>" , tuliskan saja yang didalam tanda petik(") dan perhatikan penulisannya. Kemudian simpan.
  • Lakukan hal yang sama pada "footer" hanya scriptnya sedikit berbeda "<?php include('footer.php') ?>" . Save dan selesai.

Coba perhatikan pada penulisan script header dan footer , bagian yang berbeda adalah nama dari file yang akan kita selipkan pada halaman index. Pada bagian header yang akan kita selipkan adalah header.php sehingga penulisannya <?php include('header.php') ?> dan pada bagian footer kita akan menyelipkan footer,php sehingga ditulis <?php include('footer.php') ?>. Jika sudah maka kode/scriptnya akan menjadi seperti ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="0">
  <tr>
    <td colspan="2" align="center"><?php include('header.php') ?></td>
  </tr>
  <tr>
    <td colspan="2" align="center">Menu</td>
  </tr>
  <tr>
    <td width="17%">Menu</td>
    <td width="83%">konten</td>
  </tr>
  <tr>
    <td colspan="2" align="center"><?php include('footer.php') ?></td>
  </tr>
</table>
</body>
</html>


dan tampilan dalam browser menjadi seperti gambar dibawah ini:


Posted by at Labels: edit
Subscribe to: Posts (Atom)