silabus belajar webdesign

Webdesign itu bukan pelajaran 1 minggu kelar.. ada beberapa hal yang harus di pelajari dahulu.. Berikut ini adalah basic.
buka bootstrap dahulu .. website bootstrap.. disana km akan dapat basenya.. kl urutannya
1. cara bikin html yg benar, memakai h1, h2,..., P, BR.. terakhir bikin artikel sederhana memakai pelajaran ini

2. cara pake table, hr, div dan parameter didalamnya . terakhir bikin artikel sederhana pake metode2 tsb. dan ada table

3. cara memakai css

4. cara memakai jquery,js, memakai jquery ui

5. memakai bootstrap => sampai km rasa dapet semua

6. memakai javascript bootstrap

7. padukan bootstrap dengan jquery ui

8. buat website dgn bootstrap

dengan membuat website memakai bootstrap, tetapi yang dibuat hanya 1 page yaitu halaman DEPAN.. kamu sudah bisa masuk ke tingkat advance. Lalu apa isi tingkat advance

bootstrap + Code igniter

[Tanya] ::
Apa ada yg punya referensi/dokumentasi menggunakan Bootstrap dengan CI, btw minta link nya dong

Bootstrap cocok dengan apa aja.. termasuk Ci. Tetapi daripada menulis dan konfigurasi sendiri. Lebih baik memakai yang sudah ada. Lalu kembangkan sesuai dengan keinginan.
https://github.com/sjlu/CodeIgniter-Bootstrap kunjungilah ini

bootstrap part 4 pake Fam icons

sesuai janjiku untuk menjelaskan pake FAM icons.. saya harus tekankan beberapa hal yaitu

• tulisan ini hanya menjelaskan yang ada di part 2
• masing-masing metode memiliki kelebihan dan kekurangan
• peletakan js,img, dan lain-lain sesuaikan dengan kebiasan anda

tanpa membuang waktu, kita akan membahas pemakaian tombol dahulu. Disini kita dapat memakai tombol atau tag a. Sejujurnya saya memilih <button>, namun perlu di garis bawahi bahwa kita harus menyesuaikan dengan kebutuhan. Untuk kedepannya manfaatkan <a> saja.

bootstrap part 3 - mari kita cepat belajar

kucing in your bag

Untuk mempercepat pembahasan, saya akan mulai dari hal paling dasar membuat design atau coding.. yaitu rule yang biasa kamu turuti.. bila kamu tidak punya rule sendiri, silakan lanjut baca.. bila tidak lewati hingga bawah.

untuk kebiasaan, saya menyarankan untuk membuat banyak folder yang digunakan meletakkan file-file yang akan kita gunakan. dalam bootstrap sudah membagi dalam beberapa folder yaitu

• js . tempat dimana javascript berada
• css. tempat css berada, di tempat lain memakai style
• img. tempat gambar berada

karena saya asumsikan pembaca adalah pelajar yang baru mulai design, maka ikutilah cara di atas.

memakai Bootstrap part 2

memakai bootstrap

tanpa memakai bootstrap

Untuk mempersingkat.. perhatikan 2 gambar di atas. apakah anda melihat perbedaannya? sekilas tidak ada yang berbeda khan!! tetapi sebenarnya font keduanya berbeda. Untuk menggunakan bootstrap cukup menambahkan

<link rel='stylesheet' href='css/bootstrap.min.css' />
<link rel='stylesheet' href='css/bootstrap-responsive.min.css' />
<script src='js/jquery.js'></script>
<script src='js/bootstrap.min.js'></script>

bootstrap part 1

Sejujurnya saya sendiri tidak faham kenapa bootstrap terkenal di kalangan teman web design. Tapi akhirnya saya mencoba sendiri walau tidak tahu apakah berhasil / tidak. Semua tulisan ini sebenarnya berasal dari site berikut ( http://www.onextrapixel.com ). Bila anda merasa membuang waktu membaca disini.. klik saja link tersebut, karena disini akan dibahas dengan gaya saya sendiri.

Semua ini memiliki sejarah kenapa muncul bootstrap. ternyata sumbernya dari keinginan 2 orang agar dapat memiliki web yang bisa di akses baik dari alat apapun (desktop/mobile atau pad). Namun ternyata tidak semudah itu karena masing-masing memiliki gaya dan cara menangani html di tempat mereka.