Bootstrap: Image

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang Bootstrap image ,yaitu style yang digunakan untuk mempercantik tampilan gambar di web menggunakan bootstrap

1.img-rounded
yaitu class yang berfungsi digunakan untuk membuat sudut dibulatkan di gambar

2.img-circle yaitu class yang digunakan untuk melingkarkan gambar

3.img-thumbnail class yang digunkan untuk membentuk gambar thumbnail

contoh:

nah diatas adalah contohnya

dan adalagi satu contoh di bawah ini:

mungkin itu saja yang bisa saya bagikan pada kesemptan hari ini
semoga bermanfaat ,jika ada kesalahan saya mohon maaf
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Table

Assalamualaikum wr.wb

hari ini saya akan membagikan tentang style table menggunakan Bootsrap
langsung ke contoh
1.class table

2.table striped

dan kalian bisa langsung menambah hover dengan mudah
di dalam table clas kalian hanya perlu menambah table hover:
<table class:table-striped table-hover>
mungkin itu saja yang bisa saya bagikan pada hari ini kurang lebihnya saya minta maaf
referensi:www.w3schools.com

wassalamualaikum wr.wb

Read More

Bootstrap: Jumbotron

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang Jumbotron. Jumbotron digunakan untuk menunjukan sebuah kotak besar untuk memangil perhatian ekstra untuk beberapa content khusus atau informasi

sebuah jumbtorn ditampilkan dalam sebuah kotak abu-abu. dengan sudut membulat.hal ini juga membesarkan text didalamnya

contoh:

 nah itulah contohnya

bisa langsung kalian langsung kalian coba agar bisa lihat sendiri hasilnya
ya mungkin itu saja yang bisa saya bagikan kurang lebihnya saya mohon maaf
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Bootstrap: Grids

Assalamualaikum wr.wb

pada kesempatan hari ini saya akan mempost tentang bootstrap grids ,ini adalah materi pertama tentang bootstrap. nah kita akan belajar grids, grids itu sendiri adalah layout atau penataan letak yang didasarkan pada 12 kolom

1.Sistem grids

 ini adalah gamabar penataan bagaimana sistem grids

2.Klas grids
Sistem grids mempunyai empat kelas

• xs(untuk ponsel)
• sm(untuk tablet)
• md(untuk desktop)
• lg(untuk desktop yang lebih besar)

contoh penggunaan:

keterangan:

• jumlah kolom ada 3 jadi ukuran setiap kolom adalah4
• jumlah dari semua ukuran kolom 12

kalian juga bisa mengunakan 4 5 3
jadi kalau 3 tidak hanya 4 4 4 saya memberi 4 supaya lebih rapi dan sama ,intinya jumlah dari semua kolom dalam satu baris harus 12
jadi kalian bisa pakai nialai berapa saja yang penting dalam satu baris nilainya 12 contoh dalam satu bari mempunyai 2 kolom berukuran 8 dan 4 juga diperbolehkan
referensi:www.w3schools.com

mungkin itu saja yang bisa saya sampaikan ,kurang lebihnya saya minta maaf
Wassalamualaikum wr.wb

Read More

Bootstrap :Dasar Pengenalan

Assalamualaikum wr.wb

Setelah mempelajari CSS kita akan mempelajari Bootstrap

1.Maksud dan Tujuan

• mempermudah mempelajari style pemrograman
• lebih menarik minat setelah membaca ini
• lebih mempermudah mempelajari CSS

2.pengertian
adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

3.Materi

• akan dibahas di posting berikutnya

4.Referensi
wikipedia.org 

 

Read More

CSS :Opacity

Assalamualaikum wr.wb

pada kesempatan pada hari ini saya akan membahas CSS Opcity atau transparansi elemen. properti Opacity dapat mengambil nilai yang lebih rendah atau lebih transparan
langsung ke penerapanya

nah diatas bisa dilihat contohnya sebakin kecil nilai dari Opacity maka akan semakin transparan juga gambarnya. jika niali nya 1 sama dengan defaultny
mungkin itu saja yang bisa saya bagi
referensi:www.w3schools.com

Wassalamualaikum wr.wb

Read More

Evaluasi Materi 18 Februari 2017

Assalamualaikum wr.wb
Kali ini saya akan membagikan pengalaman saya evaluasi materi di BLC TELKOM KLATEN pada hari sabtu biasa dilakukan evaluasi materi Program Kerja dalam seminggu dan saat itu kami mengevaluasi materi kedepan dan mempresentasikanya

nahn itu adalah gambaran evaluasi hari sabtu
dan pada hari  itu juga adalah hari perpisahan teman kami dari jurusan TKJ dari sekolah SMKN1 Jogonalan

yah mungkin itu saja pengalaman yang bisa saya bagi
Wassalamualaikum wr.wb

Read More