Tampilkan postingan dengan label Tutor Web. Tampilkan semua postingan
Tampilkan postingan dengan label Tutor Web. Tampilkan semua postingan

3
Cara Download Video Youtube Tanpa Software

Seperti biasa yang kita tau untuk mendownload video seperti youtube, metacafe, dll sebagainya biasanya membutuhkan sebuah aplikasi baik itu aplikasi di layar maupun aplikasi berupa plugin di browser anda, nah cara ini mungkin semua orang juga udah pada tau ya.. Nah gimana dengan cara download tanpa software?? Gampang kok, dibawah nanti akan saya berikan caranya sangat mudah tanpa ribet lah...

3
Update Status Twitter via Client (Aplikasi Twitter)

Update Status via Nama Anda atau Nama Web Anda.


Anda yang suka twitteran pasti sering melihat teman anda sering update status via nama atau alamat website miliknya sendiri kan?? Contohnya seperti gambar disamping itu status di twitter saya sendiri. Nah pengen juga kan update status di twitter seperti itu, mari ikuti beberapa langkahnya. Gampang kok...



 


Berikut caranya:
1. Buka https://dev.twitter.com/ dan login akun twitter anda
2. Setelah masuk pilih "Create an app"
3. Isi Data Client anda, seperti gambar dibawah











4. Tandai/centang kota pada "Yes, I agree" dan klik "Create Your Twitter Application"



5. Akan muncul tampilan seperti gambar dibawah, dan catat kode yang ditandai kotak warna merah itu.












6. Setelah itu buka tab baru di browser anda untuk buka dan register/daftar di http://pc.statusvia.net/apps/main/registeruser.php


7. Jika sudah daftar, silakan login dan klik "Create Twitter Apps"













 8. Pilih "NEXT"






9. Masukkan Data Aplikasi seperti Nama Via Client yang anda mau, Kode Yang di dapat pada point 5 diatas, Kode Keamanan dan Klik "SUBMIT".


10. Terakhir muncul link Aplikasi yang akan anda gunakan untuk twitteran, Link aplikasi ini bisa digunakan di browser Dekstop maupun di browser hp dan Klik "DONE" sebagai akhir pembuatan aplikasi ini.






















NB: 
-Jika gambar kurang jelas, arahkan kursor mouse pada gambar lalu klik kanan dan pilih Open New Link on Tab/Buka Tautan di Tab Baru" 
- Untuk akses login awal di komputer emang agak sulit, coba terus berulang kali hingga bisa diakses. 
- Untuk di Browser HP bisa langsung diakses...


Selamat mencoba dan semoga berhasil ya...




20
Membuat Modus Hemat Energi di Blog

Sebenanya istilah Modus Hemat Energi ini untuk listrik yang kita ketahui, namun untuk di Web dan Blog juga ada. Sama halnya dengan istilah pada komputer "Stand By". Saya juga bingung mau menjelaskan Modus Hemat Energi ini seperti apa.. Coba anda buka blog saya ini trus biarkan kira-kira 1 menit lebih, nanti akan muncul seperti pada gambar disamping.

Berikut cara pasang Modus Hemat Energi:
1. Masuk ke Akun Blogger Anda
2. Klik Rancangan
3. Klik Edit HTML
4. Klik untuk memberi tanda centang pada kotak Expand Template Widget
5. Cari kode <head>
6. Letakkan kode berikut ini tepat diatas kode <head>
<script language="javascript" type="text/javascript" src="http://ujiecaprone.com/js/energy.js?lang=id"> </script>

7. Klik Simpan Template

Selamat mencoba dan semoga berhasil....!!!


2
Mengelola Account Web Hosting


Langkah Persiapan

Baca seluruh isi email yang berisi data login lengkap, dan bila ada bagian yang tidak dipahami, bisa langsung menghubungi bagian support web hosting anda. Di dalam "Welcome Email" bisa anda temukan antara lain: username, password, alamat (URL) akses ke control panel, alamat dan nomor port untuk akses email, dan alamat akses FTP.

Singkatnya, anda sekarang memiliki 3 jenis akses ke account web hosting tersebut, yakni, Control-Panel, FTP, dan Email. Perhatikan bahwa control-panel dan FTP bisa langsung diakses dengan data username + password, tapi untuk email harus dibuat baru nantinya setelah berhasil mengakses (login) ke control panel.

Bila semua telah OK, pastikan koneksi anda ke Internet lancar, misalnya dengan menjalankan web browser (Firefox, Internet Explorer, Opera, dll), dan mencoba memanggil satu atau beberapa situs populer.



Langkah #1: Akses cPanel

Pertama-tama, lakukan akses ke control panel dengan username + password melalui alamat website yang diberikan. Dalam tutorial ini, control-panel dianggap menggunakan aplikasi cPanel yang sangat populer saat ini.

Jalankan web browser, akses ke alamat htttp://www.domain-baru-anda.com/cpanel.
Masukkan username dan password ke kolom yang tersedia.
Dan.... beberapa saat kemudian tergantung kecepatan ISP anda, tampilan berikut akan muncul.
(perhatikan, URL/alamat mungkin akan berubah ke http://www.domain-baru-anda.com:2082/......, angka 2082 merupakan nomor port untuk akses ke cpanel, ini bukan masalah, kita bisa melanjutkan pekerjaan selanjutnya...)



Langkah #2: Ganti Password cPanel

Setelah berhasil login ke cPanel, hal pertama yang harus dilakukan adalah mengganti password anda, dan dapat dilakukan di menu/link: Preferences > Change Password. Di halaman tersebut, anda harus mengetikkan password lama, kemudian 2 (dua) kali password baru untuk verifikasi. Perhatikan, password FTP sama-dengan password cPanel, dengan mengganti password cPanel otomotis juga mengganti password FTP.




Langkah #3: Membuat Account E-Mail Baru di cPanel

Kemudian, cobalah membuat sebuah account email baru, di menu Email Management Tools > Add / Remove E-mail account(s). Di halaman berikutnya, anda bisa menentukan nama/ID email baru yang akan dibuat, dan ketikkan password (juga 2x untuk verifikasi), dan masukkan jumlah kuota mailbox (angka dalam MegaBytes/MB).



Sekarang, langkah-langkah awal anda telah disiapkan, seterusnya anda dapat mengakses isi account web hosting dan mulai membangun isi website sesuai keperluan.

Sebelum meninggalkan cPanel (logout), lihat ke bagian informasi umum untuk memeriksa data dan angka pemakaian fasilitas. Scroll ke isi halaman paling bawah, dan cek isinya.



Semua langkah awal dalam mengakses account anda telah dilakukan, silahkan logout dari cPanel, dan lanjutkan ke langkah akses lainnya.

Setelah anda berhasil mengakses cPanel, kemudian mengganti password dan membuat account email baru, kini saatnya mencoba melakukan akses ke mailbox anda, dan juga mencoba akses FTP untuk melakukan upload/download file.


Langkah #4: Akses Mailbox / E-Mail

Akses ke mailbox anda dapat dilakukan melalui program-program email, misalnya outlook express, dan lain-lain.
Untuk mengetahui cara-cara setting account baru di OE, silahkan baca di:
[Tips] Outlook Express - Cara membuat account e-mail baru.

Perhatikan bahwa anda perlu memasukkan data-data yang benar dari "Welcome Email" ke kolom-kolom setting di OE.


Langkah #5: Akses FTP

Cobalah mengakses isi account anda melalui program FTP. Melalui FTP anda dapat mengupload/download file-file, dan kadang diperlukan untuk merubah "attribute" salah-satu file saat diperlukan, misalnya membuat file menjadi "writeable", dll.

Silahkan baca mengenai akses FTP di: [FAQ] Akses via FTP - Upload/download file. FTP melalui FTP-clients dan webbrowser.


Langkah #6: Menyiapkan Website Anda

Langkah terakhir bagi anda yang baru memiliki account web hosting sendiri, adalah menyiapkan dan mengakses websitenya sendiri.

Bila anda merancang sendiri isi website, cukup upload dan akses langsung ke http://www.website-anda.com.
Bila anda tidak men-desain sendiri websitenya, cara termudah untuk membangun website adalah menggunakan aplikasi/scripts yang telah tersedia di Paket Fantastico.

Paket Fantanstico [daftar lengkap] merupakan kumpulan 50+ aplikasi/scripts populer yang terikut dalam cPanel, dan satu atau lebih scripts tersebut dapat di-install dengan mudah melalui menu cPanel > Software > Fantastico.

Untuk mengakses Fantastico, login ke cpanel, lalu klik Fantastico di bagian Software.

Di layar selanjutnya, pilih/klik nama scripts yang ingin diinstall, kemudian click New Installation untuk melanjutkan.

Dilayar berikut, ketikkan nama "directory/folder" dimana scripts akan diinstall, misalnya "blog", "forum", dll.
Perhatian, hanya masukkan nama folder-nya, jangan ada tambahkan "/". Juga perhatikan, folder ini harus folder baru, belum ada sebelumnya.

Kemudian, anda harus memasukkan nama administrator dan password untuk aplikasi/script tersebut di bagian "Admin access data".

Untuk data-data lainnya, silahkan ikuti petunjuk.

Akhirnya, klik "Install.......", dan pada halaman berikut, konfirmasikan dengan meng-klik "Finish Installation".

PERHATIAN: untuk detil cara mengelola masing-masing aplikasi tersebut, anda harus mempelajarinya sendiri dari berbagai sumber, termasuk mengunjungi website penerbit masing-masing aplikasi/script tersebut.

Selamat mengelola website anda.





Bookmark and Share


6
DAPATKAN DOLLAR DI 5 MENIT PERTAMA

Mungkin anda sudah banyak mengunjungi situs atau blog yang menjajikan kepada anda bahwa anda akan mendapatkan ribuan dollar dari internet, tapi nyatanya sampai sekarang anda belum pernah dapat apa apa..

Anda bertanya: benar gak sich internet bisa menghasilkan dollar...?

Kalo memang benar lalu kenapa saya kok gak pernah dapat dollar...?

Jawabanya cuma satu. Anda kurang fokus atau bahkan anda tidak fokus. Karena terlalu banyak program yang anda ikuti jadinya anda tidak bisa fokus ke pada program -program yang anda ikuti tersebut jadi hasilnya pun juga gak memuaskan.

Oleh karena itu jika anda masih ingin dapat dollar dari internet coba fokuslah ke salah satu program saja dulu.Anda tekunin selama sebulan lalu anda evaluasi bagaimana hasilnya.

Ini ada satu program yang bisa anda jalankan, ini program sangat mudah sekali dijalankan,bahkan tidak mengganggu pekerjaan anda,tidak perlu promosi atau cari downline,tidak perlu punya website atau blog.Bahkan sambil anda melakukan kerjaan kantor anda anda bisa dapat dollar dari sini.

Program ini punya bekerja sama dengan YAHOO jadi pasti membayar anda. Jika anda fokus saya yakin anda pasti berhasil,bahkan saya jamin 5 menit pertama anda gabung dengan program ini anda sudah dapat dollar. DIJAMIN.

Tugas anda hanya fokus pada program ini saja,anda akan melihat hasilnya. Dapatkan dollar di 5 menit pertama anda.

Oke akan saya jelaskan bagaimana cara begabung dan mendapatkan dollar dari program ini, GRATIS

Anda akan dibayar jika anda memiliki account paypal, jika anda tidak memiliki account paypal bisa daftar di Paypal.com dengan Gratis..


1. Klik di sini untuk daftar.

2. Setelah halaman interadmedia muncul maka , kamu klik yang di sebelah kanan atas yang bertuliskan”join and startbrowsing”

3. Kemudian isi form pendaftaran (isi dengan benar)

4. Lihat email kamu, untuk activasi account kamu di interadmedia.

5. Kemudian klik yang di email kamu, untuk membuka activasi account kamu.

6. Email kamu jangan di hapus yang dari interadmedia karena untuk login lagi.

7. Setelah klik yang di e-mail tadi dan keluar jendela baru yang membuka halaman interad media, maka kamu masukan alamat email kamu dan password kamu.

8. Setelah masuk di halaman member maka kamu bisa browsing sekarang.

9. Klik “Get Paid To Browsing” atau “start” lalu klik “star browsing”

10. Kamu klik tadi maka halaman peraturan untuk mulai browsingpun muncul. kamu klik di contreng/centang/cawang yang di bawahnya yang ada di halaman tadi. yang ada tulisan “I Agree…..” kemudian klik yang di bawahnya untuk “star browsing”

11. Maka halaman browsing akan muncul secara otomatis.

Dihalaman browsing itu ada sebuah penghitung waktunya disebelah kanan atas . Secara otomatis itu akan berjalan dari 0 sampai 5 menit.

Setelah 5 menit maka halaman itu secara otomatis akan tertutup dan kembali di halaman member area.

Maka kamu bisa lakukan cara yang tadi untuk memulai browsing lagi. Setelah 5 menit kemudian akan tertutup lagi, dan maka kamu start lagi, dan seterusnya.

0
AdSense

AdSense adalah program kerjasama periklanan melalui media internet yang diselenggarakan oleh Google. Melalui program periklanan AdSense, pemilik situs web atau blog yang telah mendaftar dan disetujui keanggotaannya diperbolehkan memasang unit iklan yang bentuk dan materinya telah ditentukan oleh Google di halaman web mereka. Pemilik situs web atau blog akan mendapatkan pemasukan berupa pembagian keuntungan dari Google untuk setiap iklan yang diklik oleh pengunjung situs, yang dikenal sebagai sistem pay per click (ppc) atau bayar per klik.

Selain menyediakan iklan-iklan dengan sistem bayar per klik, Google AdSense juga menyediakan AdSense untuk pencarian (AdSense for Search) dan iklan arahan (Referral). Pada AdSense untuk pencarian, pemilik situs web dapat memasang kotak pencarian Google di halaman web mereka. Pemilik situs akan mendapatkan pemasukan dari Google untuk setiap pencarian yang dilakukan pengunjung melalui kotak pencarian tersebut, yang berlanjut dengan klik pada iklan yang disertakan pada hasil pencarian. Pada iklan arahan, pemilik situs akan menerima pemasukan setelah klik pada iklan berlanjut dengan tindakan tertentu oleh pengunjung yang telah disepakati antara Google dengan pemasang iklan tersebut.

Istilah dalam AdSense

Publisher

Publisher adalah orang atau pemilik situs yang sudah bergabung dan memasang iklan AdSense di situs mereka.

Ad Units

Yang dimaksud dengan Ad Units adalah iklan AdSense itu sendiri. Ad Units terdiri dari beberapa jenis dan ukuran. Yang paling umum adalah jenis iklan teks. Pada saat pengunjung mengklik unit iklan ini, maka (jika sah) pemasang iklan akan mendapatkan pemasukan sesuai dengan nilai CPC-nya.

Link Units

Link Units hampir sama dengan Ad Units, hanya saja formatnya mirip dengan format menu yang biasa kita temui di situs-situs web. Yang membedakan Link Units dengan Ad Units adalah pada saat pengunjung meng-klik iklan ini, maka ia akan diarahkan pada halaman hasil pencarian di search engine Google. Publisher baru akan mendapatkan pemasukan apabila pengunjung mengklik salah satu Ad Unit yang ada di halaman tersebut. Pada prakteknya, Link Units terbukti menghasilkan pemasukan lebih banyak dibandingkan Ad Units biasa.

AdSense for Content

AdSense for Content adalah iklan AdSense yang dipasang di dalam suatu halaman. Iklan-iklan yang muncul adalah iklan-iklan yang berhubungan dengan isi halaman tersebut. Atau istilahnya menggunakan konsep kontekstual. Ad Units dan Link Units adalah yang termasuk dalam AdSense for Content ini.

Alternate Ads

Pada AdSense for Content, iklan tidak selalu muncul. Sebabnya antara lain bisa karena memang stok iklan yang berhubungan dengan isi situs sudah habis atau Google tidak dapat memperkirakan apa isi situs itu sebenarnya. Jika ini terjadi, secara default, yang ditampilkan adalah iklan layanan masyarakat atau sering dikenal dengan istilah PSA (Public Service Ads). Karena bertipe donasi, maka jika diklik, iklan ini tidak menghasilkan apa-apa bagi publisher. Untuk mengatasinya, Google memperbolehkan kita untuk memasang Alternate Ads atau iklan alternatif. Jika Ad Units yang dibuat telah diatur dengan menggunakan Alternate Ads, maka apabila Ad Units tersebut tidak dapat tampil, yang muncul adalah iklan alternatif yang telah diatur sebelumnya.

Channels

Channels adalah semacam label yang dapat diberikan pada Ad Units, Link Units, AdSense for Search, dan Referrals. Satu unit iklan dapat memiliki lebih dari satu label, dan sebaliknya, satu label dapat digunakan untuk lebih dari satu unit iklan. Di halaman laporan Google AdSense, hasil laporan akan dikelompokkan berdasarkan Channels, sehingga penggunaan Channels akan sangat memudahkan publisher untuk menganalisa performa AdSense mereka. Umumnya, publisher akan memberikan nama Channels yang sama pada unit-unit iklan yang ada di satu situs. Jika ingin lebih detail, sah-sah saja untuk memberikan nama Channels yang berbeda pada setiap unit iklan di masing-masing situs. Yang perlu diingat, maksimal jumlah Channels yang diperbolehkan saat ini adalah 200 kana.

Page Impressions

Page Impressions adalah jumlah yang menunjukkan berapa kali halaman yang mengandung Ad Units dibuka oleh pengunjung. Nilainya tidak terpengaruh oleh kuantitas Ad Units yang ada di dalam halaman yang bersangkutan.

Clicks

Clicks adalah jumlah klik pada Ad Units milik publisher. Dalam halaman laporan AdSense, publisher dapat melihat total klik yang ia dapatkan, maupun berdasarkan Ad Units atau Channelnya.

CTR (Clickthrough Rate)

CTR adalah perbandingan dalam persen antara jumlah klik yang diterima suatu Ad Units dengan jumlah tampilan Ad Units tersebut. Misalnya, satu Ad Units yang ditampilkan 40 kali dan diklik 10 kali memiliki nilai CTR 25% (10:40).

CPC (Cost Per Click)

CPC adalah jumlah uang yang akan didapatkan oleh publisher apabila Ad Units tertentu diklik. Nilai CPC masing-masing Ad Units berbeda dan ditentukan oleh banyak faktor, termasuk performa dan kualitas situs milik publisher. Namun secara umum, nilai maksimal yang mungkin adalah 20% dari nilai tawaran dinamis yang ditawarkan oleh pemasang iklan.

eCPM (Effective CPM)

eCPM atau CPM (Cost Per Million) adalah hasil pembagian antara jumlah pendapatan publisher dengan jumlah impresi halaman (per 1.000) yang ia dapatkan dari iklan-iklannya. Sebagai contoh, publisher yang menghasilkan USD 200 dari 50.000 impressi akan memiliki nilai CPM sebesar USD 4 (USD 200 dibagi 50).

Kebijakan program AdSense

Meski program AdSense memberikan keuntungan yang besar, Google menetapkan aturan ketat untuk melindungi kepentingan semua pihak yang terlibat, termasuk pemasang iklan yang sering dirugikan oleh tindakan tidak terpuji pemilik situs anggota program AdSense. Beberapa larangan Google yang harus ditaati pemilik situs web atau blog peserta program AdSense adalah:

  • Mengklik iklan yang ditampilkan situs milik sendiri, baik dengan cara manual atau dengan bantuan perangkat lunak khusus
  • Dengan sengaja mendorong pengunjung situs untuk mengklik iklan yang ditampilkan, misalnya dengan kata-kata “klik iklan ini” atau “kunjungi halaman ini”
  • Mengubah bentuk dan ukuran unit iklan yang telah ditentukan Google
  • Membuat pranala langsung menuju halaman hasil pencarian AdSense untuk pencarian
  • Mengisi secara otomatis kotak pencarian AdSense dengan katakunci tertentu
  • Memanipulasi target iklan dengan katakunci tersembunyi atau dengan IFRAME
  • Kode unit iklan AdSense harus ditempatkan langsung pada kode html Situs web tanpa perubahan. Pemilik situs tidak diperbolehkan mengubah kode AdSense dengan alasan apapun, misalnya dengan tujuan menampilkan hasil klik di jendela pop up atau mengalihkan target iklan.

Optimisasi Penghasilan AdSense

Potensi keuntungan mengikuti program AdSense membuat banyak pemilik situs web mengembangkan berbagai metode untuk meningkatkan jumlah klik pada iklan yang mereka tayangkan. Sebagian metode terbukti ilegal dan melawan kebijakan resmi program AdSense. Metode yang lain diperbolehkan, bahkan didorong penggunaannya oleh Google. Beberapa metode yang dianggap sah adalah:

  • Memodifikasi warna unit iklan menggunakan palet warna yang disediakan AdSense
  • Meletakkan unit iklan pada posisi tertentu pada halaman web yang dianggap memiliki tingkat keterbacaan tinggi
  • Menghilangkan garis tepi unit iklan dan menyamakan warna latarnya dengan warna latar halaman web sehingga unit iklan terlihat membaur dengan isi halaman
Sumber : wikipedia.org

4
KODE WARNA DALAM HTML

arnaUJIE CAPRONE
KODE WARNA HTML
Contoh:Putih =>#ffffff;

biru kode:0000ff

hitam kode:000000

brown kode:a52a2a

crap blue kode:5f9ea0

coklat kode:d2691e

corn flow kode:6495ed

crimson kode:dc143c

cyan kode:00ffff

violet kode:00008b

something kode:b8860b

dark gray kode:a9a9a9

khaki kode:bdb76b

orange order kode:ff8c00

scorned kode:8b0000

fish paste kode:e9967a

sea weed kode:8fbc8f

slate blue kode:483d8b

violet kode:9400d3

pink kode:ff1493

skyblue kode:00bfff

bricks kode:b22222

trees n shit kode:228b22

grany house kode:dcdcdc

going for gold kode:ffd700

orange peel kode:daa520

green kode:008000

flamingos kode:ff69b4

indigo kode:4b0008

grass kode:7cfc00

marooned kode:800000


blue two kode:0000cd

purple kode:9370d8

minty kode:00fa94

midnight kode:191970

merah kode:ff4500

sand kode:ff4a460

silver kode:c0c0c0

kuning kode:ffff00

putih kode:ffffff

0
BELAJAR HTML 4

MENGHUBUNGKAN TEXT DAN DOKUMENT


Disini kita akan membahas cara menghubungkan text atau web dokumen yang kita buat ke lokasi tertentu atau sering disebut dengan Hyperlinks.

Kita dapat menghubungkan text kita dengan file dan email lainnya, bisa juga kita hubungkan dalam halaman yang sama ataupun halaman yang berbeda.


1. Menghubungkan Text kita dengan file lain dan email lain

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

Silahkan &lta href="hal1.html"&gtklik disini </a&gtuntuk membuka halaman pertama.&ltbr>

Silahkan &lta href="http://www.geocities.com/ujie_caprone/html.html"&gtklik disini </a&g tuntuk membuka web belajar HTML.&ltbr>

Silahkan &lta href="mailto:ujie_caprone@yahoo.com.jp"&gtklik disini </a&gtuntuk mengirim email ke Sigit.&ltbr>



2. Menghubungkan Text Pada Halaman Yang Sama

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

&lth2&gtKlik tulisan bergaris untuk membaca text secara penuh</h2>&ltbr>

&lta href="#BS">&lti&gtParagraf Satu</i></a>&ltbr>

&lta href="#BD">&lti&gtParagraf Dua</i></a>&ltbr>

&lth1&gtMembaca Artikel Penuh>/h1>&ltbr>

&lth2>&lta name="BS"&gtParagraf Satu</a></h2>&ltbr>

Ini tulisan pertama.&ltp>

Ini tulisan kedua.&ltp>

Ini tulisan ketiga.&ltp>

Ini tulisan keempat.&ltp>

Ini tulisan kelima.&ltp>

Ini tulisan keenam.&ltp>

Ini tulisan ketujuh.&ltp>

&lth2>&lta name="BD"&gtParagraf Dua</a></h2>&ltbr>

Ini tulisan pertama.&ltp>

Ini tulisan kedua.&ltp>

Ini tulisan ketiga.&ltp>

Ini tulisan keempat.&ltp>

Ini tulisan kelima.&ltp>

Ini tulisan keenam.&ltp>

Ini tulisan ketujuh.&ltp>



3. Menghubungkan Text Pada Halaman Lain

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

&lth2&gtKlik tulisan bergaris untuk membaca text secara penuh</h2>&ltbr>

&lta href="para1.html">&lti&gtParagraf Satu</i></a>&ltbr>

&lta href="para2.html">&lti&gtParagraf Dua</i></a>&ltbr>

0
BELAJAR HTML 3

MEMBUAT TABEL


Tabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, mari kita belajar bagaimana membuat tabel.

1. Membuat Tabel Sederhana

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

&lttable>
&lttr>&ltth&gtKolom 1</th>&ltth&gtKolom 2</th></tr>
&lttr>&lttd&gtBaris 2</td>&lttd&gtBaris 2</td></tr>
&lttr>&lttd&gtBaris 3</td>&lttd&gtBaris 3</td></tr>
</table>

  • &lttr> definisi baris horisontal
  • &lttd> definisi data sel dalam satu baris
  • &ltth> definisi data sel pada judul tabel


  • 2. Membuat Tabel Dengan Formatnya

    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:

    &ltstyle type="text/css">
    th {font-family:"Arial";font-size:"12pt";color:red}
    td {font-family:"Tahoma";font-size:"12pt";color:blue}
    </style>

    Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

    &lttable with="50%" border="1" rules=ALL>
    &lttr>&ltth bgcolor="silver"&gtKolom 1</th>&ltth bgcolor="silver"&gtKolom 2</th></tr>
    &lttr>&lttd align="center"&gtBaris 2</td>&lttd align="center"&gtBaris 2</td></tr>
    &lttr>&lttd align="center"&gtBaris 3</td>&lttd align="center"&gtBaris 3</td></tr>
    </table>



    3. Membuat Tabel Lanjutan

    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:

    &ltstyle type="text/css">
    th {font-family:"Arial";font-size:"12pt";color:red}
    td {font-family:"Tahoma";font-size:"12pt";color:blue}
    </style>

    Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

    &lttable with="100%" border="1" rules=ALL>
    &lttr>&ltth bgcolor="silver" colspan="2"&gtKombinasi kolom 1 dan kolom 2.</th></tr>
    &lttr>&lttd&gtBaris 2</td>&lttd rowspan="2"&gtKombinasi baris 2 dan baris 3.</td></tr>
    &lttr>&lttd&gtBaris 3</td></tr>
    </table>


    0
    BELAJAR HTML 2

    MENAMBAH TEXT DAN FORMATNYA

    Sekarang kita akan belajar membuat paragaf, heading, format text dan bentuknya.

    1. Membuat Paragraf

    Silahkan ketik di notepad seperti dibawah ini:

    <html>
    <head><title>Menambah Text dan Formatnya</title></head>
    <body>Ini baris pertama&ltp>
    Dan ini baris ke tiga&ltbr>
    Kalau ini baris ke empat&ltbr>
    </body>
    </html>

  • &ltp> artinya pindah paragraf atau pindah dua baris
  • &ltbr> artinya pindah baris


  • 2. Membuat Heading

    Silahkan ketik diantara <body> dan </body> seperti dibawah ini:

    &lth1&gtHeading Pertama</h1>
    &lth2&gtHeading Kedua</h2>
    &lth3&gtHeading Ketiga</h3>
    &lth4&gtHeading Keempat</h4>
    &lth5&gtHeading Kelima</h5>
    &lth6&gtHeading Keenam</h6>

  • Terlihat bahwa besarnya tulisan tiap heading berbeda-beda.


  • 3. Format Text dan Bentuknya
    Silahkan ketik diantara dan seperti dibawah ini:

    &ltstyle type="text/css">
    body {font-family:"Arial";font-size:"12pt";color:blue}
    &ltbody>
    Ini &ltb>&lti>&ltu&gthalaman web saya

    # &ltstyle> dan adalah bentuk, ukuran dan warna text.
    # &ltb> dan adalah text yang ditebalkan.
    # &lti> dan adalah text yang dimiringkan.
    # &lti> dan adalah text yang digaris bawahi.

    2
    BELAJAR HTML 1

    Apakah HTML itu?

    HTML singkatan dari Hyper Text Markup Language.
    HTML bukan suatu bahasa pemrograman tetapi sebuah bahasa dalam bentuk text yang dapat digunakan untuk menyusun tulisan, gambar, suara, film dan banyak lagi informasi yang bisa ditampilkan.

  • Apa yang diperlukan untuk membuat HTML?

  • Cukup dengan mengunakan Notepad untuk mengetik Text dan Internet Explorer untuk menampilkan halaman WEB kita. Kalau kita menginstall windows dua program ini sudah pasti tersedia.

    Anda juga dapat menggunakan program-program yang lain untuk membuat HTML seperti Front Page, Microsoft Word, Dos Edit, Mac SimpleText, Unix, dll.

  • Bagaimana menjalankan HTML?

  • Dengan cara mengetik di editor kemudian disimpan dalam file dengan akhiran html, misalnya coba.html Kemudian file yang berakhiran html tersebut dibuka di Internet Explorer, jadilah sudah program HTML kita.

  • Bagaimana program HTML Online?

  • Hubungkan program HTML kita dengan salah satu Internet Service Provider (ISP) yang kita kehendaki.

    Kita bisa menggunakan provider dari www.geocities.com, www.tripod.com dll dengan cara upload file atau dengan provider lainnya.

    Membuat Halaman Pertama

    Silahkan buka notepad anda. Ketik seperti dibawah ini:


    <html>

    <head><title>Halaman web saya yang pertama</title></head>
    <body> Ini halaman web saya yang pertama.
    </body>
    </html>

  • Setiap dokumen HTML harus diawali dengan tag &lthtml> dan diakhiri dengan tag </html>
  • &lthead> dan </head> digunakan sebagai informasi tentang dokumen kita.
  • &lttitle> dan </title> digunakan sebagai judul dari browser kita.
  • &ltbody> dan </body> digunakan sebagai isi dari halaman WEB kita.

    Sekarang kita simpan text yang telah kita ketik misalnya dengan nama hal1.html
    Sekali lagi jangan lupa akhiri nama file dengan .html

    Selanjutnya kita buka Internet Explorter: klik gambarnya, kemudian File->Open->Browse, cari file dengan nama hal1.html kemudian Open dan OK.

    Apa yang terjadi? Ternyata halaman WEB kita sudah bisa tampil sekarang, seperti dibawah ini.





  • Setelah membaca Tutorial diatas sekarang Lanjutkan lagi :
    Belajar Kode HTML 2
    Belajar Kode HTML 3
    Belajar Kode HTML 4
    Belajar Kode Warna HTML
     
    Ujie Caprone | © 2011 Blogger Template by Ujiecaprone.com