Dasar Membuat Website HTML

BELAJAR MEMBUAT WEBSITE

Seiring dengan pertambahan jumlah netter (pengguna internet) di seluruh dunia, termasuk di Indonesia, makin banyak pula orang yang ingin mempunyai homepage atau website sendiri. Hal ini wajar mengingat manfaat yang bisa kita dapatkan dengan mempunyai website sendiri. Memiliki alamat email, sekarang ini bukan lagi sesuatu yang istimewa. Tapi memiliki website sendiri mungkin bagi kebanyakan orang masih merupakan sesuatu yang diidam-idamkan. Untuk itulah kami mencoba menyusun tutorial praktis ini agar dapat dipelajari dan dipraktikkan oleh para netter yang berkeinginan menjadi webmaster (pengelola website).

Mudah-mudahan dengan kemampuan membuat website, kita dapat ikut serta menyebarluaskan ilmu dan informasi yang bermanfaat bagi seluruh ummat manusia, baik di dunia maupun di akhirat kelak.

Bagaimana caranya bisa menampilkan website sendiri di internet? Ada beberapa tahapan dan langkah yang harus kita lalui untuk membuat sebuah website yang benar-benar eksis di internet. Artinya website yang dari segi perwajahan tidak "menyedihkan", dari segi isi tidak "asal-asalan" dan dari segi pengunjung cukup "dilirik". Untuk membuat website pertama-tama kita harus belajar bahasa HTML yaitu sebuah "bahasa program" yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser (Internet Explorer, Netscape, Opera, dll). Setelah kita menguasai dasar-dasar HTML, barulah kita mencoba membuat rencana dan rancangan dari desain dan isi website yang hendak kita buat. Kemudian rancangan itu kita tuangkan dalam bentuk halaman-halaman web yang terpadu. Setelah selesai atau "mengarah ke selesai", kita harus mendaftarkannya ke web hosting agar website kita "terpasang" dan dapat diakses di internet. Akhirnya, yang juga tidak kalah penting adalah bagaimana mempromosikan website tersebut agar dikenal dan dikunjungi oleh para netter. Nah, kini kita mulai dari langkah awal yaitu belajar bahasa HTML.

BELAJAR HTML

Dewasa ini, hampir semua dokumen web dibuat dengan bahasa HTML (Hypertext Mark-up Language). Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Adobe PageMill atau Netscape Composer, namun sangat disarankan bahkan nyaris diharuskan, agar anda mengerti bahasa HTML. Terutama agar anda bisa memanfaatkan secara optimal berbagai fasilitas browser dan mengingat sejumlah kelemahan yang terdapat pada editor WYSIWYG seperti di atas. Untuk itu langkah pertama bagi Anda yang bercita-cita memiliki website sendiri adalah belajar HTML.

HTML (Hypertext Markup Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat digunakan dalam Web. Dengan HTML, teks ASCII (file *.txt) dapat dipoles (di-markup) dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML (file *.htm atau *.html).

Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa, mulai dari Notepad hingga MS Word. Untuk mudahnya, kita gunakan program Notepad. Bukalah program Notepad. Bila anda belum tahu caranya, klik Start > Programs > Accessories lalu Notepad. Sekarang ikutilah dengan seksama latihan-latihan berikut satu demi satu.

PENGENALAN KODE HTML

Masing-masing baris di atas disebut tag. Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Setiap tag diapit dengan tanda kurung runcing. Ada tag pembuka yaitu dan ada tag penutup yaitu yang ditandai dengan tanda slash (garis miring) di depan awal tulisannya. Tag di atas memberikan faidah bahwa yang akan ditulis diantara kedua tag tersebut adalah isi dari dokumen HTML. Perlu anda ketahui bahwa tag-tag html dapat ditulis dengan huruf besar ataupun huruf kecil. Artinya, penulisan atau atau sama saja hasilnya. Namun perlu selalu diingat bahwa penulisan tag yang salah meskipun hanya satu karakter akan berpengaruh terhadap dokumen HTML anda, bahkan bisa berakibat dokumen HTML anda tidak bisa ditampilkan dalam browser.

Isi dari dokumen HTML yang sesungguhnya adalah yang ditulis diantara tag . Coba tuliskan:

Tulisan ini akan tampak dalam browser.

Sekarang simpanlah file ini dengan meng-klik menu File lalu Save As. Pada kotak dialog yang muncul, terlebih dahulu klik anak panah kecil di ujung kanan kotak Save as type kemudian pilih All Files (*.*).

Setelah itu, isilah kotak File name dengan nama file yang anda inginkan misalnya: latih1.htm. Jangan lupa penambahan ekstensi .htm di belakang nama file! Akhirnya, klik tombol Save maka file akan tersimpan sebagai dokumen web. Kini, tutuplah program Notepad anda. Sekarang bukalah lagi program browser (Internet Explorer) selain jendela browser yang anda baca ini. Klik menu File lalu Open. Pada kotak dialog yang muncul, klik tombol Browse. Cari dan pilih file latih1.htm lalu klik Open. Nah, lihatlah hasil karya anda yang pertama! Tulisan ini akan tampak dalam browser

inilah contoh nya

sumber: "getborneo.mywapblog.com"

Menghitung Rata-rata 2 Input Nilai dengan Java

import javax.swing.*;

class inputangka
{
public static void main(String[] args)
{
int j,k;
float l,m;
j = Integer.parseInt(JOptionPane.showInputDialog("Input Nilai 1 : "));
k = Integer.parseInt(JOptionPane.showInputDialog("Input Nilai 2 : "));
l = (j+k);
m = l/2;
JOptionPane.showMessageDialog(null,"Rata-rata nilai : "+m,"HASIL",JOptionPane.INFORMATION_MESSAGE);
}
}

import javax.swing.*;
syntax ini digunakan untuk mengimport package javax swing dimana tanda bintang merupakan simbol penggunaan seluruh library yang ada dalam package javax swing sehingga semua syntax yang terdapat dalam package javax swing dapat digunakan.

class inputangka
{
Membuat kelas dalam pemrograman java dengan nama kelas nya inputangka. Ingat java case sensitive dimana setiap besar kecil nya huruf diperhitungkan. jadi saat anda men-copas program ini anda harus tau nama kelas tersebut harus sesuai dengan nama file yg berekstensi java.

public static void main(String[] args)
{
Syntax ini merupakan suatu statement yang harus ada, mungkin nanti saat anda mempelajari lebih lanjut mengenai fungsi dan method anda akan menemukan beberapa sedikit perubahan pada syntax ini. public dalam syntax ini merupakan suatu statement yang bersifat global dapat digunakan diseluruh kelas. static merupakan sifat dari kelas nya. void main merupakan fungsi dari program utama. sedangkan string args adalah segala arguments yang digunakan berupa string.

int j,k;
selanjutnya kita ke program utama dimana j dan k merupakan suatu integer(type data bilangan bulat).

float l,m;
kemudian l dan m merupakan suatu variabel bertype data float(type data bilangan pecahan).

j = Integer.parseInt(JOptionPane.showInputDialog("Input Nilai 1 : "));
pada statement ini dijelaskan bahwa variabel j merupakan argument yang berupa string awalnya dalam suatu input data pada JOptionPane(suatu syntax yg terdapat dalam package javax swing) yang kemudian di parseInt sebagai variabel yang bertype data integer.

k = Integer.parseInt(JOptionPane.showInputDialog("Input Nilai 2 : "));
pada input nilai yang kedua ini sama hal nya seperti pada variabel j, namun yang kita gunakan sekarang adalah variabel k untuk menampung nilai inputan yang kedua kedalam variabel k.

l = (j+k);
variabel l digunakan untuk menampung hasil sementara dari penjumlahan variabel j dan k. apabila kita langsung menjumlahkan lalu dibagi. maka hasilnya pun bilangan pecahan namun dibulatkan. ada pun cara alternatif lain agar tidak menggunakan banyak variabel yaitu variabel j dan k menggunakan type data float.

m = l/2;
variabel m digunakan untuk menampung hasil akhir dari pembagian dari penjumlahan variabel j dan k yang kemudian akan dicetak ke dalam layar.

JOptionPane.showMessageDialog(null,"Rata-rata nilai : "+m,"HASIL",JOptionPane.INFORMATION_MESSAGE);

}
}
dan ini merupakan statement yang terakhir dimana kita akan menampilkan message dialog untuk menginformasikan suatu hasil yang telah kita input. dimana saya menambahkan sedikit Judul "Hasil" pada panel kotak dialog tersebut.

Output:

Ini merupakan tampilan Output Input Nilai 1


Ini merupakan tampilan Output Input Nilai 2


Ini merupakan kotak dialog untuk hasilnya

Pengenalan CPanel yg Terdapat Dalam Suatu Web Hosting

Hai udah lama nih ga update, laptop ada tp internet nya ga ada. Hehehe.. Maklum modem jadul yg udah 3 tahun saya pake ternyata mengalami kerusakan yg cukup fatal. Dan skarang sudah benar. (Sekedar informasi).

Kali ini saya akan menjelaskan dari dasar untuk membuat suatu web, eits.. Jangan terburu-buru dahulu. Karena sebelum kita memulai membuat web yang kita butuh kan adalah web hosting untuk meletakan template web kita dimana web tersebut bisa diakses dari seluruh penjuru dunia, bagi kalian yang pengen eksis ga cuma di dalam negeri ini merupakan cara tepat untuk membuat web pribadi dan banyak dikenal orang.
Dan pasti kalian semua telah mengetahui bahwa dalam penyediaan layanan web hosting memiliki fitur yang berbeda. Web hosting yang saya akan gunakan dalam membuat web saya adalah www.heliohost.org kenapa saya memilih heliohost, karena untuk fitur uji coba(layanan gratis) yang diberikan oleh web hosting ini cukup profesional, dimana kita dapat mengakses CPanel dari akun kita mendapatkan bandwith unlimited serta Kapasitas memori yg cukup untuk membuat uji coba web yang telah kita buat untuk dipublikasikan.

Langsung saja, apakah CPanel itu?

cPanel adalah sebuah control panel web hosting pada Linux yang memberikan tampilan grafis dan peralatan automasi yang dibuat untuk memudahkan proses hosting di sebuah situs web. cPanel menggunakan 3 tingkat struktur untuk memberikan fungsi administrator, agen, dan pemilik situs web untuk mengatur berbagai macam aspek dari situs web dan administrasi server melalui sebuah penjelajah web standar. Selain memberikan Guide User Interface untuk memudahkan pengguna, cPanel juga dilengkapi dengan perintah dalam teks dan berdasarkan API agar vendor perangkat lunak pihak ketiga, organisasi web hosting dan pengembang untuk automasi sistem standar proses administrasinya.
cPanel didesain untuk berfungsi pada dedicated server ataupun virtual private server yang bisa digunakan pada Sistem Operasi centOS, Red Hat Linux, dan FreeBSD. Aplikasi-aplikasi didukung cPanel termasuk Apache, PHP, mySQL, Postgres, Perl, Python, and BIND, dengan email seperti POP3, IMAP, layanan-layanan SMTP.

Kutipan : "Wikipedia"

Cpanel hosting fitur dapat dikelompokkan menjadi empat kategori utama yang fitur situs, email, script dan statistik dan fitur canggih. Cpanel hosting memiliki fitur situs yang tersedia secara luas dikenal sebagai file manager. Hal ini penting bagi seorang individu untuk mengetahui bagaimana untuk membuat, menghapus, dan mengelola file dan folder serta mengedit website Anda dengan mudah.

Beberapa fitur lainnya yang ditemukan dalam kategori yang sama meliputi perlindungan direktori, manajer FTP, administrasi sub domain serta halaman kesalahan. Dengan koneksi internet, seseorang dapat mengakses dan mengelola website mereka dari mana saja setiap saat karena hampir semua panel kontrol dapat diakses melalui internet. Hal ini terutama penting bagi mereka yang terus-menerus memperbarui situs Web mereka karena mereka dapat melakukannya dengan mudah dan nyaman terlepas dari lokasi fisik mereka.

Cpanel hosting berisi script dan fitur statistik bahwa persetujuan untuk array yang luas dari fungsi seperti chat, counter, papan pesan, buku tamu dan fitur lebih lanjut. Ini adalah interaksi yang penting dan alat-alat analisis yang memungkinkan Anda untuk strategi tentang situs web Anda. Perubahan yang dibuat pada situs web apapun yang ditentukan oleh jenis respon dikumpulkan dari berbagai fitur. Di masa lalu memiliki fitur tersebut aktif di website Anda diperlukan pemrograman yang ekstensif dan keterlibatan penyedia. Dalam beberapa kali semua yang seseorang harus lakukan untuk mengaktifkan Cpanel adalah beberapa klik dan mereka siap untuk pergi. Kompetensi dan menghemat waktu merupakan keuntungan dari mengaktifkan fitur karena mereka lebih sederhana dan efektif untuk digunakan.

Fitur Cpanel email hosting memungkinkan untuk pengaturan account email, email forwarding, auto responden, web mail dan mailing list. Untuk dapat mengatur fitur, seseorang harus memiliki dasar kemampuan IT dan memastikan bahwa korespondensi dan komunikasi efektif ke dan dari website Anda. Fitur canggih sebagian besar berguna bagi situs-situs operasi Cpanel reseller hosting. Hal ini karena mereka memungkinkan untuk fungsi-fungsi seperti administrasi sub domain, manajemen situs dan administrasi jaringan. Pengelolaan beberapa situs Web memerlukan individu dengan peningkatan kemampuan TI. Setiap fitur yang tersedia di Cpanel hosting dirancang untuk memberikan manfaat tertentu bagi penyedia, reseller dan klien. Semua pihak harus memahami fitur sehingga untuk memaksimalkan nilai dari paket hosting. Untuk mencapai tujuan ini Cpanel reseller hosting penyedia layanan harus menawarkan informasi yang komprehensif kepada klien mereka.

Lalu bagaimana cara mendaftar di webhosting tersebut? Anda dapat kunjungi www.heliohost.org melakukan registrasi. Saya yakin anda pun dapat melakukan nya karena ini cukup mudah.

Lalu sperti inilah tampilan cPanel tersebut:
Pada awalnya terbuka cPanel kita akan di beri bantuan untuk menggunakan CPanel dengan bantuan atau dengan manual. Jika kita ingin menggunakan bantuan kita akan dipandu, sedangkan jika kita sudah mengerti dasar-dasarnya sebaiknya kita langsung saja berlanjut ke tahap yang lebih lagi.

Dan inilah beberapa layanan yang terdapat pada CPanel: