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