Contoh Framework CSS

Framework adalah satu set standar dari konsep, praktek dan kriteria untuk menangani jenis umum dari masalah,yang dapat digunakan sebagai referensi untuk membantu kami mendekati dan menyelesaikan masalah baru yang sifatnya serupa.

Dalam dunia desain web, untuk memberikan definisi yang lebih sederhana, kerangka didefinisikan sebagai paket terdiri dari struktur file dan folder kode standar (HTML, CSS, JS dokumen dll) yang dapat digunakan untuk mendukung pengembangan website, sebagai dasar untuk mulai membangun sebuah situs.

Kebanyakan website berbagi sangat mirip (tidak mengatakan identik) struktur. Tujuan dari kerangka kerja adalah untuk menyediakan struktur umum sehingga pengembang tidak perlu mengulang dari awal dan dapat menggunakan kembali kode yang disediakan. Dengan cara ini, kerangka memungkinkan kita untuk memotong banyak pekerjaan dan menghemat banyak waktu.

Untuk meringkas: tidak perlu untuk menemukan kembali roda.

Tujuan dari kerangka kerja adalah untuk menyediakan struktur umum sehingga pengembang tidak perlu mengulang dari awal dan dapat menggunakan kembali kode yang disediakan.

Berikut ini saya Akan  Berbagi Kepada Sobat  tentang Framework css :

     

Berapa banyak jenis kerangka yang ada?

Pada dasarnya ada 2 jenis untuk membedakan: backend dan frontend (perbedaan ini diambil tergantung pada apakah kerangka untuk lapisan presentasi atau aplikasi / lapisan logis.

Sangat penting untuk memahami bahwa kerangka adalah gagasan konseptual: kit standar pra-siap dari mana untuk bekerja. Konsep kerangka dapat diterapkan untuk proses yang berbeda dilakukan di web: lapisan programmer yang menghubungkan database ke konten situs dan menggunakan bahasa PHP, dan lapisan desainer, di mana konten yang harus disajikan dalam dokumen HTML dengan CSS didefinisikan style sheet sehingga pada akhirnya dapat dilihat dalam browser.

Mereka bisa menjadi backend (satu set file dengan perpustakaan untuk mengakses database, struktur Template, manajemen sesi) atau frontend. Kami akan fokus pada kerangka frontend.

Framework front-end (atau Frameworks CSS)

Kerangka frontend biasanya terdiri dari paket terdiri dari struktur file dan folder kode standar (HTML, CSS, JS dokumen dll)

Komponen yang biasa adalah:
• Source code CSS untuk membuat grid: ini memungkinkan pengembang untuk posisi elemen yang berbeda yang membentuk desain situs secara sederhana dan serbaguna.
• Definisi gaya tipografi untuk elemen HTML.
• Solusi untuk kasus browser ketidakcocokan sehingga situs tersebut menampilkan dengan benar di semua browser.
• Penciptaan kelas CSS standar yang dapat digunakan untuk gaya komponen canggih dari antarmuka pengguna

Pemilihan Framework

Dalam kerangka CSS, kita dapat menarik perbedaan antara dua jenis kerangka sesuai dengan kompleksitas mereka: kerangka sederhana dan kerangka lengkap. Perbedaan ini subjektif, dan tidak berarti satu lebih baik daripada yang lain tapi lebih karena mereka memberikan solusi yang berbeda tergantung pada tingkat kerumitan dan / atau fleksibilitas yang dibutuhkan.

Framework sederhana

Ini sering disebut hanya "sistem grid" tetapi kerangka tetap. Mereka menawarkan style sheet dengan sistem kolom untuk memfasilitasi distribusi elemen yang berbeda sesuai dengan desain yang ditetapkan.

Berikut Adalah Contoh dari framework kalian Bisa Download filenya :

Download disin :

Read More

MEMAHAMI PENGERTIAN HTML

HTML (HyperTextMarkupLanguage)  adalah bahasa untuk memarkup (memformat). HTML memberitahu Web Browser bagaimana cara menampilkan konten. HTML memisahkan "konten" (kata-kata, gambar, audio, video dan lainnya) dari "Penampilan" (Definisi dari tipe konten dan instruksi bagaimana tipe konten tersebut harus ditampilkan). HTML menggunakan beberapa elemen yang telah didefinisikan untuk mengidentifikasi tipe-tipe konten. Element-elemen memiliki satu atau lebih "tag" yang memiliki atau mengekspresikan konten. Tatag diawali dan diakhiri dengan  kurung siku, dan tag "penutup" (tag yang menandakan akhir dari konten) diawali dengan garis miring.
    Struktur Penulisan Html Pada umumnya Sebagai berikut   :

<!Doctype.html>
<head>
       <title></title>
</head>
<body>

</body>
</html>

Penjelasan Dari Struktr di Atas Sebagai berikut :

HTML

Setiap document HTML harus di awali dan di tutup dengan tag HTML

<html> </html>

Tag HTML memberi tahu browser bahawa yang di dalam kedua tag
tersebut adalah document HTML.

HEAD 

Bagian header dari document HTML di apit oleh tag

<head> </head>

di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul
dari halaman pada titlenya browser.

Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark 

suatu web site. Browser menyimpan “titile” sebagai bookmark dan juga 

untuk keperluan pencarian (searching) biasanya title di gunakan sebagai 

keyword. 

Header juga memuat tag META yang biasanya di gunakan untuk 

menentukan informasi tertentu mengenai document HTML, anda bisa 

menentukan author name, keywords, dan lainyan pada tag META. 

Contoh :

META name=”Author” contents=”demamsinau”> 

Author dari document tersebut adalah “demamsinau”  Atribut http-equiv dapat di gunkan untuk meletakkan nama HTTP  Server atribut untuk menciptakan HTTP header. 

Contoh :

<META http-equiv=”Expires” content=”rabu, 2 des 
2015 20:30:40 GMT”> 

yang akan menciptakan HTTP header :  Expires: Wed, 7 May 2003 20:30:40 GMT  Sehingga jika documents di cached, HTTP akan megetahui kapan untuk  mengapdate document tersebut pada cache.

BODY

Document body di gunakan untuk menampilkan text, image link dan  semua yang akan di tampilkan pada web page ,

<html> 
<head> 
<title>Welcome to HTML</title> 
</head> 
<body bgcolor="laveder"> 
<p>Document HTML yang Pertama</p> 
</body> 
</html>

Read More