Contoh latihan Layout Script HTML&CSS

Contoh latihan Layout dengan script HTML dan CSS

Contoh Layout 1

1. Script HTML



2. Script CSS

Contoh Layout 2

1. Script HTML



2. Script CSS
   
   
   
   
   
   
   

Contoh Layout 3

1. Script HTML
   
   
   
2. Script CSS
   
   
   
   
   
   
   
   
   
   

  ^Good Luck^

CSS bagian 2

CSS ( Cascading Style Sheet)

CSS digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari memformat text, sampai pada memformat layout. Tujuan penggunaan CSS ini supaya diperoleh suatu kekonsistenan style pada elemen tertentu.

Perkembangan CSS berawal tahun 1996, dimana W3C (World Wide Consortium), sebuah konsorsium untuk standarisasi web, menyusun draft proposal untuk membuat CSS ini dan akhirnya dapat berjalan. Selanjutnya pada pertengahan tahun 1998, W3C mengembangkan CSS2 yang diperbaharui untuk kepentingan media lain (tidak hanya untuk PC web browser). Akhirnya mulai tahun 2000, telah dikembangkan CSS3 oleh W3C yang sampai saat ini masih terus diperbaharui lagi.

Namun pada saat ini, hanya CSS2 yang masih didukung oleh kebanyakan web browser, tapi tidak demikian halnya untuk CSS3. Masih sedikit web browser yang mendukung CSS3. Oleh karena itu kita disini hanya akan membahas mengenai CSS2 saja.

Keuntungan Pengguna CSS

Dengan menggunakan CSS, anda (sebagai webmaster) akan lebih mudah untuk mengatur style elemen dalam halaman web anda.Sebagai contoh, misalnya untuk mengatur style elemen heading, anda menginginkan jenis font-nya adalah Arial, 20 pixel dan berwarna merah. Dengan CSS, anda cukup menuliskan properti dari elemen heading tersebut sekali saja, dan anda akan memperoleh hasil yang diinginkan. Bandingkan apabila tidak menggunakan CSS, anda akan mengatur style pada setiap elemen heading yang ada. Tentu saja hal ini akan sangat merepotkan.

Begitulah singkat cerita curhat, kita kembali ke materi, beberapa diantaranya:

1. Perintah Dasar CSS
2. Perbedaan Selektor ID dan Class
3. Border CSS
4. Dimensi CSS
5. Background CSS
6. Hover
7. Float
8. Margin Padding
9. Align
10. Font

Let's download modul klik disini.

Contoh penggunaan CSS (Layout)

 

1. Script HTML
 



2. Script CSS

"Thanks gaess semoga bermanfaat"

CSS

What is CSS?

CSS merupakan singkatan dari Cascading Style Sheet. Menurut wikipedia, CSS adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

CSS bukan merupakan bahasa pemograman. Css saat ini di kembangkan oleh World Wide Web Consortium atau yang biasa lebih dikenal dengan istilah W3C. Css bukan menggantikan kode html, tetapi hanya di fungsikan sebagai penopang atau pendukung dari file html yang berperan dalam penataan kerangka dan layout web.

Contoh script HTML

Jika anda sudah benar-benar memahami apa itu HTML beserta komponen-komponennya, coba deh untuk melakukan sesuatu yang lebih menantang, buatlah sebuah halaman web dengan contoh script seperti ini klik saja siapa tau dapat dorprice. Selamat mencoba..

Tabel HTML

Fine deh kali ini gue nyidam banget sama yang namanya berbagi ilmu, jangan heran jika setelah ini gue bakal ngasih sekilas materi tentang Tabel HTML. Plis jangan ngantuk ya.. ini materi gak susah-susah amat ko cuman kurang gampang aja dikit.

Download modul klik disini

Image HTML

Bayangkan saja jika anda membuka web hanya berisi tulisan tanpa ada gambar, pastilah kurang menarik bukan? Oke kali ini kita belajar bagaimana mempercantik tampilan web dengan menambahkan gambar, tapi inget TAMPILAN WEBnya yang cantik, bukan memaksa pakai foto orang cantik loh yaa. Thanks before.

Download modul klik disini

Komponen HTML

Supaya materi gue gak mubadzir apalagi sampe kadaluarsa, gue bakal posting deh tentang materi yang udah diajarin oleh Bp Haryoko, S.Kom.
Beberapa materinya antara lain:

1. Singkatan (Akronim)
2. Address
3. Arah Teks
4. Teks yang Disisipkan atau Dihapus
5. Link HTML

• Tag Anchor
• Link Relatif
• Link Absolut
• Link dalam Dokumen
• Link Mailto 

Download modul klik disini

HTML basic

Pernahkah anda mendengar kata-kata tentang HTML? Atau anda pernah makan malam bersamanya? *maaf HTML bukan nama orang -_-
Yapsss.. Jawaban anda tepat sekali, kali ini gue akan memperkenalkan apa itu HTML beserta komponen-komponen dan kawan-kawannya. Ingin tau lebih banyak? kalian download modulnya dulu deh, abis itu jangan dihafalin apalagi cuman diliat doang, kalian pahami dong biar lebih ngerti lalu dipraktekan, okey..

Download modul HTML basic klik disini

Pengenalan Web

<

Sebenarnya gue pengen nulis dan berbagi postingan ini dari pertama pulang kuliah, tapi harus gimana lagi tugas gue cukup banyak dan tenagapun limited edition. Next time, hari demi hari setelah pulang kuliah selalu berniat tapi belum dijalani juga. And finally, now I will show my first experience when entering college! simak yaaa....