Scribd Logo
Unggah

Selamat datang di Scribd!

  • P5 - Pengenalan Bootstrap MHSW

    Diunggah oleh

    Steven Stevanus Maniawasi
    15 tayangan22 halaman
    Bootstrap awalnya dikembangkan oleh developer Twitter untuk membuat aplikasi dan situs web yang responsif secara cepat dan mudah. Framework ini menyediakan komponen seperti grid system, typography, form, dan lainnya untuk mempercepat pengembangan antarmuka pengguna. Dokumen ini menjelaskan pengertian Bootstrap, sejarah, struktur direktori, dan contoh kode dasar untuk memulai pengembangan web menggunakan Bootstrap.

    Deskripsi Asli:

    Judul Asli

    P5 - Pengenalan Bootstrap Mhsw

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Bootstrap awalnya dikembangkan oleh developer Twitter untuk membuat aplikasi dan situs web yang responsif secara cepat dan mudah. Framework ini menyediakan komponen seperti grid system, typography, form, dan lainnya untuk mempercepat pengembangan antarmuka pengguna. Dokumen ini menjelaskan pengertian Bootstrap, sejarah, struktur direktori, dan contoh kode dasar untuk memulai pengembangan web menggunakan Bootstrap.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    15 tayangan22 halaman

    P5 - Pengenalan Bootstrap MHSW

    Diunggah oleh

    Steven Stevanus Maniawasi
    Bootstrap awalnya dikembangkan oleh developer Twitter untuk membuat aplikasi dan situs web yang responsif secara cepat dan mudah. Framework ini menyediakan komponen seperti grid system, typography, form, dan lainnya untuk mempercepat pengembangan antarmuka pengguna. Dokumen ini menjelaskan pengertian Bootstrap, sejarah, struktur direktori, dan contoh kode dasar untuk memulai pengembangan web menggunakan Bootstrap.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 22

    BOOTSTRAP

    Apa itu Bootstrap ?

     Bootstrap adalah framework CSS untuk


    membaut tampilan web. Bootstrap
    meneydiakan class dan komponen yang
    siap dipakai, sehingga kita tidak perlu
    menulis kode CSS dari nol.
    Pengenalan

     Bootstrap adalah framework ataupun tools untuk membuat aplikasi ataupun situs web
    responsive secara cepat, mudah dan gratis.
     Bootstrap terdiri dari CSS dan HTML untuk menghasilkan Grid Layout, Typography,
    Table, Form, Navigation, dan lain-lain.
     Terdapat komponen UI: Transition, Dropdown, Tab, Alert, Button, dan lain-lain.
    Sejarah Bootstrap

     Bootstrap diciptakan oleh 2 orang programmer Twitter: Mark Otto dan Jacob Thornton
    pada tahun 2011.
     Dikenal pertama kali dengan nama Twitter Bootstrap  Bootstrap.
     Sampai saat ini digunakan di berbagai website di seluruh dunia.
     https://getbootstrap.com/
     https://bootstrapbay.com/blog/built-with-bootstrap/
    Bootstrap

    Bootstrap awalnya
    dikembangkan oleh
    developer Twitter,
    lalu dibuat open
    source agar semua
    orang dapat
    berkontribusi di
    dalamnya.
    struktur direktori
    Code Editor
    Template Dasar HTML5

    <!DOCTYPE html>
    <head>
    <title>HTML5 Template</title>
    </head>

    <body>
    <h1>Hello World</h1>
    </body>
    </html>
    Template Dasar HTML + Bootstrap
    <!DOCTYPE html>

    <html>

    <head>

    <title>Bootstrap Template</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap css -->


         <link rel="stylesheet" href="../css/bootstrap.min.css">

    </head>

    <body>

    <h1>Hello, world!</h1>

    <script src="bootstrap/js/jquery.js"></script>

    </body>

    </html>
    Penjelasan:
    Perhatikan kode HTML yang baru saja kita buat, ada beberapa kode di sana yang harus diperhatikan.
    Kita mulai dari tag <head>:
    Yang wajib dalam Bootstrap adalah yang
    dua ini:

    Tag <meta neme="viewport"> berfungsi untuk menyesuaikan tampilan web


    terhadap layar pengguna. Jadi jika dibuka di layar yang lebih kecil, ia akan
    melakukan sekala sesuai ukuran lebar layarnya. Tag ini wajib, bila kita
    ingin membuat web yang responsif.
    Selanjutnya tag <link rel="..."> berfungsi untuk menyisipkan file CSS
    bootstrap ke dalam dokumen HTML.
    Membuat Halaman index.html
    Silahkan buka melalui browser untuk melihat
    hasilnya.
    Selain dengan cara ini, kita juga bisa menyisipkan Bootstrap
    melalui CDN:
    Praktikum :
    Memulai Web dengan Bootstrap
     Ketik tag dibawah untuk default template html+bootstrap
    To be continued….

    Anda mungkin juga menyukai