Bootstrap - apakah itu? Twitter Bootstrap - reka bentuk dan pembangunan laman web

Isi kandungan:

Bootstrap - apakah itu? Twitter Bootstrap - reka bentuk dan pembangunan laman web
Bootstrap - apakah itu? Twitter Bootstrap - reka bentuk dan pembangunan laman web
Anonim

Mereka yang bekerja sekurang-kurangnya sedikit dalam bidang reka bentuk web dan biasa dengan proses mencipta tapak dan mereka bentuknya, mengetahui sejauh mana kemungkinan untuk memvisualisasikan kandungan anda telah datang kebelakangan ini. Terima kasih kepada teknologi CSS, JavaScript dan Flash, digabungkan bersama, mana-mana tapak boleh diubah menjadi karya sebenar, sejenis karya seni moden. Dan, tentu saja, banyak pereka melakukan ini, dan sebilangan besar syarikat dengan murah hati menugaskan pembangunan portal dengan grafik yang luar biasa. Selain itu, "kesan wow" halaman boleh dicapai bukan sahaja melalui satu set kesan yang berbeza, tetapi juga dengan bantuan peralihan yang ringkas tetapi cantik, maklumat grafik, pautan dan banyak lagi.

bootstrap apa itu
bootstrap apa itu

Benar, setiap pereka bentuk dan pereka susun atur tahu bahawa untuk menjimatkan masa semasa membangunkan sebarang sumber, anda perlu mempunyai asas tertentu, templat, yang berasaskannya anda boleh mencipta "karya" terakhir. Untuk itulah Bootstrap dicipta: hari ini ia membantu menjimatkan masa dan memudahkan urusan beribu-ribu pereka web.

Bootstrap - apakah itu?

Jadi, perihalan produk harus bermula dengan ciri umumnya. Oleh itu, kami perhatikan bahawa Bootstrap ialah platform yang dinyatakan dalam satu settemplat asal untuk tapak. Setiap satu termasuk grafik, CSS, dan sudah tentu HTML.

twitter bootstrap
twitter bootstrap

Seluruh set terdapat dalam satu arkib, yang boleh dimuat turun secara percuma dari halaman rasmi platform. Oleh itu, sesiapa sahaja yang ingin membangunkan tapak mereka boleh menggunakan set ini, dan dia tidak perlu menulis setiap halaman dari awal, melakukan tindakan asas: menanda tapak, memecahkannya menjadi blok, memilih grafik untuk ikon asas, dan sebagainya. Pada masa yang sama, setiap set Twitter Bootstrap agak individu. Tidak seperti templat yang biasa kita gunakan, tiada apa-apa yang berlebihan di dalamnya yang perlu dialih keluar atau diganti. Pereka bentuk akan dapat mencipta ideanya secara langsung berdasarkan Bootstrap.

Bagaimana untuk mula membina tapak web?

Jadi, kami telah pun mengenali platform itu sendiri, sekarang mari kita beralih kepada cara mula membangunkan tapak web unik anda. Untuk bermula, sudah tentu, anda perlu memuat turun arkib dengan templat Twitter Bootstrap. Ia mengambil sedikit ruang, dan anda boleh mendapatkannya di halaman GetBootstrap. Di sana anda juga boleh memilih penempatan blok yang anda perlukan untuk tapak tersebut. Sebagai contoh, terdapat halaman dalam bentuk halaman pendaratan dengan satu gambar, dengan peluncur, dengan beberapa tajuk, dengan kesan pratetap, dan sebagainya. Anda hanya perlu membuat pilihan dan memuat turun arkib yang sesuai untuk tapak anda yang dibuat berdasarkan Bootstrap. Apakah set ini, anda akan lihat serta-merta selepas memuat turun.

menu bootstrap
menu bootstrap

Penyesuaian tema

Setiap topik mewakili dirinya sendiri, seperti mana-mana tapak,satu set fail HTML, CSS dan grafik. Pembangun platform telah berusaha untuk membawa norma reka bentuk kepada standard yang sama, sambil memberi peluang maksimum untuk menyesuaikan tema anda. Oleh itu, untuk menjadikan tapak anda unik, anda perlu memahami struktur platform, seni bina tapak di atasnya, dan cara kod setiap templat ditulis. Anda perlu melakukan ini sekali, selepas itu akan lebih mudah untuk membuat projek anda menggunakan Bootstrap. CSS dan grafik adalah sama pada semua tema. Inilah kelebihan pendekatan ini.

Apa yang kami minati ialah fail CSS dengan nama tema (ia diletakkan dalam folder "css", selain itu anda akan menemui dua lagi fail tetapan asas platform, anda boleh meninggalkan mereka sendiri); serta "index.html", yang merupakan penanda halaman utama. Anda harus bermula dari ini, dan tambahan khusus lain dalam bentuk peluncur, beberapa kesan Javascript akan ditentukan oleh tugas anda untuk mencipta tapak tertentu. Contohnya, dalam templat Bootstrap standard, menu mungkin direka bentuk dalam warna kelabu kusam. Untuk laman web anda, sudah tentu, anda akan mengubahnya supaya ia dilakukan dalam warna yang betul dan dengan semua kesan yang diingini. Ini adalah penyesuaian yang sangat, tetapi kerana terdapat Bootstrap, tidak perlu mencipta menu dari awal, yang menjimatkan masa.

bootstrap css
bootstrap css

Peluang untuk pereka

Sebenarnya, sekarang tentang kemungkinan yang diberikan oleh platform Bootstrap. Apakah prospek ini - untuk bekerja dengan arkib sedemikian? Nampaknya, mengapa mereka begitu luar biasa?

Posebenarnya, tiada apa-apa seperti itu dalam platform pembangun dari Twitter. Idea ini sangat mudah, begitu juga dengan pelaksanaannya. Tetapi kini seorang pereka tidak perlu mencipta halaman tapak dari awal, kemudian untuk memberikan rupa yang diingini. Tidak, kini pakar boleh bermula terus dari cangkerang, dari reka bentuk tapak, tanpa terganggu oleh perkara asas seperti penanda utama. Bukankah ini contoh penggunaan masa yang berkesan dan cekap?

Selain itu, satu lagi kelebihan Bootstrap tidak dinyatakan - bahawa ia adalah satu cara untuk membantu orang yang tidak mempunyai kemahiran markup CSS peringkat tinggi untuk mencipta reka bentuk profesional mereka sendiri, kerana semua alatan yang mungkin dilakukan oleh pereka reka letak. keperluan sudah ada dalam templat berkenaan. Seseorang yang tahu tentang membina laman web mampu melakukan lebih banyak lagi. Dan ini sudah menjadi nilai tambah yang sangat ketara yang memihak kepada Bootstrap.

Kini projek itu sedang dalam pembangunan, walaupun pada hakikatnya ia telah dilancarkan pada tahun 2011 dan sejak itu beribu-ribu orang telah mula mengusahakannya. Semoga pembangun akan terus membuat reka bentuk web lebih mudah dan membantu orang ramai mencipta sesuatu yang baharu, peribadi dan berguna kepada dunia.

Disyorkan: