Jumat, 07 Juni 2013

Pengantar Web Science - Tutorial membuat Web

Membuat Halaman Web Sederhana


Dalam waktu kurang dari 10 menit, saya akan menunjukan bahwa anda bisa membuat halaman HTML yang sudah dapat anda upload ke internet dan benar-benar bekerja.Tidak percaya? Silakan buktikan.

1. Buka aplikasi Notepad (Klik Start>AllPrograms>Accessories>Notepad).
Gambar 1. Screenshot Notepad pada Windows 7.
2. Dalam Notepad, ketik kode seperti ini :
<HTML>
    <BODY style="background - color : red">
    Halaman website pertama buatan saya !
    </BODY>


    </HTML>


3. Sudah ? Sekarang simpan file tersebut (klik File>SaveAS...).


Gambar 2. Menu Save As...







4.Simpan dengan nama "coba.html", tuliskan lengkap dengan tanda kutipa
   gandanya di FileName,klik save. ingat baik-baik folder tempat Anda menyimpan file tersebut. 
   Dalam contoh ini saya menyimpan di folder c://proyek/coba.html.


Gambar 3.Menyimpan file HTML di folder.



5.Sekarang kita akan melihat hasilnya. Silakan (buka browser Anda, Mozila Firefox) 


Gambar 4 ikon Moxila firefox.


6. Ketikan c: dilanjutkan dengan enter untuk melihat penyimpanan file coba.html 


Gambar 5. Browser file coba.html.



7.Buka file coba.html, dan halaman website pertama anda sudah jadi seperti gambar berikut.







 Cara Mempublishnya


Sebenarnya banyak sekali fasilitas web hosting yang gratis salah satunya

kali ini saya akan membahas bagaimana cara memposting eb di web hosting gratisan yaitu: http://www.idhostinger.com/
berikut ini langkah - langkahnya :

1. Buka web browser dan ketikan http://www.idhostinger.com/ maka akan muncul tampilan seperti ini

2. Klik order sekarang!

3. Isikan nama dan email serta password (catat dibuku jika perlu, biar nggak lupa)

4. jika sudah maka buka tab baru di web browser dan buka email kita untuk melihat email verifikasi dari  http://www.idhostinger.com/

5. tunggulah aktifasi akan dilakukan maksimal selama sekitar 12 jam baru ID untuk web hosting / domain kita bisa digunakan, 

6. klik kontrol panel jika telah aktif maka anda akan dibawa pada tampilan seperti ini, kemudian klik beralih


7. setelah itu anda akan mendapati tampilan berikut.

8. klik memulai
9. selanjutnya akan muncul pilihan tips-tips yang bisa kita gunakan, pilihlah sesuai dengan yang anda butuhkan

   
10. misal kita telah membuat sebuah website dah ingin diupload tinggal klik menu disamping
ada 2 cara untuk upload website kita, pertama dengan upload/posting secara online dengan menklik "file manager1 dan 2". cara berikutnya dengan menggunakan FTP klien "SmartFTP" atau "FileZilla.

11. Lalu kita pergi ke FileZilla, link download aplikasi http://filezilla-project.org/download.php.

12. Setelah didownload install aplikasi (sangat muda). Bukas aplikasinya.
13. Lalu kita balik lagi pada idhostinger,kita akan mengakses directoy localhost domain yang telah dibuat. Klik menu Akses FTP untuk melihat IP domain anda, username, password, dan port.


14. Setelah sukses, lalu cari file website anda untuk diupload pada window local site. Lalu klik kanan pada fie website anda pilih upload.




 Web Saya :

  Referrensi :

Tidak ada komentar:

Posting Komentar