Friday 13 February 2015

Touro Cloud Backup

Assalamualaikum Wr. Wb
Hai, bro!

     Dalam post kali ini, saya mau ngajak temen temen semua untuk menggunakan Touro Cloud Backup :D

     Apa itu Touro Cloud Backup? Touro Cloud Backup ini adalah salah satu fitur dari perusahaan bernama Touro (Ituloh, perusahaan yang bikin harddisk.. Dulunya bernama Hitachi Touro.. ) untuk membackup file file temen temen semua dalam sebuah penyimpanan Cloud. Bisa dibilang ini sama dengan google drive :)  Tapi bedanya, Touro Cloud Backup ini kapasistas Cloudnya cuma 3GB.
     Tapi jangan khawatir, Touro Cloud Backup ini juga memberi fitur para penggunanya untuk memberikan tambahan kapasitas Cloud sebesar 500MB secara gratis loh! Gimana caranya? Caranya yaitu cukup ajak/invite  teman kamu lewat untuk menggunakan Touro Cloud Backup (bagi yang udah punya Akun Touro Cloud Backup)..
     Nah, yang belum punya gimana? Tenang, cukup klik link ini, setelah itu cukup ketik email kamu untuk mendapatkan invitation/undangan dari Touro, setelah itu klik Download for Windows (untuk download Touro Cloud backup), dengan memasukkan email kamu tadi, kamu akan mendapatkan cloud sebesar 3.5GB (3GB + 500MB bagi yang sebelumnya belum punya akun Touro Cloud Backup) dan tambahan kapasitas Cloud sebesar 500MB (bagi yang udah punya akun Touro Cloud backup)  :D
     Gimana? Tertarik gak nihh?? :D
     Sekian dari saya, kurang lebihnya mohon maaf, Wassalamualaikum Wr. Wb
     
     

Thursday 29 January 2015

Pemorgraman Web (Materi Dasar menggunakan HTML)


                                                           

                                     Pemrograman Web


Assalamualaikum Wr. Wb

Hai, bro! Pada kesempatan kali ini saya akan ngeshare tentang materi Pemrograman Web yang udah saya dapetin di sekolah pada semester 1.

Nah, untuk membuat website sederhana, alat dan bahan yang harus disiapkan adalah :
1. PC/Laptop/Netbook
2. Notepad/Notepad++ (Notepad++ bisa didownload di sini bro :D)
3. Browser (Firefox, Opera, Chrome, dll. Tapi saya saranin pake Firefox aja, lebih enak dilihat :D)

Oke, lanjut aja langsung ke materinya :


HTML merupakan singakatan dari HyperText Markup Language, yaitu bahasa pemrograman untuk membangun aplikasi web. Nah untuk membuatnya diperlukan alat dan bahan seperti yang udah saya sebutin diatas bro :D

Aturan penulisan. 
1. Penulisan tag diawali dengan tanda < dan diakhiri dengan tanda >.
2. Tidak boleh ada spasi setelah tanda <. Contoh : < TAG>.
3.Untuk mengakhiri tag harus ditambahkan simbol Slash (/) supaya kalimat setelahnya tidak mengikuti gaya tertentu pada tag sebelumnya. 
        Contohnya : <TAG> Konten/Isi </TAG>. Misalnya kita menggunakan tag <B> (untuk menebalkan kata) maka supaya tulisan setelahnya tidak menjadi tebal penulisannya : <B> Ini tebal </B> Ini tidak tebal.

Tag - tag yang ada dalam HTML:
1. <HTML> .... </HTML>
         Tag <HTML> digunakan untuk membuat website. Tag ini ditulis di awal pada saat akan mengetikkan tag di notepad.

2. <Head> ... </Head>
         Tag <HEAD> ditulis setelah mengetikkan tag <HTML>, dalam tag <HEAD> terdapat tag <TITLE> yang berfungsi untuk membuat judul yang ditampilkan pada tab firefox.

3. <TITLE> ... </TITLE>
        Fungsi tag <TITLE> .. </TITLE> adalah untuk memberi judul pada tab browser.

3. <BODY> .. </BODY>
       Tag ini untuk memasukkan teks/kalimat. Jadi kalimat tidak dapat dimasukkan setelah tag <HTML>. Cara penulisannya : <BODY> Konten/Isi</BODY>

     Nah, dalam tag <BODY> terdapat juga tag - tag untuk memperkaya kalimat, tag tag tersebut adalah:
       a.  <P>
            Tag <P> berfungsi untuk membuat paragraf. Dalam tag <P> terdapat atribut atribut, seperti align untuk membuat posisi teks menjadi seperti yang kita inginkan. Contoh penggunaan : <P align="center/left/right"> blablablablabla <P/>
      b. <BR>
            Tag <BR> fungsinya sama seperti tombol ENTER (yaitu untuk memindahkan baris kalimat/kata). Tapi perlu diingat, ketika ingin memindahkan baris kalimat, tidak bisa menggunakan ENTER, nanti di browser tampilannya akan sama saja (tetap menjadi satu baris). Tag <BR> nggak perlu ditutup dengan simbol slash.
      c.  <B>
           Tag <B> fungsinya untuk menebalkan teks.
      d. <U>
           Tag <U> berfungsi untuk memberi garis bawah pada kata/kalimat.
      e. <I>
           Tag <I> berfungsi untuk membuat kalimat/ kata menjadi miring.

Nah, setelah mbaca teori diatas langsung aja prakteknya :D

Langkah kerja :
1. Buka notepad/notepad++

2. Buat kalimat menggunakan tag tag yang udah saya jelasin diatas tadi. Biar gampangnya, saya kasih contoh nih :


NB: Biar lebih jelas, klik kanan pada gambar kemudian klik View Image


3. Kalau sudah selesai, save pada folder yang kalian sukai. Perlu diingat, biar bisa dibuka di browser, save as file typenya harus ber-ekstensi .html

4. Buka hasil praktik tadi pada browser. Caranya : Klik kanan pada hasil praktik tad, lalu pilih Open With.. Boleh dibuka pake Firefox, Opera, apa ajadeh yang disukain :D

5. Kalau pengetikkannya benar dan sama seperti contoh yang udah saya kasih, maka hasilnya harus seperti ini :



    Oke deh, sekian dulu materi yang saya kasih pada kesempatan kali ini. Untuk materi pemrograman web selanjutnya akan dibahas cara mengubah/memberi warna teks dan background, memasukkan gambar, membuat gambar agar menjadi background, dan membuat garis horizontal.

    Wassalamu'alaikum Wr. Wb