Bootstrap - apa itu? Twitter Bootstrap - desain dan pengembangan situs web

Daftar Isi:

Bootstrap - apa itu? Twitter Bootstrap - desain dan pengembangan situs web
Bootstrap - apa itu? Twitter Bootstrap - desain dan pengembangan situs web
Anonim

Mereka yang bekerja setidaknya sedikit di bidang desain web dan terbiasa dengan proses pembuatan situs dan mendesainnya, tahu seberapa jauh kemungkinan untuk memvisualisasikan konten Anda akhir-akhir ini. Berkat CSS, JavaScript, dan teknologi Flash, digabungkan bersama, situs apa pun dapat diubah menjadi mahakarya nyata, semacam karya seni modern. Dan, tentu saja, banyak desainer melakukan ini, dan sejumlah besar perusahaan dengan murah hati menugaskan pengembangan portal dengan grafik luar biasa. Selain itu, "efek wow" halaman dapat dicapai tidak hanya melalui serangkaian efek yang berbeda, tetapi juga dengan bantuan transisi, infografis, tautan, dan lainnya yang sederhana namun indah.

bootstrap apa itu
bootstrap apa itu

Benar, setiap perancang dan perancang tata letak tahu bahwa untuk menghemat waktu saat mengembangkan sumber daya apa pun, Anda harus memiliki basis tertentu, sebuah templat, yang dengannya Anda dapat membuat "karya agung" terakhir. Untuk itulah Bootstrap dibuat: hari ini membantu menghemat waktu dan membuat segalanya lebih mudah bagi ribuan desainer web.

Bootstrap - apa itu?

Jadi, deskripsi produk harus dimulai dengan karakteristik umumnya. Oleh karena itu, kami mencatat bahwa Bootstrap adalah platform yang diekspresikan dalam satu settemplate asli untuk situs tersebut. Masing-masing menyertakan grafik, CSS, dan tentu saja HTML.

bootstrap twitter
bootstrap twitter

Seluruh rangkaian hadir dalam satu arsip, yang dapat diunduh secara gratis dari halaman resmi platform. Jadi, siapa pun yang ingin mengembangkan situs mereka dapat menggunakan set ini, dan dia tidak perlu menulis setiap halaman dari awal, melakukan tindakan dasar: menandai situs, memecahnya menjadi blok, memilih grafik untuk ikon dasar, dan seterusnya. Pada saat yang sama, setiap set Twitter Bootstrap cukup individual. Tidak seperti template yang biasa kita gunakan, tidak ada yang berlebihan di dalamnya yang perlu dihapus atau diganti. Perancang akan dapat membuat gagasannya secara langsung berdasarkan Bootstrap.

Bagaimana cara memulai membangun situs web?

Jadi, kita sudah mengenal platform itu sendiri, sekarang mari beralih ke cara mulai mengembangkan situs web unik Anda. Untuk memulai, tentu saja, Anda perlu mengunduh arsip dengan template Bootstrap Twitter. Dibutuhkan sedikit ruang, dan Anda bisa mendapatkannya di halaman GetBootstrap. Di sana Anda juga dapat memilih penempatan blok yang Anda butuhkan untuk situs. Misalnya, ada halaman dalam bentuk halaman arahan dengan satu gambar, dengan penggeser, dengan beberapa judul, dengan efek preset, dan sebagainya. Anda hanya perlu membuat pilihan dan mengunduh arsip yang cocok untuk situs Anda yang dibuat berdasarkan Bootstrap. Apa set ini, Anda akan segera melihat setelah mengunduh.

menu bootstrap
menu bootstrap

Kustomisasi tema

Setiap topik mewakili dirinya sendiri, seperti situs mana pun,satu set file HTML, CSS dan grafik. Pengembang platform telah berusaha keras untuk membawa norma desain ke standar yang sama, sambil memberikan kesempatan maksimal untuk menyesuaikan tema Anda. Oleh karena itu, untuk membuat situs Anda unik, Anda perlu memahami struktur platform, arsitektur situs di dalamnya, dan bagaimana kode setiap template ditulis. Anda perlu melakukan ini sekali, setelah itu akan lebih mudah untuk membuat proyek Anda menggunakan Bootstrap. CSS dan grafik sama pada semua tema. Ini adalah nilai plus dari pendekatan ini.

Yang kami minati hanyalah file CSS dengan nama tema (diletakkan di folder "css", selain itu Anda akan menemukan dua file lagi dari pengaturan dasar platform, Anda dapat meninggalkan mereka sendiri); serta "index.html", yang merupakan markup halaman utama. Anda harus mulai dari ini, dan tambahan spesifik lainnya dalam bentuk slider, beberapa efek Javascript akan ditentukan oleh tugas Anda untuk membuat situs tertentu. Misalnya, dalam template Bootstrap standar, menu mungkin dirancang dalam warna abu-abu kusam. Untuk situs Anda, tentu saja, Anda akan mengubahnya sehingga dilakukan dengan warna yang tepat dan dengan semua efek yang diinginkan. Ini adalah penyesuaian yang sangat, tetapi karena ada Bootstrap, tidak perlu membuat menu dari awal, yang menghemat waktu.

bootstrap css
bootstrap css

Peluang untuk desainer

Sebenarnya, sekarang tentang kemungkinan yang diberikan oleh platform Bootstrap. Apa prospek ini - untuk bekerja dengan arsip seperti itu? Tampaknya, mengapa mereka begitu luar biasa?

Posebenarnya, tidak ada yang seperti itu di platform pengembang dari Twitter. Idenya sangat sederhana, seperti implementasinya. Namun kini seorang desainer tidak harus membuat halaman situs dari awal, lalu memberikan tampilan yang diinginkan. Tidak, sekarang seorang spesialis dapat memulai langsung dari cangkang, dari desain situs, tanpa terganggu oleh hal-hal dasar seperti markup utama. Bukankah ini contoh penggunaan waktu yang efektif dan efisien?

Selain itu, keuntungan lain dari Bootstrap tidak dicatat - bahwa ini adalah cara untuk membantu orang yang tidak memiliki keterampilan markup CSS tingkat tinggi untuk membuat desain profesional mereka sendiri, karena semua alat yang mungkin dimiliki perancang tata letak kebutuhan sudah ada di template yang bersangkutan. Seseorang yang tahu tentang membangun situs web mampu melakukan lebih banyak lagi. Dan ini sudah merupakan nilai tambah yang sangat signifikan dalam mendukung Bootstrap.

Sekarang proyek ini sedang dalam pengembangan, meskipun faktanya telah diluncurkan kembali pada tahun 2011 dan sejak itu ribuan orang telah mulai mengerjakannya. Mari berharap para pengembang akan terus membuat desain web lebih mudah dan membantu orang membuat sesuatu yang baru, pribadi, dan berguna bagi dunia.

Direkomendasikan: