Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Tahap Pembuatan Sebuah Website

Posted by herman at Thursday, September 29, 2011 Labels: , , ,

Website merupakan suatu media yang sangat penting dalam dunia Informasi pada saat ini, banyak sekali hal-hal yang bisa kita dapatkan dari sebuah website , sesuai dengan kebutuhan yang kita inginkan. Segala jenis Informasi, mulai dari pembelajaran interaktif, berita, tutorial, video, gambar dll, semua bisa kita dapatkan melalu Internet dimana informasi tersebut di publikasikan melalui media dengan interface yang sangat bervariasi, dalam sebuah website.

Dalam pembuatan sebuah website, diperlukan beberapa tahap yang harus dilakukan. Karena untuk mendasain sebuah website, dibutuhkan sebuah perencaan yang matang, agar hasil yang di inginkan didapatkan secara maksimal.

Yang harus diperhatikan dalam pembuatan Website antara lain :
  • Tujuan dibuatnya website untuk apa.
  • Menentukan siapa pengunjung Website.
  • Analisa kebutuhan dan spesifikasi situs Web.
Selanjutnya , persiapan dan langkah-langkah pembuatn website antara lain :
  • Mempersiapkan Tools yang akan digunakan untuk mendesain sebuah Website, seperti Notepad ++ , Macromedia Dreamweaver dll untuk coding program website yang akan dibuat, Adobe Photoshop untuk mendesain tampilan dari web dll.
  • XAMPP atau yang lainnya sebagai localhost yang nantinya digunakan untuk menguji Website yang kita buat sebelum kita menguploadnya ke webhosting yang kita pakai untuk mempublikasikan Web kita.
  • Materi atau bahan-bahan untuk website yang kita buat, dimana bahan ini merupakan informasi yang akan kita masukan kedalam website yang kita buat.
  • Setelah semuanya telah kita persiapkan, software yang kita butuhkan telah kita install & materi sudah kita dapatkan, maka langkah selanjutnya adalah mulai mendesain Layout awal sampai akhir.
  • Setelah proses pembuatan selesai, maka dilakukan proses pengujian, pada Localhost , Apabila web kita dirasa sudah sukses dijalankan pada server lokal, maka website kita siap di Upload ke webhosting.
Contoh alurnya dapat anda lihat di bawah ini :

Semoga tulisan dan coretan diatas , dapat menambah pengetahuan kawan-kawan sekalian dan dapat membantu kawan-kawan yang membutuhkan, Good Luck !!!! :D

 Selengkapnya...

6 comments

Dasar-Dasar HTML (Bagian 2)...mengolah Font

Posted by herman at Monday, February 15, 2010 Labels: ,

Ok..sekarang kita lanjutkan kembali pembahasan lanjutan tentang Dasar-dasar HTML, Jika kemarin kita telah membahas mengenai <html> , <head>, <body>, <title>, heading <h> dan paragraf <p> . Sekarang kita akan membahas tentang fungsi tag-tag yang lain yang biasa digunakan dalam HTML.


Ukuran font <font size="..." > ... </font>
Digunakan untuk menentukan besar huruf pada halaman web sesuai dengan keinginan kita, seperti contoh dibawah ini :
<html>
<head>
<title>Ukuran Font</title>
</head>

<body>
<font size=''1">Ukuran font 1 </font>
<font size="2">Ukuran font 2 </font>
<font size="3">Ukuran font 3 </font>
<font size="4">Ukuran font 4 </font>
<font size="5">Ukuran font 5 </font>
<font size="6">Ukuran font 6 </font>
<font size="7">Ukuran font 7 </font>
</body>
</html>
hasilnya adalah sebagai berikut :




Jenis font <font face="..." >...</font> dan tag <br>
Tag diatas digunakan untuk menentukan jenis huruf yang akan digunakan pada web, sesuai dengan keinnginan kita, sedangkan tag <br> digunakan untuk membuat baris baru pada website. contohnya adalah sebagai berikut :
<html>
<head>
<title>Jenis Font</title>
</head>

<body>
<font face="arial">Jenis huruf arial</font><br>
<font face="comic sans ms">Jenis huruf comic sans ms</font><br>
<font face="times new roman">Jenis huruf Times New Roman </font>
</body>

</html>

hasilnya adalah sebagai berikut :


Warna font <font color="..." >...</font>
Digunakan untuk memberikan warna pada huruf sesuai dengan keinginan kita, seperti pada contoh dibawah ini :

<html>
<head>
<title>Warna Font</title>
</head>

<body>
<font color="RED">Warna huruf</font>
<font color="#FF0000">Warna huruf</font>
<font color="#000000">Warna huruf</font>
</body>

</html>

hasilnya adalah sebagai berikut :



OK..untuk topik Dasar-dasar HTML (Bagian 2)..mengolah font...ini saja dulu yang bisa di publish..untuk yang selanjutnya akan segera dipublish.....

Kata bijak hari ini: " Kegagalan adalah saluh satu cara untuk memulai lagi dengan lebih baik"..jadi tetap semangat dan Yakin Usaha Sampai (YAKUSA).....

 Selengkapnya...

9 comments

Dasar-Dasar HTML (Bagian 1)

Posted by herman at Sunday, February 14, 2010 Labels: ,

Setelah beberapa bulan vakum dalam kegiatan nge-BLOG, akhirnya kali ini saya menyempatkan diri untuk menuangkan kembali tulisan-tulisan saya dalam media ini, mudah-mudahan artikel saya kali ini dapat bermanfaat bagi teman-teman semua...Langsung saja tanpa panjang lebar, langsung masuk ke Artikel yang akan saya tulis kali ini adalah tentang Dasar-dasar HTML.

Mungkin bagi kawan-kawan sekalian ada yang pernah mendengar istilah HTML....!!!! HTML (Hypertext Markup Language) merupakan dasar dari pembuatan WEB,...wah seru nih seandainya kita bisa buat WEB sendiri...Nah pada artikel ini saya hanya memberikan Dasar-dasar yang pada umumnya atau biasanya digunakan dalam pembuatan WEB,. dan selanjutnya, tinggal kawan-kawan kembangkan sesuai dengan kemampuan yang kawan-kawan miliki.

OK lah kalau begitu...sekarang apa saja yang merupakan dasar-dasar dari HTML itu, ada beberapa tag yang harus kawan-kawan ketahui :

tag <html> ... </html>
Di dalam setiap HTML, selalu diawali dengan <html> dan diakhiri dengan </html>. Tag ini akan membuat web browser untuk membaca isi dari tag tersebut.

tag <head> ... </head> (header) dan <title> ... </title>
Header merupakan tanda pengenal pada halaman yang anda buat, kita pun dapat menuliskan judul agar tampil pada bagian pojok kiri atas dari web browser kita menggunakan tag <title> ... </titlel>.

tag <body> ... </body>
pada tag <body> ini, digunakan untuk menulis semua isi dari web yang kita buat, mulai dari pengolahan-pengolahan paragraf, tabel background dan lain-lain......
contoh dari penggunaan tag-tag diatas adalah sebagai berikut :
kodenya :


hasilnya pada web browser :


tag - tag selanjutnya yaitu :


tag heading <h1> ... <h6>
Merupakan sekumpulan kata yang menjadi judul atau sub judul, masing-masing Heading memiliki ukuran yang berbeda-beda, dalam HTML hanya terdapat heading 1 s/d heading 6 (<h1> s/d <h6>). dan setiap Heading jangan lupa untuk diakhiri dengan tanda </>. contohnya seperti dipada gambar dibawah ini :
kodenya :

 hasilnya pada web browser :

Tag Paragraf <p>...</p>
Tag paragraf ini bisa digunakan untuk menulis paragraf seperti layaknya kita menulis di Ms.Word, selain itu juga kita dapat mengatur tata letak dari paragraf tersebut menjadi center, justify, left dan right seperti contoh dibawah ini :
kodenya :

hasilnya pada web browser :

bersambung ke Dasar-dasar HTML (bagian 2).......ditunggu posting selanjutnya..

Kata bijak hari ini, : "Kita harus saling memaafkan dan kemudian melupakan apa yang telah kita maafkan"






Selengkapnya...

8 comments

Subscribe to: Comments (Atom)