Selamat datang.. Welcome.. Ni hao....

Know it

Learn it

Try it...

Love it...

Apa itu CSS?

Written on 17.06 by abdulmuin amz young


CSS bekerja sebagai pelengkap pada HTML. Jika anda baru mempelajari HTML, maka cobalah untuk sekaligus belajar CSS. Dan anda akan terkejut dengan hasilnya..!!
CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan dan fleksibilitas dari sebuah css. Lalu apa sih style sheet (css) itu sebenarnya? apa kegunaan sebenarnya? dan bagaimana cara menggunakannya? CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTMl, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website.
CSS diperkenalkan untuk pengembangan website pada tahun 1996. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian akan membentuk hubungan parentchild pada setiap style. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS. CSS adalah sebuah dokumen yang berdiri sendiri dan dapat dimasukkan dalam kode HTML atau sekedar mejadi rujukan oleh HTML dalam pendefinisian style.
CSS menggunakan kode2 yang tersusun untuk menetapkan style pda elemen HTML atau dapat juga digunakan membuat style baru yang biasa disebut class. CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML.
CSS dapat digunakan untuk menggantikan <font size="+0">, <strong>, dan , dikarenakan hal berikut: 
sebuah file css dapat menjadi rujukan banyak halaman HTML. Hanya dibutuhkan 1 baris kode untuk melakukan hal tersebut. Ini berarti akan meminimalkan file2 HTML yang akan dibuat. Jika ingin mengubah tampilan website yang telah dibuat, maka yang perlu dilakukan hanya mengganti baris-baris kode pada css nya saja, tanpa perlu mengutak-atik filefile HTML nya. CSS dapat mengatur banyak atribut pada sebuah halaman secara mudah.

Apa itu PHP?

Written on 17.01 by abdulmuin amz young

PHP? Sounds familiar huh? jika anda hendak membuat blog yang anda hosting sendiri, menggunakan domain name sendiri, anda akan menjadi sangat familiar dengan makhluk bernama PHP ini. OK, now let’s move on.

Apa itu PHP?

Merujuk dari id.wikipedia, PHP adalah salah satu bahasa pemrograman script bersifat open source yang bekerja pada sisi server, yang paling banyak dipakai saat ini. PHP banyak digunakan untuk memprogram situs web dinamis ( termasuk blog ) meskipun penggunaan untuk hal lain juga memungkinkan.

Sebentar, saya menemukan istilah baru disini. Apa itu situs web dinamis?

Ok. anda sudah mempelajari HTML pada post ini. Halaman web di tulis menggunakan HTML, bahasa markup yang di keluarkan oleh WorldWideWeb Consortium ( W3C ) yang tersusun atas konten dan atribut ( tag ) dalam file berekstensi HTML. Nah, begitu halaman html web tersebut dibuat, lalu di atur tampilannya menggunakan CSS, maka jadilah sebuah halaman web statis. Sekarang, pernahkah anda melihat satu halaman web yang isinya selalu berubah – rubah? saya yakin jawabannya sering. bukan pernah lagi. Salah satu contohnya adalah halaman blog ini. ketika anda mengaksesnya sekarang dan dua hari lagi, isi dari halaman ini akan berubah. dimana perubahan tersebut?pada sidebar. konten postnya mungkin tidak berubah, namun link daftar Fresh Contents dan Recent Comments berubah – rubah kan? setiap ada penambahan konten dan komen, ada daftar link baru muncul.

Bagaimana perubahan isi dari halaman web itu terjadi? apakah halaman ini diedit ulang? disusun lagi satu persatu linknya?

disitulah peran pemrograman script. dalam kasus ini, PHP. PHP membuat konten halaman web berdasarkan parameter – parameter yang ada, seperti script program, data pada database, dll. ketika ada data baru yang masuk, lalu ada pengakses halaman tertentu yang mana halaman tersebut disusun menggunakan PHP, PHP akan membuat halaman web tersebut berdasarkan data yang ada pada database.

Apa itu HTML?

Written on 16.59 by abdulmuin amz young


HTML(Hyper Text Markup Language) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag tadi memberitahu browser bagaimana menampilkan halaman web dengan lengkap kepada pengguna. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya.

HTML (Hypertext Markup Languange) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Ada beberapa editor yang dapat digunakan untuk membuat halaman html yaitu :
  1. Notepad
  2. Notepad++
  3. Adobe Dreamweaver
  4. Microsoft Frontpage
  5. NVU
Namun bagi pemula, anda dapat menggunakan aplikasi bawaan Windows yaitu Notepad.
Berikut adalah contoh Tag HTML
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Ini adalah halaman HTML</h1>
</body>
</html>
Untuk mempelajari Bahasa Pemrograman HTML ini anda hanya memerlukan:
  • Text Editor (Notepad, vi, emacs, dsb - seperti yang telah disebutkan diatas.)
  • Macromedia Dreamweaver
  • Web Browser (Internet Explorer, Opera, FireFox, dsb)
  •  
Contoh Tampilan
     











    Hanya dengan bermodalkan dua software bawaan Windows itu saja anda sudah dapat membuat website. Namun Notepad memiliki kekurangan yaitu tidak memiliki syntax highlighting (pewarnaan kode) sehingga relatif cukup menyulitkan.
    Jika anda menggunakan notepad sebagai editor. Pastikan ketika hendak menyimpan file pilihan Save As Type-nya adalah All Files. Hal ini untuk menghindari tersimpannya script HTML sebagai file text biasa. Program HTML editor WYSIWG (What You See Is What You Get) adalah program HTML editor yang menyediakan interface seperti program pada Microsoft Word. Namun output yang dihasilkan berupa file HTML. Contoh program HTML editor yang bersifat WYSIWYG adalah Microsoft FrontPage, Macromedia Dreamweaver dan Adobe GoLive.
    Kita asumsikan anda sebagai orang awam yang belum mengenal sama sekali HTML. Jika anda menggunakan program semacam ini dan hanya drag n drop saja tanpa mengerti kodenya maka sama saja anda tidak menguasai teknik pemrograman web secara nyata.
    Ini akan mempersulit anda jika nanti anda mempelajari bahasa web progromming seperti  PHP. Oleh karena itu, dalam materi yang kita bahas dalam ebook ini menggunakan “Macromedia Dreamweaver” yang sifatnya hanya syntax highlighting.
    Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
    tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
    Sebuah halaman website akan diapit oleh tag <html>……</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
    menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
    Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face. Untuk lebih memahami atribut lihatlah contoh berikut ini.
    <font color=”red” face=”Arial” size=”12”>Ini Font Arial berwarna merah dan berukuran 12 pt</font>
    hasilnya Font Arial berwarna merah dan berukuran 12 pt
    • Atribut color digunakan untuk menentukan warna tulisan.
    • Atribut face digunakan untuk menentukan jenis huruf.
    • Atribut size digunakan untuk menentukan ukuran huruf.
    Jika anda lihat bahwa atribut color berada pada awal, lalu yang kedua adalah face dan yang terakhir adalah size. Anda tidak perlu memperdulikan urutan atribut tersebut karena browser hanya membaca isi dari properi bukan urutan atributnya.


    3 Software Gratis Untuk Desain Web

    Written on 16.50 by abdulmuin amz young

    Untuk membuat desain sebuah website, kita tidak perlu mengeluarkan uang untuk membeli software-software. Sebab banyak software yang bisa kita download dengan gratis dan sangat memadai untuk membuat desain web yang professional.
    Di bawah ini ada 3 software minimum yang bisa kita gunakan untuk membuat desain web:

    GIMPShop


    Untuk membuat grafik atau gambar di website anda, diperlukan editor grafik. Di sinilah fungsi dari GIMPShop. Software ini berfungsi sama dengan PhotoShop, yaitu membuat dan mengedit grafik. Download
    GIMPShop Editor Grafik Gratis


    Notepad++


    Adakalanya kita perlu mengedit script, misalnya JavaScript atau PHP. Oleh karena itu kita memerlukan software text editor. Salah satu text editor yang gratis adalah Notepad++. Fungsi software ini sama dengan Notepad, tetapi sudah ditambahi fasilitas tambahan. Download
    Notepad++ Text Editor Gratis


    FileZilla


    Desain web sudah jadi, lalu bagaimana cara meng-upload desain web kita? Gampang. Pakai saja software gratis FileZilla. Software ini sangat handal untuk mengupload file atau desain web ke server web hosting Adanya fasilitas queue mempermudah kita dalam meng-upload banyak file sekaligus tanpa perlu ditunggui. Download
    FileZilla Software FTP Gratis

    Tahapan Membangun Sebuah Website

    Written on 16.38 by abdulmuin amz young

    Untuk membuat sesuatu, perlu adanya persiapan yang menunjang untuk pembuatan sesuatu tersebut sehingga dapat selesai sesuai dengan yang diharapkan. Sebagai contoh, kita akan membuat kue, hal-hal yang perlu dipersiapkan untuk mewujudkan pembuatan kue tersebut antara lain: alat-alat pembuat kue, bahan-bahan kue, keterangan resep jika perlu. Seperti halnya pembuatan kue, pembuatan website juga mirip seperti diatas tahapan-tahapannya, dimana jika kita akan membuat sebuah website ada beberapa yang perlu dipersiapkan, antara lain:
    1. Alat-alat yang digunakan untuk membuat website, dalam hal ini software yang digunakan, misalnya menggunakan Adobe Photoshop sebagai alat desainnya, Macromedia Dreamweaver sedagai alat untuk coding, dan sebagainya.Bahan-bahan untuk website tersebut, dalam hal ini adalah materi atau informasi yang akan ditampilkan pada website yang kita buat, misalnya: biodata, curiculum vitae, list barang dagangan, profile perusahaan, dan banyak lagi yang lainnya.
    2. Setelah software tersedia di komputer kita, dan materi sudah ada, baru kita dapat memulainya dengan mendesain layout, programnya sampai dengan selesai.
    3. Setelah semua selesai, kemudian kita tes.
    4. Seletah tes sukses, baru kita bisa upload ke server, baik itu yang gratisan atau yang beli.
    Tahapan pembuatan website secara sederhana dapat digambarkan dalam flow chart seperti gambar di bawah ini:
    untitled.gif