Belajar SEO | Kuliah Gratis | Belajar Programming | Trik Blogging | Modul Kuliah
Tampilkan postingan dengan label css. Tampilkan semua postingan
Tampilkan postingan dengan label css. Tampilkan semua postingan

Cara Mudah Belajar HTML dan CSS

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!


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!

Membuat Kontak Form Keren Dengan Email Me Form Gratis

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

Membuat Design Layout Dengan Internal CSS

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.


Status YMku

Salam Sahabat

Assalamu'alaikum Semua, Maaf ni cuma ini yang baru aku bisa. Tapi semoga kerasan ya disini

Comment

Top Komentator

Widget by ateonsoft.com

Statistika



Gabung Menjadi Sahabat Kuliah Gratis

Copy Paste Code dibawah ini:



CopyRight

Jangan ragu untuk mengcopy atau mengambil Artikel dari Blog Kuliah Gratis, Asal tau aturan tidak ada yang melarang karena Ilmu adalah COPYRIGHT ALLAH

Banner Sahabat

Mau Tukeran Banner Juga? Klik Buku Tamu Aja!