Tampilkan postingan dengan label XHTML dan CSS. Tampilkan semua postingan
Tampilkan postingan dengan label XHTML dan CSS. Tampilkan semua postingan

Latihan CSS lanjutan bagi Pemula


Pada sesi kali ini saya mencoba melakukan sedikit perubahan tampilan halaman dokumen web My Blogs, yang tutorialnya pernah saya berikan pada artikel sebelumnya. Sebenarnya tampilan web tidak jauh berbeda, hanya pada kali ini saya menambahkan penggunaan gambar pada tampilan, penggunaan dropdown menu, dan tombol Read More..


Sebagai gambaran, Anda dapat melihat tampilan screen shots di bawah ini :





Link Download :

Saatnya belajar CSS


Saatnya belajar CSS !! , sebelum belajar CSS, pastikan Anda sudah memahami Struktur objek model pada XHTML. Karena ini yang akan menjadi dasar pemahaman Anda untuk mempelajari CSS. Seperti sudah saya bahas berulang kali pada artikel2 sebelumnya bahwa fungsi CSS adalah untuk mengatur layout halaman, format paragraf, huruf, warna, gambar dll..
Pada kesempatan kali ini saya akan memberikan link download latihan XHTML dan CSS yang membahas tentang pengaturan DIV area dan element2 yang ada di dalamnya.

Dan sebagai gambaran, berikut adalah hasil screenshots hasil latihan yang akan kita kerjakan :




Link Download :

Latihan XHTML-Galeri,download dan kontak



Belum lengkap rasanya bila mengerjakan latihan XHTML, tanpa diikuti link halaman lainnya yang ada pada website. Tampilan dokumen yang akan kita buat pada latihan kali ini adalah halaman Kontak Kami, Halaman Download dan Halaman Galeri.
Masih seperti tampilan halaman sebelumnya yakni halaman index.html, tampilan halaman web yang lain juga belum terlihat proses pengaturan tampilan web. INGAT YA!! tampilan halaman web akan diatur oleh CSS (Cascading StyleSheet), jadi ikuti saja ya blog zhudesain ini :-)
Tampilan dokumen web yang dihasilkan adalah seperti gambar di bawah ini :
kontak.html

download.html

galeri.html
Link download tutorial silahkan klik disini :

kontak  
download  
galeri 

Latihan XHTML untuk Pemula





Tutorial&Article - XHTML & CSS
Bagi kita yang masih pemula dalam bahasa pemrograman web, akan dibingungkan dengan materi apa yang harus dipelajari pertama kali. Ada yang menyarankan langsung belajar PHP dan lain-lain yang membuat kita semakin bingung. Ada juga yang menyarankan langsung belajar CMS saja, sehingga tidak usah lagi bersusah payah belajar bahasa pemrograman.
Bagi saya, bahasa pemrograman yang dibutuhkan pertama kali kita belajar pemrograman web adalah HTML (Hyper Text Markup Language) yang sekarang sudah berkembang menjadi XHTML. Belajar bahasa pemrograman XHTML tidaklah terlalu sulit ko, kita hanya di tuntut untuk memahami Dokumen Objek Model atau struktur dokumen untuk menampilkan Elemen-elemen tertentu dalam dokumen web.

Lho.. jadi hanya memahami struktur saja, bagaimana dengan masalah tampilan layout web, format huruf , paragraf, gambar dan lainnya? Kita tidak usah disibukkan dengan masalah-masalah seperti itu, karena ada tugasnya masing-masing ko. Siapa yang bertugas untuk mengatur tampilan dokumen web? ya tentu saja CSS lah ahlinya , CSS adalah singkatan dari Cascading Style Sheet.
Pada sessi awal ini, saya hanya akan memberikan latihan XHTML saja, yang nantinya file/ dokumen yang dihasilkan adalah masih Normal Flow, yakni tersusun ke bawah saja secara normal. Untuk latihan-latihan berikutnya saya akan memberikan link download secara berkala

Link Download Tutorial :

XHTML Fundamental Bagian 1



Tutorial&Article - XHTML & CSS
Tutorial XHTML dan CSSHyperText Markup Language (HTML)
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet (Web Browser) seperti Mozilla Firefox, Internet Explorer, Opera dll. (Wikipedia)

Extensible HyperText Markup Language (XHTML)
XHTML merupakan singkatan dari eXtensible HyperText Markup Language. XHTML merupakan bentuk reformulasi dari HTML menggunakan paradigma XML.
XHTML adalah bahasa markup penerus dan pengembangan dari HTML yang memiliki kemampuan yang kurang lebih mirip HTML, tapi dengan aturan sintaks yang lebih ketat. (Wikipedia)


Untuk Tutorial selengkapnya klik Link download di bawah ini :