Rabu, 23 April 2014

Terjadinya Tornado, Pelangi dan Petir

Tornado
Tornado adalah kolom udara yang berputar kencang yang membentuk hubungan antara awan cumulonimbus atau dalam kejadian langka dari dasar awan cumulus dengan permukaan tanah. Tornado muncul dalam banyak ukuran namun umumnya berbentuk corong kondensasi yang terlihat jelas yang ujungnya yang menyentuh bumi menyempit dan sering dikelilingi oleh awan yang membawa puing-puing.

mumnya tornado memiliki kecepatan angin 177 km/jam atau lebih dengan rata-rata jangkauan 75 m dan menempuh beberapa kilometer sebelum menghilang. Beberapa tornado yang mencapai kecepatan angin lebih dari 300-480 km/jam memiliki lebar lebih dari satu mil (1.6 km) dan dapat bertahan di permukaan dengan lebih dari 100 km.


Meskipun tornado telah diamati di tiap benua kecuali Antartika, tornado lebih sering terjadi di Amerika Serikat. Tornado juga umumnya terjadi di Kanada bagian selatan, selatan-tengah dan timur Asia, timur-tengah Amerika Latin, Afrika Selatan, barat laut dan tengah Eropa, Italia, barat dan selatan Australia, dan Selandia Baru.
Pelangi
Terjadinya pelangi adalah pembiasan cahaya. Ketika dibiaskan, cahaya akan berubah arah. Biasanya.
pembelokan ini terjadi ketika cahaya pindah dari medium satu ke yang lain.
Hal ini terjadi karena cahaya bergerak dengan kecepatan berbeda dalam medium berlainan. Ketika
memasuki prisma kaca, cahaya akan dibelokkan. Begitu pula jika keluar dari prisma. Selain
membiaskan cahaya, prisma memisahkan cahaya putih menjadi komponen warnanya. Warna cahaya
yang berlainan ini berbeda frekuensinya, sehingga memiliki kecepatan tempuh berbeda ketika
memasuki suatu zat. Cahaya yang kecepatannya rendah di dalam kaca akan dibelokkan lebih tajam
ketika pindah dari udara ke kaca, karena perbedaan kecepatannya berlainan. Tak mengherankan jika
komponen yang membentuk cahaya putih dipisahkan berdasarkan frekuensinya ketika melewati kaca.
Pada prisma, cahaya akan dibelokkan dua kali, ketika masuk dan keluar, sehingga penyebaran cahaya

terjadi.
Tetesan air hujan dapat membiaskan dan menyebarkan cahaya mirip sebuah prisma. Dalam kondisi
yang tepat, pembiasan cahaya ini membentuk pelangi.
Pelangi adalah gejala optik dan meteorologi yang menyebabkan spektrum dari cahaya yang (hampir) kontinyu untuk muncul di langit waktu matahari bersinar ke atas titik air hujan yang jatuh.Dari peristiwa yang menyebabkan sinar monokromatik menjadi 7 sinar polikromatik.
Ketika sinar matahari mengenai cermin siku-siku atau tepi prisma gelas, atau permukaan buih sabun, terlihat berbagai warna dalam cahaya. Cahaya putih dibiaskan menjadi berbagai panjang gelombang cahaya yang terlihat oleh mata kita sebagai merah, jingga, kuning, hijau, biru, dan ungu.
PETIR
Petir atau halilintar adalah gejala alam yang biasanya muncul pada musim hujan di mana di langit muncul kilatan cahaya sesaat yang menyilaukan biasanya disebut kilat yang beberapa saat kemudian disusul dengan suara menggelegar sering disebut Guruh. Perbedaan waktu kemunculan ini disebabkan adanya perbedaan antara kecepatan suara dan kecepatan cahaya.

Petir merupakan gejala alam yang bisa kita analogikan dengan sebuah kapasitor raksasa, dimana lempeng pertama adalah awan (bisa lempeng negatif atau lempeng positif) dan lempeng kedua adalah bumi (dianggap netral). Seperti yang sudah diketahui kapasitor adalah sebuah komponen pasif pada rangkaian listrik yang bisa menyimpan energi sesaat (energy storage). Petir juga dapat terjadi dari awan ke awan (intercloud), dimana salah satu awan bermuatan negatif dan awan lainnya bermuatan positif.

Petir terjadi karena ada perbedaan potensial antara awan dan bumi atau dengan awan lainnya. Proses terjadinya muatan pada awan karena dia bergerak terus menerus secara teratur, dan selama pergerakannya dia akan berinteraksi dengan awan lainnya sehingga muatan negatif akan berkumpul pada salah satu sisi (atas atau bawah), sedangkan muatan positif berkumpul pada sisi sebaliknya. Jika perbedaan potensial antara awan dan bumi cukup besar, maka akan terjadi pembuangan muatan negatif (elektron) dari awan ke bumi atau sebaliknya untuk mencapai kesetimbangan. Pada proses pembuangan muatan ini, media yang dilalui elektron adalah udara. Pada saat elektron mampu menembus ambang batas isolasi udara inilah terjadi ledakan suara. Petir lebih sering terjadi pada musim hujan, karena pada keadaan tersebut udara mengandung kadar air yang lebih tinggi sehingga daya isolasinya turun dan arus lebih mudah mengalir. Karena ada awan bermuatan negatif dan awan bermuatan positif, maka petir juga bisa terjadi antar awan yang berbeda muatan.


SUMBER : http://www.goocir.com/2012/08/tornado-pelangi-dan-petir.html
Diposting oleh di Tidak ada komentar:

Membuat Aplikasi Sederhana Menggunakan Notepad

1. Otomatis membuka dan menutup CD/DVD Komputer
Copy script dibawah ini dan paste di notepad anda.

Set oWMP = CreateObject(“WMPlayer.OCX.7″)
Set colCDROMs = oWMP.cdromCollection
do
if colCDROMs.Count >= 1 then
For i = 0 to colCDROMs.Count – 1
colCDROMs.Item(i).Eject
Next
For i = 0 to colCDROMs.Count – 1
colCDROMs.Item(i).Eject
Next
End If
wscript.sleep 5000
loop

Simpan dengan format *.vbs. (contoh, otomatis.vbs)
Lalu Buka File Tersebut

2. Otomatis Mengetik di Notepad
Copy script dibawah ini dan paste di notepad anda.

Set wshShell = wscript.CreateObject(“WScript.Shell”)
do
wscript.sleep 100
wshshell.sendkeys “Tulisan ini akan menulis sendiri di notepad anda”
loop

Simpan dengan format *.vbs. (contoh, Menulis.vbs)
Lalu Buka File Tersebut

3. Membuat Pesan muncul berulang – ulang
Copy script dibawah ini dan paste di notepad anda.

@ECHO off
:Begin
msg * hahahhaa
msg * santai boss
msg * ini hanya main-main
msg * jangan marah ya
msg * kunjungi blog saya di, blog-prayoga.blogspot.com
GOTO BEGIN

Simpan dengan format *.bat. (contoh, muncul.bat)
Lalu Buka File Tersebut

4. Membuat Komputer Shutdown dengan muncul pesan.
Copy script dibawah ini dan paste di notepad anda.

@echo off
msg * Mampus Kau..
shutdown -s -c “Komputer anda mati”

Simpan dengan format *.bat. (contoh, shutdown.bat)
Lalu Buka File Tersebut

5. Membuat Tombol Capslock terus menyala
Copy script dibawah ini dan paste di notepad anda.

--> Set wshShell =wscript.CreateObject(“WScript.Shell”) do wscript.sleep 100 wshshell.sendkeys
       “{CAPSLOCK}” loop

Simpan dengan format *.vbs (contoh, capslock.vbs)
Lalu Buka File Tersebut

6. Membuat Virus Sederhana
Copy script dibawah ini dan paste di notepad anda.

lol=msgbox ("Warning a virus has been detected on your PC. Press YES to format your hard disk now or press NO to format your hard disk after system reboot",20,"Warning")

Simpan dengan format *.vbs (contoh, virus.vbs)
Lalu nanti setelah terbuka pilih Yes atau No

7. Membuat Kalkulator Sederhana
Copy script dibawah ini dan paste di notepad anda.

======================================
@echo off
title Kalkulator by : infopc
:ulang
echo Mari berhitung Dengan infopc...!!
set /p A=Masukkan Angka Pertama =
set /p B=Masukkan Angka Kedua =
set /p o=Pilih pengoperasian anda (*, +, -, /) =
set /a "jumlah" = A%o%B
echo Jumlah = %jumlah%
pause>null
goto ulang
======================================

Simpan dengan format *.bat (contoh, kalkulator.bat)
Lalu buka Filenya.

SUMBER : http://blog-prayoga.blogspot.com/2013/05/cara-membuat-aplikasi-sederhana-dengan.html
Diposting oleh di Tidak ada komentar:

Membuat Scrapbook Sederhana

Ketika membereskan rak beberapa waktu yang lalu, saya menemukan sebuah kartu nama sebuah kafe di mana saya dan teman-teman saya memotret ruangannya untuk tugas kuliah. Tak hanya itu, ternyata saya menyimpan tiket masuk sebuah arena wisata yang saya dan keluarga datangi ketika lebaran, beberapa batang semanggi berdaun empat yang saya petik ketika mudik ke desa bapak saya, kartu perkalian jaman SD yang bergambar ‘siluman ular putih’ *ketahuan deh saya setua apa XD*,dan beberapa benda yang bagi saya memiliki kenangan tersendiri. Dan karena menumpuk, saya memutuskan untuk menyatukannya dalam sebuah scrapbook.
Scrapbook. Pastinya tidak asing dengan kata ini. Scrapbook biasanya identik dengan foto-foto yang ditempel di sebuah album, diberi hiasan atau stiker dan tidak lupa kata-kata yang mengingatkan kita dengan momen saat itu dan scrapbook yang saya buat ini prinsipnya sama, sebagai pengingat tempat-tempat yang pernah saya datangi atau sesuatu yang menurut saya berharga meski bagi sebagian orang mungkin tidak ada nilainya. Saya baru beberapa bulan membuat scrapbook ini dan yang paling baru adalah ketika saya menemukan sayap kupu-kupu yang begitu indah di tempat parkir setelah membantu mengisi workshop fotografi di SMA saya (waktu itu saya hanya menemukan satu sayap kupu-kupu tanpa ada bangkai si kupu-kupu itu jadi saya nggak menyiksa hewan lho ya).
Bahan-bahan :

1. Album yang akan digunakan untuk menempel (bisa album apa saja. Milik saya merupakan sisa kertas yang tadinya mau dibuat portofolio tugas kuliah dan karena saya sayang, saya putuskan untuk di jilid ring agar bisa digunakan lagi).
2. Benda yang akan ditempel, bisa berupa tiket, logo, dsb. (saya menyiapkan sayap kupu2 yang saya temukan dan mika bening yang terdapat di kotak skincare yang sudah tak terpakai)
3. Double tape / lem
4. Gunting
5. Pulpen berwarna dan stiker sebagai hiasan.
Cara membuat :
1. Ambil benda yang akan di tempel (kalau saya, sayap kupu2 yang saya temukan tadi), letakkan di lembar album yang akan ditempel.
2. Sayap tersebut bisa langsung ditempel dengan menggunakan lem atau jika sayang, bisa memanfaatkan mika bening untuk melindungi benda yang akan ditempel. Potong sesuai ukuran, beri double tape, kemudian tempelkan di atas sayap tadi.
3. Agar lebih menarik, kita bisa menambahkan stiker atau gambar yang kita buat sendiri dan juga kata-kata yang ingin kita tulis di halaman tersebut. Bisa juga ditambahkan foto-foto kita sendiri. Milik saya sengaja tidak (atau belum) diberi foto karena scrapbook yang isinya foto-foto sudah ada sendiri.

4. Scrapbook sudah jadi. Jika masih ada lembar kosong, bisa kita gunakan seandainya di masa depan ada benda atau hal-hal menarik yang ingin kita tempelkan di situ. Agar lebih rapi dan tererganisir, kita bisa memberi judul pada halaman yang menggambarkan apa yang kita tempel di situ. Misalnya halaman ‘Childhood Memory’ berisi benda-benda yang dapat mengingatkan kita tentang masa kecil kita atau . Gunakan kreativitas dan imajinasi kita, pasti hasilnya akan di luar dugaan. Selamat mencoba J
SUMBER : http://mycandymagz.com/tips/membuat-scrapbook-sederhana/


Diposting oleh di Tidak ada komentar:

Cara Membuat Website Sendiri

1. Cara Membuat Website


Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.


  1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungihttp://www.idhostinger.com/
  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.
  1.  
  2. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.

  1. Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
  2. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.

  1. Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.
  2. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.
  1.  
  2. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.
  1.  
  2. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.

  1. Selanjutnya, silahkan Anda klik Lihat Hasil.
  2. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.
  1.  
  2. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :
    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.

Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).



2. Cara Upload File ke Website Menggunakan FTP


Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.


  1. Buka https://ftp.net4india.com/

  1. Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.

    FTP server: Isikan Nama Domain Anda
    Username: Isikan Nama Pengguna
    Password: Isikan Password

    Setelah semua terisi silahkan Anda klik Login.

    * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.
  1.  
  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.

  1. Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.
  2. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.

  1. Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.
  2. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Page Title</title>

<!-- meta tags -->
<meta name="keywords" content="">
<meta name="description" content="">

<!-- stylesheets -->

<style>
/* ~~~~~~~~~ layout ~~~~~~~~~~ */
#container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

/* ~~~~~~~~~ header ~~~~~~~~~~ */
#main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
#main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
#main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
#main-navigation li.current a {background: #666;}
#main-navigation li a:hover {background: #777; }

/* ~~~~~~~~~ article ~~~~~~~~~~ */
article {width: 100%;overflow: hidden;}
section {float: left;width: 500px;}

/* ~~~~~~~~~ aside ~~~~~~~~~~ */
aside {float: right;width: 310px;}

/* ~~~~~~~~~ footer ~~~~~~~~~~ */ 
footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

/* ~~~~~~~~~ common ~~~~~~~~~~ */
body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
body {background: #ccc;}
h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
section p, section ul, section ol,
aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
section ul {margin-left: 1em;}
section ol {margin-left: 1.4em;}

/* ~~~~~~~~~ generic ~~~~~~~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
img {vertical-align: bottom;}
img, fieldset {border: 0;}
html {overflow-y: scroll;}
header, nav, section, article, figure, aside, footer {display: block;}
</style>

<!-- javascript -->
<script src="js/jquery-1.3.2.min.js"></script>

<!--conditional-->
<!--[if IE]> 
<script src="js/html5.js"></script>
<![endif]--> 
</head>

<body class="home">

<div id="container">
<header id="page-header">
<h1>Judul Blog</h1>
<nav id="main-navigation">
<ul>
<li class="current"><a href="#">Home</a></li>
<li style="color: red;"><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<article id="page-content">
<section>
<hgroup>
<h2>Pemahaman HTML5</h2>
<h2>Demo HTML5 Template</h2>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<h2>HTML 5 Item</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ol> 
</section>
<aside> 
<h2>Artikel Terkait</h2>
<p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
</aside>
</article> 
</div>

<footer>
Footer
</footer>

</body>
</html>

Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)
  1. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.

  1. Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.

    Jika muncul tulisan :
  2. Checking files: 
  3. File index.html is OK
  4. Transferring files to the FTP server: 
  5. File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

  6. Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.

    Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.


1. Cara Membuat Website


Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.


  1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungihttp://www.idhostinger.com/
  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.
  1.  
  2. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.

  1. Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.
  2. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.

  1. Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.
  2. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.
  1.  
  2. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.
  1.  
  2. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.

  1. Selanjutnya, silahkan Anda klik Lihat Hasil.
  2. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.
  1.  
  2. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :
    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.

Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).



2. Cara Upload File ke Website Menggunakan FTP


Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.


  1. Buka https://ftp.net4india.com/

  1. Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.

    FTP server: Isikan Nama Domain Anda
    Username: Isikan Nama Pengguna
    Password: Isikan Password

    Setelah semua terisi silahkan Anda klik Login.

    * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.
  1.  
  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.

  1. Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.
  2. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.

  1. Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.
  2. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Page Title</title>

<!-- meta tags -->
<meta name="keywords" content="">
<meta name="description" content="">

<!-- stylesheets -->

<style>
/* ~~~~~~~~~ layout ~~~~~~~~~~ */
#container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

/* ~~~~~~~~~ header ~~~~~~~~~~ */
#main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
#main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
#main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
#main-navigation li.current a {background: #666;}
#main-navigation li a:hover {background: #777; }

/* ~~~~~~~~~ article ~~~~~~~~~~ */
article {width: 100%;overflow: hidden;}
section {float: left;width: 500px;}

/* ~~~~~~~~~ aside ~~~~~~~~~~ */
aside {float: right;width: 310px;}

/* ~~~~~~~~~ footer ~~~~~~~~~~ */ 
footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

/* ~~~~~~~~~ common ~~~~~~~~~~ */
body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
body {background: #ccc;}
h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
section p, section ul, section ol,
aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
section ul {margin-left: 1em;}
section ol {margin-left: 1.4em;}

/* ~~~~~~~~~ generic ~~~~~~~~~~ */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
img {vertical-align: bottom;}
img, fieldset {border: 0;}
html {overflow-y: scroll;}
header, nav, section, article, figure, aside, footer {display: block;}
</style>

<!-- javascript -->
<script src="js/jquery-1.3.2.min.js"></script>

<!--conditional-->
<!--[if IE]> 
<script src="js/html5.js"></script>
<![endif]--> 
</head>

<body class="home">

<div id="container">
<header id="page-header">
<h1>Judul Blog</h1>
<nav id="main-navigation">
<ul>
<li class="current"><a href="#">Home</a></li>
<li style="color: red;"><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<article id="page-content">
<section>
<hgroup>
<h2>Pemahaman HTML5</h2>
<h2>Demo HTML5 Template</h2>
</hgroup>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<h2>HTML 5 Item</h2>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ol> 
</section>
<aside> 
<h2>Artikel Terkait</h2>
<p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
</aside>
</article> 
</div>

<footer>
Footer
</footer>

</body>
</html>

Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)
  1. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.

  1. Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.

    Jika muncul tulisan :
  2. Checking files: 
  3. File index.html is OK
  4. Transferring files to the FTP server: 
  5. File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

  6. Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.

    Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.

sumber : http://berguruseo.blogspot.com/2013/12/cara-membuat-website-sederhana-untuk.html
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)