Kuliah Informatika Gratis

Halo Blogger's sory jarang update nih, maaf lagi sok sibuk terus nih ngerjain tugas dari kampus, dari bos kecil sama dari bos besar juga. Maklumlah Blogger's namanya juga mahasiswa kere yang lagi nyoba peruntungan jadi Freelance jadi ada Bos Besar (Kerjaan Utama) dan Bos Kecil (Copper and Brass Handicraft).

Oke, Hari ini banyak sekali yang minta tolong, mulai dari set Facebook Clone*padahal dah lama ga mainan lagi. ada juga yang bertanya cara membuat Form Pemesanan Barang ada juga yang minta dibuatkan Program C++ *yang ini ga boleh ditiru!

Nah sekarang timbang mbahas yang ga jelas mending kita cari solusi sebenarnya gimana sih cara belajar HTML dan CSS yang cepet, 1 Hari langsung bisa! Ada ga ya? *Aden dengan tegas jawab bisa Sob!

Ini rahasia belajar HTML dan CSS dalam waktu singkat alias Cara mudah belajar HTML dan CSS

1. Download E-Book HTML dan CSS yang ada di Blog Kuliah Gratis

2. Coba Membuat Halaman Sederhana dengan HTML dan CSS tentunya setelah membaca dan mempraktekkan semua tutorial di E-Book HTML dan CSS gratis tadi ya

3. Kunci dari CSS adalah class dan id pada tag HTML ingat CLASS dan ID => HTML = Class <=> CSS = . (tanda titik) == HTML = ID <=> CSS = # (tanda pagar)

Nah dengan 3 Point diatas dan kesungguhan belajar, aku yakin bisa mainan CSS dan HTML dengan mudah, setidaknya ga kagok kalo disuruh Edit Template Doank!

NB:

- Halaman Web itu sebenarnya isinya adalah HTML dan CSS saja! PHP adalah Preprosesor yang dijalankan diserver dan tetap saja hasil akhirnya adalah HTML dan CSS jadi kalo lom ngerti HTML dan CSS mending belajar HTML dan CSS dulu sebelum belajar PHP and MySQL coz ntar muntah2 ga dijamin!

Dahulu di Kuliah Gratis pernah memposting tentang Membuat Form Komentar Sederhana yang benar-benar sangat sederhana. Maklumlah kan waktu itu dan sampai sekarang Aden Kejawen masih terus belajar dan waktu itu baru bisa seperti itu ya terima saja ya Form Komentar Sederhananya :D *Ngeles biar ga dimarahin

Oke, Sekarang Aden akan mencoba membuat Form Kontak Alternatif untuk Blog Wordpress dan Blogspot atau bahkan Joomla juga bisa. Kontak Form ini menggunakan Emailmeform sebagai penyedia layanan forward email yang ciamik. Ide dari Kontak Form Alternatif ini adalah menggunakan variable dari emailmeform untuk kita masukkan kedalam form kreasi kita. variable yang kita ambil antara lain adalah methode pengiriman data, variable2 data, dan form action.

Gimana? masih bingung? coba dech buka halaman kontak milik Handicraft Copper dan nah kira-kira sepertilah jadinya nanti form kita. Tentunya itu adalah kreasi Aden, Anda diberikan hak 100% untuk melakukan customasi terhadap Form Kontak Alternatif ini.

Langkah-Langkah untuk membuatnya:

1. Sign Up dulu ke Emailmeform.Com kalo memang belum punya Account atau Sign In kalo sudah punya. *Google ya boossss kalo ga tau URLnya :D

2. Create New Form dan bla-bla-bla sampai dengan Get Code.

3. Buka Text Editor Mantab kebanggaan Sobat dan paste Code dari Emailme Form disitu.

4. Buat sebuah kreasi Form dengan HTML dan CSS sesuai keinginan Anda, kalau ingin sama dengan kontak Copper Craft berarti silahkan hubungi Aden :D *bukannya pelit cuma malas nulis code HTML n CSSnya :D - Ngeles

5. Ganti Variable Action, Method dan Variable Name pada Form buatan Anda dengan code-code dari Emailmeform (kalo tidak salah itu emailmepake FillData0-FillDataN untuk variable namenya)

6. Paste code Form Kontak Alternatif yang Anda buat ke halaman Blog Anda dimana Anda ingin meletakkannya

Selesai sudah membuat Form Kontak Alternatif dengan bantuan Emailmeform.Com. Mungkin rekan-rekan bertanya kenapa sih ga buat sendiri pake hosting pribadi? trus apa keunggulan Emailmeform.Com ketimbang form yang dibuat dengan Hosting? Berikut adalah keunggulan Emailmeform dibanding Form yang kita buat sendiri di hosting.

- Gratis

- Mudah untuk membuatnya

- Praktis tidak perlu coding PHP untuk membuat koneksi ke SMTP

- Tidak semua hosting menghidupkan fitur SMTP

- Dapat dikreasikan sesuka kita karena opensource dan Emailmeform hanya memberi kode HTML murni tanpa include macam-macam

- Menghemat Bandwidht hosting *ini penting banget!

NB: Postingan ini sebagai tanda ketidaksetujuan dan bukan tandingan dari posting Suhu Albri tentang Kontak Alternatif di blog beliau yang URLnya http://www.ateonsoft.com/2009/12/contact-form-alternatif-bagus.html

Mempercepat Loading Blog? wah dah bosen Den....dah sering kan artikel ginian, ngapain sih dibahas lagi? Lagian Blog lo tu lemot loadingnya n isinya ga jelas lagi! *terus ae ngelek-elek ndang ngko tak keplak pake YM*

Memang sudah sering dibahas dalam Blog Kuliah Gratis bagaimana mempercepat loading blog, mulai dari CSS Compressor sampai Menata Kembali Interior Blog yang amburadul. Namun untuk penggunaan frame jarang sekali yang membahasnya karena memang tidak populer. Frame biasanya digunakan saat kita ingin mengeload halaman Website seseorang tanpa meninggalkan halaman Blog kita *curang ga sih sebenere?*. Contoh penggunaan Frame yang jelas terlihat adalah Widget Facebook Conector yang ada dibeberapa Blog termasuk dalam Project Website Aden "Indonesia-Bisa.Or.Id".

Prinsip kerjanya sebenarnya mudah, Karena komputer/browser membaca script secara berurutan dari kiri atas sampai ke kanan bawah, maka ketika menemui sebuah Frame, Browser akan membuka URL dari frame tersebut sementara tetap melanjutkan membaca script selanjutnya sehingga Blog bisa tampil sempurna (tanpa Frame terlebih dahulu) walo URL frame belum diload sempurna. *bingung ya?* Maksudnya gini, Anda membaca buku ketika ada note dibuku itu untuk melihat halaman tertentu Anda mengabaikannya terlebih dahulu kemudian setelah semua kelar baru melihat note tersebut, begitu kira-kira.

Berbeda dengan CSS yang harus dibaca terlebih dahulu dari Locator (karena berhubungan langsung dengan layouting) Frame dibaca terakhir karena tidak berhubungan sama sekali dengan Layout, hanya saja perlu diperhatikan bahwa Frame hanya mengurangi berat loading tidak mempercepat secara signifkan karena tentunya banyak faktor lain yang mempengaruhinya. *katane koncoku ngono*

Untuk syntax dan lain-lain maaf nih untuk kali ini tidak aku kasih karena bisa dilihat langsung pada Souce Code Website yang memakai Iframe seperti: Pulsa.Cihuii.Com (Web Reporting), M-Pulsa.Co.Id (Web Reporting), Indonesia-Bisa.Or.Id (Facebook Conector), dll. *maaf Link tidak diberikan bukane pelit tapi emang males ae*

Khusus untuk Facebook Conector ga perlu takut itu Phising karena itu URL resmi kok, jadi kalo Anda masih login secara otomatis di Facebook Conector Anda pun tak perlu login karena langsung membaca Cookies di komputer Anda.

Oke itu dulu, bila ada update informasi insyAllah aku sharing, jadi "Pantengin Terus Kuliah Gratis", Semoga bermanfaat

Hypertext Preprossesor atau yang lebih dikenal dengan PHP adalah sebuah bahasa pemrograman berbasis web yang saat ini paling digemari. PHP dapat berjalan pada webserver yang mempunyai compiler PHP sesuai dengan versi regulasinya. Untuk saat ini PHP sudah mengeluarkan versi terbaru yaitu PHP 5 yang semakin canggih dan mantab :D (padahal belum jajal).

Secara bahasa dan syntax, PHP tidaklah terlalu rumit dan cenderung mudah bagi pemula, namun terkadang terkesan sangat susah karena begitu kompleknya pemrograman ini terutama untuk mereka yang ingin memasuki jenjang advance. Aku sendiri sampai sekarang baru mengenal syntax-syntax dasar saja, tapi insyaAllah ada saatnya ingin mengusai bahasa tersebut.

Beberapa contoh aplikasi web yang berbasis PHP sangat mudah ditemui, terutama yang berbasis CMS (Content Management System) seperti Joomla, Wordpress, Drupal, Aura,dll. Inti dari membuat website dinamis dengan HTML dan PHP adalah bagaimana menyatukan antara tag HTML dan Syntax PHP. Syntax PHP inilah yang berisi variable yang dinamis yang dapat berubah-ubah isinya sesuai dengan muatan variablenya.

Sebagai contoh begini:

Sebuah halaman artikel yang menampilkan berita akan menampilkan 5 berita terakhir yang diposting oleh administrator. Berita tersebut tersimpan dalam database pada table "news" dengan primery key "id" dengan index "judul" untuk menghindari duplikat judul. Kemudian dibuatlah beberapa script PHP yang akan digunakan untuk : menulis artikel, menambahkan ke database, mengedit artikel, menghapus artikel dan mempublikasikannya pada halaman artikel.

Nah kebetulan dah lama banget sebenere aku membuat kumpulan script buat memanage artikel semoga bisa dipakai buat sarana belajar :D. Maaf jika hasilnya kurang maksimal coz itu tadinya mau tak kembangin jadi sebuah CMS tapi lagi males ngelanjutinnya jadi tak kasih sebagian scriptnya ja ya, yang bagian artikel management.

Download script artikel management

Cara Instalasi:

1. Buat database "mutyalova"
2. Unzip artikel.zip
3. Import database yang ada didalam folder artikel
4. Jalankan script

Nah dengan sebuah script sederhana ini kita bisa belajar membuat kontent dinamis untuk memanage artikel lengkap dengan categorynya :D. Selamat mencoba dan semoga bermanfaat.

Sebelumnya minta maaf karena beberapa hari ini tidak posting, dan terakhir posting tentang Sejarah Internet sudah telalu lama dihalaman muka menurut. Jadi kali ini coba posting walau masih harus ngurus n ngelanjutin project membuat Website. Ok, kali ini kita coba membahas tentang CSS atau Casceding Style Sheet dan penggunaannya.

CSS atau Casceding Style Sheet adalah sebuah side programming language yang berintegrasi dan mampu mengontrol secara penuh tampilan dan tata letak dari setiap bagian dari tag HTML tersebut. CSS dapat diletakkan pada file tersendiri atau biasa disebut External CSS dan juga bisa diletakkan secara bersamaan dengan file HTML yang biasanya disebut Internal CSS.

Internal CSS inilah yang kali ini coba aku bahas walau sebenarnya juga aku belum terlalu paham betul tentang pemrograman CSS ini :D *bukan pengen keminter lho ya, cuma sharing*. Internal CSS yang biasanya dipakai itu ada dua yaitu internal CSS yang letaknya diluar tag HTML (biasanya menggunakan tag < style > ) dan ada internal CSS yang letaknya berada didalam tag HTML (biasanya menggunakan tag style="code CSS"). Baik yang berada diluar ataupun didalam tag HTML secara global sama namun secara penulisan, Internal CSS yang berada diluar tag HTML lebih mirip External CSS.

Lebih mudah mana, Internal CSS yang diluar ata didalam tag?

Baik CSS yang diluar atau didalam tag, keduanya sama-sama menyenangkan untuk dipelajari hanya saja penggunaannya kembali pada azaz efisiensi. Maksudnya, saat kita mendesign layout kadang kita mengatur beberapa tag HTML dengan styling yang sama. Pengaturan seperti ini akan lebih efektif dan efisien jika dicontrol dengan internal CSS yang berada diluar tag karena kita cukup menambahkan class ataupun id pada tag HTML yang memiliki syling yang sama kemudian dicontrol dengan 1 blok CSS saja *bingung ya? sama berarti :D*. Aku yakin para Webmaster lebih paham tentang hal yang seperti ini, mengingat pentingnya mempertahankan dan menyingkat loading page.

Contoh Casceding Style Sheetnya mana?

Kebetulan lagi malas membuat code buat default layout, jadi coba buka blog masing masing2 (Blogspot pada Edit HTML dan Wordpress pada Edit Themes --> style.css) terus coba lihat code-code yang memakai tanda # (pagar) dan . (titik), itulah tag CSS yang mengatur tampilan Blog Anda. Nilai atau value yang ada diantara tanda { code CSS } adalah script controlernya.

Mungkin baru ini yang bisa aku berikan hari ini, mohon maaf karena belum bisa berkunjung ke teman-teman semua.

Setelah kita belajar membuat form dengan HTML dan Berkenalan dengan PHP, sekarang Kuliah Gratis mencoba mengkombinasikan keduanya dengan membuat sebuah aplikasi sederhana yang bisa langsung dipraktekkan yaitu "Form Isian Mahasiswa". Dalam aplikasi ini kita memiliki dua buah file yaitu file "Form Isian Mahasiswa dan Cetak Form Isian Mahasiswa". Dalam form ini kita tidak membahas masalah database tempat menyimpan data isian dari form tersebut karena masih terlalu awal untuk membahas penggunaan database dalam aplikasi PHP nanti kalo sudah saatnya juga dikeluarin kok :D

Ok, sekarang kita mulai saja!

1. Download aplikasi form isian mahasiswa
2. Unzip file form isian mahasiswa
3. Paste Folder Form Isian ke XAMPP --> htdocs --> paste didalam folder htdocs
4. Buka Browser dengan address "localhost/(nama folder form isian)/form.html" <-- tanpa tanda petik
5. Isikan Data Sesuka hati dan Klik Cetak untuk mencetak
6. Buka form.html dan form_print.php dengan Text Editor

Ok, sekarang sudah dibuka semua kan form.html-nya? kita lihat sama-sma isinya!

Pada Form tersebut menggunakan method="post" dan action=''form_print.php" seperti ini:


Method ini berhubungan langsung dengan Syntax di form_print.php yaitu pada syntax berikut:


$nim = $_POST['nim'];
$nama = $_POST['nama'];
$fakultas = $_POST['fakultas'];
$jurusan = $_POST['jurusan'];
$pesan = $_POST['pesan'];
?>

Bila Anda ingin mengganti dengan method GET jangan lupa untuk mengganti variable $_POST dengan $_GET. Masih di form.html coba perhatikan script "name"(tanpa tanda petik) yang ada disetiap baris tabel seperti pada variable input berikut:


Script "name"(tanpa tanda petik) tersebut adalah variable yang menghubungkan antara form.html dan form_print.php seperti pada script PHP diatas (yang $_POST['nim'], dst).

Mungkin baru Form Isian Mahasiswa ini yang bisa saya berikan, Semoga bermanfaat dan Salam Kuliah Gratis

Wah sudah lama sekali Kuliah Gratis gak posting masalah HTML, terakhir posting Kuliah Gratis membuat form komentar sederhana yang sebenarnya mau aku implementasikan ke Blogger.Com tapi ternyata sampai sekarang aku belum menemukan logika yang tepat untuk menggabungkan form komentar gaya Wordpress dengan gaya Blogger. Tapi sekarang aku mau nyoba ngasih sedikit refreshing nih buat temen-temen Blogger yang biasanya suka menyisipkan gambar diposting namun tidak tau cara sebanarnya script controlnya itu seperti apa, ini dia rahasia menyisipkan gambar.

Menyisipkan gambar dengan script HTML sebenarnya sangat sederhana, yaitu hanya dengan satu baris script saja. Dalam menyisipkan gambar dengan HTML kita mengenal sebuah tag "IMG" dengan variable "SRC", "WIDTH", "HEIGHT" dan "ALT" bila disatukan dalam sebuah tag lengkap bergini jadinya:


Nah sebenarnya cukup dengan script ini saja kita sudah bisa menampilkan gambar dipostingan, namun biasanya kita ingin memberikan sebagaimana membuat banner kita harus memberikan gambar banner yang kita buat dengan sebuah link menuju ke Blog kita sehingga penulisannya tinggal ditambahkan achor link sebagai berikut:


Nah dengan menambahkan link dengan target "New Tab" maka ketika gambar tersebut diklik maka akan menuju ke link yang dimaksud dengan tidak meninggalkan halaman gambar. Ini memberikan kesempatan kepada pembaca untuk tetap nyaman membaca sementara dia menunggu halaman yang diklik

Semoga bermanfaat dan salam Kuliah Gratis

Kuliah Gratis mempersembahkan berbagai E-Book yang entah datangnya darimana, dapat dari siapa atau beli dimana yang jelas pokoknya Kuliah Gratis kasih gratis buat temen-temen setia Kuliah Gratis.


1. SEO Guide

- Google Starter Guide (Indonesian Version)

- SEO for Wordpress

- Bing WebMaster Guide

- Google Starter Guide (English Version)

- Sitemap Generator

- Adsense Guide


2. Tutorial HTML

- Manual HTML dan CSS

- Tutorial HTML

- Tabel for Layout Design

- Tutorial HTML for Beginner


3. Wordpress Plug Ins

- Wp Syntax (Untuk Menuliskan Souce Code dan Program)

- Smilies Themer Toolbar

- Wordpress CSS for DropDown Menus

- LuxBoy Smilies

- Sitemap Generator

- Stray Qoutes

- Lucia LinkyLove (limited dofollow creator)


4. Software, Modul dan Tugas Kuliah

- Compiler Pascal for Beginner Programmer

- Compiler Basic for Beginner Programmer

- Modul Pengantar Teknik Informatika

- Aturan Algoritma dalam Pascal

- Hukum Kompilasi Pascal (Full Materi seluk beluk pemrograman Pascal)

- Struktur Data

- Tutorial Visual Basic

- Mikro Prosessor

- Full Tugas Pascal ( Termasuk Grafict Pascal Programming)

- Pengertian Sistem Informasi | STI

- Aturan ASCCI


5. Internet Marketing

- Justin Tips Traffict Report (ketimbang daftar mending n malah email penuh kiriman gak jelas mending download disini saja :D)


6. Software Free

- Compiler Quick Basic

- Compiler Pascal


7. Free Script

- Program Sederhana PHP

- Form Isian Mahasiswa


8. Blogging Tutorial

- Tutorial Cpanel for Beginner

- Migrate Wordpress to Domain

9. Web Programming

- Membuat Website Dinamis dengan PHP (Download Juga Passwordnya)

10. Software Islam, E-Book , dan Plug Ins Islami

- La Tahzan - Jangan Bersedih (Motivasi Islam Terbaik) --> DR. Aidth Al -Qorni

- Rotib Al-Hadad (Al-Habib Abdullah bin Alwi Al-Haddad)

- Meniti Kesempurnaan Iman

- Kenalilah Akidahmu

- Wirid Allattif

- Digital Qur'an Ver 3.2

- Masih dipilah lagi :D


* NB:

- Baik E-Book maupun Plug Ins atau Apapun diatas adalah hasil hunting yang dilakukan oleh Saya pribadi selama mempelajari dunia Blogging, dan Programming sehingga apa yang disajikan disini adalah hasil dari komputer local yang diupload ke internet

- Bila ada yang merasa memiliki Copyright atas karya yang ada diatas silahkan menghubungi Kuliah Gratis untuk di redirect ke alamat yang semestinya atau dihapus dari list.

- E-Book yang ada disiini meski memakai bahasa Inggris judulnya namun kebanyakkan berisi E-Book berbahasa Indonesia

- Halaman ini akan terus diupdate secara berkala

Kita sudah belajar HTML mulai dari Pengenalan HTML, Paragraf, Heading dan Perataannya, dan yang terakhir adalah Font dan Tabel. Sekarang Kuliah Gratis akan mencoba membahas Form atau Formulir.

Form/Formulir adalah merupakan bagian penting dalam sebuah halaman website dan salah satu contoh dari Form yang paling mudah adalah form komentar. Kali ini kita akan mencoba untuk Membuat Form Komentar sederhana yang berisi: Nama, Email, URL dan Isi Komentar. Namun perlu Kuliah Gratis tegaskan kalau form yang akan kita buat kali ini tidak dapat dieksekusi karena kita belum sampai kepada Pemrograman PHP sehingga Kuliah Gratis rasa belum saatnya Membuat Form Komentar Sederhana yang bisa dieksekusi.

Dalam sebuah Membuat Form Komentar sederhana yang terpenting sebenarnya adalah action="(lokasi)" selain daripada form itu sendiri. Ini karena action="(lokasi)" menunjukkan file mana yang akan dieksekusi setelah tombol Submit di klik. Tapi seperti sudah dijelaskan diatas, kita akan mengabaikan dulu File Eksekusi tersebut dan lebih kepada bentuk formnya dulu.

Nah kira-kira kita akan membuat Form seperti ini:

Nama	:
Email	:
Website	:
Komentar	:

*Tampilan bisa lebih rapi jika tidak ditaruh diposting*

Code dari Form Komentar diatas adalah sebagai berikut:
<form action="form.html" method="post"><table width="100%" border="0"><tr><td colspan="3" align="center">Tuliskan Komentar Anda</td></tr><tr><td>Nama</td><td>:</td><td><input type="text" size="41"></td></tr><tr><td>Email</td><td>:</td><td><input type="text" size="41"></td></tr><tr><td>Website</td><td>:</td><td><input type="text" size="41"></td></tr><tr><td>Komentar</td><td>:</td><td><textarea cols="31" rows="10"><input value="Kirim" type="submit"><input value="Hapus" type="reset">

*Silahkan copas code diatas*

Ket:

Sebenarnya pada code diatas ada sebuah code yang saya hapus yaitu </textarea> letaknya tepat setelah <textarea cols="31" rows="10"> karena waktu saya letakkan justru malah merusak textarea diatas.

Untuk Form diatas Kuliah Gratis menggunakan method="post" bisa juga diganti dengan method="get" dan bisa dilihat perbedaannya di addressbar browser. Kuliah Gratis juga menggunakan input type="(jenis)" yang berbeda-beda mulai dari text (agar bisa ditulis), submit(untuk menambah) dan reset (menghapus).

Selesai sudah kita belajar Membuat Form Komentar sederhana, semoga yang sedikit ini bisa bermanfaat.

Sebenarnya tadi Kuliah Gratis habis mempraktekkan ilmu sesat ajaran para Master SEO yaitu Hidden Keyword. Tapi melihat hasil SERP alami yang menunjukkan peningkatan dan hasil dari soucepage para Master ternyata sudah tidak lagi memakai cara babar ini, akhirnya Kuliah Gratis menghapus hidden keyword tersebut. Pertimbangan lain dari Kuliah Gratis adalah resiko dihukum oleh Google gara-gara "mainan api didepan drum minyak"(pribahasa untuk orang yang nyari mati).

Kembali ke Pemrograman HTML, Masih ingatkan dengan Pengenalan HTML dan Paragraf, Heading dan Perataannya. Sekarang Kuliah Gratis akan coba membahas Pemrograman HTML lebih dalam lagi. Kali kita mencoba bermain dengan Font/Huruf dan Table biar lebih asik dan menyenangkan kita belajar sambil dengerin lagu Mbah Surip - Tak Gendong Kemana-mana, ya!

1. Font

Dalam sebuah web, menentukan jenis huruf, ukuran dan warna huruf yang dipakai sangatlah penting. Jangan sampai antara warna latar dan huruf pada posting dibuat sama yang ada pembaca tidak akan melihat tulisan apapun. Nah untuk uji coba silahkan copypaste code dibawah ini:


Hasilnya: Warnanya Merah Gak???

Nah, properti yang ada pada tag Font ini antara lain color, size, style. Walaupun sebenarnya untuk warna nantinya bisa dicontrol menggunakan CSS (Casceding Styles Sheet) tapi pemahanan tentang warna dalam HTML tetaplah perlu karena tidak mungkin kita menuliskan script yang pendek ;semisal Error Mesege; dengan menggunakan control CSS yang biasanya lebih panjang dan rumit.

2. Table

Pada awalnya halaman Web merupakan kumpulan table-table yang tersusun menjadi halaman yang mantap dan kokoh tapi setelah munculnya CSS dan Programmer beralih ke Design Web yang tableless maka pengunaan table sebagai layout sebuah web pun tidak lagi digunakan.

Namun bukan berarti table tidak lagi dibutuhkan dalam web programming, table dalam web programming kini justru dipakai untuk keperluan yang lebih baik dari sekedar layout web. Table digunakan untuk draft pembuatan laporan, neraca dll yang berbaisi web.

Nah untuk uji coba silahkan copy code berikut:

No	Nama	Alamat	Kompetensi
1	Surya	Jakarta	Nothing
2	Tommy	Jakarta	CMS Creator, Java, PHP, MySQL, Javascript

Nah, silahkan hilangkan code <br/> Lalu seperti biasa simpan kesemuanya itu dengan ekstensi .html. Sebenarnya masih banyak sekali yang harus diketahui tentang table namun karena keterbatas ruang ini maka Kuliah Gratis memutuskan untuk memberikan modul tentang table yang bisa digunakan sebagai referensi. Download ya Modul Tabel ini

Nb:

- Width: mengatur lebar table, saran Kuliah Gratis lebih baik memakai % (persen) karena lebih fleksible
- Border: memberikan border pada table, diatas dicontohkan tanpa border (0)
- tr : Untuk mengatur row/line table
- td : Untuk mengatur coloum/drop table

Setelah artikel sebelumnya kita membahas tentang Pengenalan HTML, sekarang Kuliah Gratis akan membahas Pengenalan HTML lebih mendalam lagi agar teman-teman yang kemarin kecewa dengan artikel Pengenalan HTML menjadi tidak kecewa lagi dengan Kuliah Gratis. :D

Langsung saja untuk mempersingkat artikel, Paragraf, Heading dan Perataan dalam Pemrograman HTML sebenarnya sangat akrab sekali dengan para Blogger dan mungkin juga para Blogger sudah tidak asing dengan Tag ini, tapi Kuliah Gratis harus tetap menulisnya agar tidak terjadi missing artikel bagi yang belum tau.

1. Heading dalam bahasa HTML sangatlah vital adanya, ini karena heading sangat erat kaitannya dengan SEO (Search Engine Optimizer).

Biasanya heading yang sering dipakai dalam Web Programming hanya H1, H2, dan H3 saja tapi sebenarnya heading itu bisa lebih dari itu. Namun Kuliah Gratis akan membahas 6 heading saja sebagai contohnya yaitu H1, H2, H3, H4, H5,dan H6.


Ok, silahkan Copypaste code berikut dinotepad dan kemudian simpan sebagai heading.html. Kemudian bukalan file tersebut melalui Browser dan silahkan berhatikan perbedaannya antara H1,H2 dst.

Dalam code diatas ada srcipt <br/> yang berfungsi layaknya enter yaitu untuk membuat baris baru pada Browser. Script ini Kuliah Gratis gunakan agar pembaca lebih bisa melihat perbedaan masing-masing Heading.

Silahkan Anda bisa mengganti text yang ada diantara Tag Heading -yang tulisannya "Kuliah Gratis"(tanpa petikan)- dengan text lain agar lebih mudah dipelajari.

Discript tersebut juga terdapat perataan mulai dari Left (rata kiri), center (rata tengah) dan right(rata kanan) yang fungsinya bisa dilihat pada tampilan browsernya masing-masing.

2. Paragraf berfungsi layaknya heading dan baik penulisan maupun atribut dari tag ini adalah sama dengan heading.


Silahkan Copypaste codenya di notepad dan simpan sebagai paragraf.html lalu buka scriptnya dibrowser. Silahkan ganti perataan ( align="left") menjadi align="center", align="right" dan align="justify" dan lihatlah perbedaan hasil tampilan masing-masing.

Mungkin hanya ini yang bisa disampaikan bila ada pertanyaan atau salah script silahkan menghubungi Kuliah Gratis. Semoga bermanfaat

NB:

- Untuk membuat tulisan berefek tebal gunakan script <b>......</b>
- Untuk membuat tulisan berefek miring gunakan script <em>......</em>

Sebenarnya saya berat untuk menulis tentang Pengenalan HTML karena memang saya belum mendapatkan materi HTML di kampus. Sebenarnya tadinya aku mau memposting tentang Pascal tapi karena tugas Pascalku belum kelar jadi ntar dulu dech ntar dikira sombong lagi*tugas ja belum bisa ngerjain kok ngajarin* Tapi ya sudahlah aku coba tuk memperkenalkan HTML kepada para penikmat Kuliah Gratis daripada aku gak nulis apa-apa.

Ok, HTML atau Hyper Text Markup Language adalah sebuah bahasa pemrograman berbasis web wajib yang harus dimiliki seorang Webprogrammer selain bahasa penunjang semacam CSS, PHP, MySQL, JAVA, dll. Bahasa ini berfokus pada interface sebuah Website/Blog tentunya dengan pemanis CSS (Cascading Style Sheet).

File HTML selalu berakhiran .htm atau .html dan dimulai dengan kode pembuka


Dan diakhiri dengan penutup