Tampilkan postingan dengan label css. Tampilkan semua postingan
Tampilkan postingan dengan label css. Tampilkan semua postingan

Selasa, 25 Juni 2013

APA ITU CMS?

Untuk mengetahui apa sebenarnya CMS, Kita perlu mengetahui aspek mengenai halaman web, yaitu halaman web statis, halaman web CSS ( Cascading Style Sheet ), dan halaman web dinamis.

1.    Halaman Web Statis
Pada halaman web statis, konten dan tampilan (presentation ) ada dalam satu file. Halaman web statis terdiri atas XHTML ( eXtensible
Hypertex Markup Language ) yang memberitahukan browser untuk menampilkan konten halaman web dengan tampilan tertentu.

2.    Halaman Web CSS
Salah standart pengaturan tampilan halaman web adalah dengan CSS ( Cascading Style sheet ). CSS merupakan mekanisme sederhana untuk menambahkan style ke dalam dokumen web. Semua informasi tampilan (CSS) di letakan pada file yang terpisah dengan file konten. Dengan demikian, file konten menjadi lebih kecil karena tidak mengandungi informasi tampilan atau informasi style. Semua Style di tempatkan pada file yang terpisah.

3.    Halaman Web Dinamis
Halaman web dinamis dikembangkan oleh CMS, CMS bekerja disisi konten dan tampilan. Pemisahan antara file tampilan dengan file konten dilakukan dengan CSS, sedangkan pemisahan file konten dengan halaman web dilakukan oleh CMS.

CMS sangatlah berguna dan handal untuk memisahkan tangungjawab antara penulis konten dan desainer web. Dengan demikian, desainer web dapat berkonsentrasi pada tugasnya terutama  masalah desain tampilan dan penempatannya. Sementara itu, siapapun  yang tidak memiliki kemampuan teknis dapat bertanggujawab atas masalah konten, misalnya menuliskan kalimat dan meletakkan gambar di situs web. Jadi, cara kerja CMS melibatkan desainer web dan penulis konten.

CMS membuat halaman web menjadi dinamis. Artinya, halaman web belum benar-benar ada sampai kita memastikan untuk memublikasikannya. Dengan demikian, konten dapat di perbaharui dan hasilnya dapat dilihat terlebih dahulu tanpa harus dipublikasikan. Halaman web dinamis berguna saat pengembangan konten, tetapi pengembangannya belum seluruhnya selesai.

Sebenarnya CMS sangatlah rumit, berisi ribuan file dan script yang saling bekerjasama, berpadu dengan basis data untuk menghasilkan situs web. Intinya CMS di desain dan diciptakan oleh tenaga ahli yang mempunyai kemampuan teknis, tetapi dapat digunakan, di atur, dan dijalankan oleh orang awam, sekalipun tidak mempunyai kemampuan teknis.

Cr. This link [www.deltathemes.com]

Perbedaan CSS dan CSS3 Lengkap Berserta Pengertiannya

    Cascading Style Sheet (CSS) merupakan kumpulan perintah yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga mampu mengatasi konfik style. CSS yaitu salah satu bahasa pemrograman web yang mengatur komponen dalam suatu web supaya web lebih terstruktur dan lebih seragam.
    CSS seperti halnya styles pada aplikasi pengolahan kata Microsoft Word yang bisa mengatur beberapa style, misalnya subbab, heading, bodytext, footer, images, dan style lainnya untuk dapat dipakai bersama-sama dalam beberapa file. CSS biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
   CSS mampu mengatur warna body teks, ukuran gambar,.ukuran border, warna mouse over, warna tabel, warna hyperlink, margin kiri/kanan atas/bawah, spasi antar paragraf, spasi antarteks, dan parameter lainnya.
Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
    Kegunaan CSS, antara lain :
- Mempersingkat penulisan tag HTML : Anda tidak perlu lagi mendefinisikan setiap tag dengan property dan nilai yang sama.
- Mempercepat proses rendering atau pembacaan HTML karena tidak terdapat pengulangan tulisan.
- Mudah dan cepat dalam me-maintenance :
dikarenakan file CSS dibuat secara terpisah , maka Anda tidak perlu merombak semua elemen atau property dalam
HTML, cukup mengedit file CSS-
nya saja.

    Perbedaan CSS dan CSS3 CSS3 memberikan fitur-fitur yang lebih dibandingkan dengan CSS versi sebelumnya tapi CSS3 juga tidak meninggalkan fitur lama dari CSS sebelumnya.

    Dibawah ini fitur tambahan yang ada di CSS3 :
+ Borders
- border-color
- border-image
- border-radius
- box-shadow

+ Backgrounds
- background-origin dan background-clip
- background-size
- multiple backgrounds

+ Color
- HSL colors
- HSLA colors
- opacity
- RGBA colors

+ Text Effects
- text-shadow
- text-overflow
- word-wrap

+ User-interface
- box-sizing
- resize
- outline
- nav-top, nav-
right, nav-bottom, nav-left

+ Selectors
- attribute selectors

+ Basic box model
- overflow-x,
- overflow-y

+ Generated Content
- content

+ Other modules
- media queries
- multi-column layout
- Web fonts
- speech

Beberapa perbedaan CSS3 dan CSS:
> CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan style. Contohnya di dalam objek ‘blockquote’ bisa membuat (quote) di awal dan akhirnya menggunakan font lebih besar dari konten blockquote itu sendiri.

> CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek, yang sebelumnya tidak bisa dilakukan oleh CSS2/CSS2.1, dan bisa menggantikan peran gambar. Standar web 2.0 atau situs interaktif dan efisien berdasar dari penggunaan CSS.

> Dengan CSS3 situs akan bisa lebih berkembang dan bisa lebih interaktif lagi dengan pengunjung.

> Bisa mengurangi ukuran file yang di-load dan lebih ringan, secara otomatis mengurangi bandwidth inbound/outbound situs.

> CSS3 tak berbeda jauh dari tingkat-tingkat sebelumnya, hanya saja memiliki performa style yang jauh lebih baik dan tambahan beberapa fungsi yang menarik.

Cr. This link

Thank you,. Maaf jika ada kesalahan dalam penulisan. Soalnya sharingnya dari hape. xD

[Link] Tempat Belajar Pembuatan Web Paling Lengkap

daftar website untuk pemula (bisa dibilang step awal dalam belajar pembuatan website) :

1. http://www.w3.org/

2. http://www.htmlgoodies.com/

3. http://www.webmonkey.com/

4. http://www.tizag.com/

5. http://www.webreference.com/

6. http://www.yourhtmlsource.com/

7. http://www.htmldog.com/

8. http://www.pageresource.com/

9. http://www.csstutorial.net

10. http://csszengarden.com

11. http://www.htmlite.com

12. http://css.maxdesign.com.au

13. http://www.htmlcodetutorial.com

Masih banyak site tentang bwlajar prmbuatan web, tapi takutnya teman-teman malah bingung. -..-
Silahkan pilih website mana yang anda suka sebagai tempat anda belajar.

Cr. http://www.tutorial-webdesign.com/tempat-belajar-pembuatan-web-paling-lengkap/

Link diatas mungkin akan menjadi website favoritku untuk belajar html, css, dankawankawan.. :D
Thank youuuu ^^