Style Halaman Web menggunakan CSS

 

sumber : https://www.oxfordwebstudio.com/user/pages/06.da-li-znate/sta-je-css/sta-je-css.png

CSS merupakan singkatan dari Cascading Style Sheets. CSS digunakan untuk mempercantik halaman web, termasuk warna, tata letak, dan font. 

>> Konsep Layout halaman web

Layout pada web merupakan kerangka untuk mengatur elemen-elemen yang ada di dalam web. 

>> Jenis-jenis layout halaman web

1. Fixed Layout

    Fixed layout merupakan tata letak yang disukai banyak orang karena mudah dibuat dan disesuaikan. Sesuai dengan namanya, komponen situs web akan dibuat dengan lebar tetap, siapapun yang membuka melalui browser komponennya dalam lebar tetap dan tidak akan bergerak ataupun berubah.

2. Fluid Layout

    Fluid Layout memiliki kemampuan untuk bisa membuat lebar layout sesuai dengan resolusi browser. Tata letak yang lancar akan membuat seluruh situs web terlihat bagus d browser yang berbeda.

3. Responsive Layout

    Responsive Layout ini merupakan gabungan antara Fluid dengan Fixed, Layar layout mampu menyesuaikan resolusi dan bisa berganti layout pada resolusi tertentu.

>> Contoh penulisan script code CSS



METODE STYLESHEETS
Inline style

Inline Style adalah cara untuk memberi style pada tag html yang di seleksi, tidak secara umum

Internal style


External Style
   External Style adalah menkoneksikan file satu dengan file lainnya.

CONTOH PROPERTY PADA CSS
h1 {
    font-weight: 400;
    text-transform: uppercase;
    font-family: poppins;
    text-decoration: underline;
    color: grey;
}
img {
    background-image: url('https://i.postimg.cc/YS2nRBLX/BIG-BLUR-DAY-3.png');
    width: 500px;
    border-radius: 15px;
    border: 5px solid;
}
/*Contoh Properti Pada tag h1 dan img*/

Komentar

Posting Komentar

Postingan populer dari blog ini

GitHub & GitLab

Gambar
GITHUB DAN GITLAB  1. Pengertian sumber :  https://1000logos.net/      GitHub adalah platform hosting repositori berbasis web yang memungkinkan pengembang perangkat lunak untuk menyimpan dan mengelola kode sumber proyek mereka secara terpusat. Dengan GitHub, pengembang dapat berkolaborasi, menguji, dan meningkatkan proyek mereka secara tim atau individual, bahkan dari jarak jauh. Berikut adalah beberapa fitur utama dan konsep penting tentang GitHub: Repositori : Repositori adalah tempat penyimpanan utama untuk proyek-proyek di GitHub. Setiap repositori menyimpan semua file, riwayat perubahan, dan informasi lainnya yang terkait dengan proyek tersebut. Repositori bisa bersifat publik, artinya dapat diakses oleh siapa saja, atau bersifat pribadi, hanya dapat diakses oleh orang-orang yang diizinkan. Kolaborasi : Salah satu fitur paling kuat dari GitHub adalah kemampuannya untuk mendukung kolaborasi. Pengembang dari berbagai lokasi geografis dapat bekerja bersama-sam...
Baca selengkapnya

Laravel

Gambar
sumber :  https://www.stickpng.com/img/icons-logos-emojis/tech-companies/laravel-black-logo        Laravel adalah  framework PHP yang dirilis oleh Taylor Otwell sejak 2011, dirancang untuk pengembangan web yang lebih efektif. Dengan fitur terbaru pada setiap versinya, Laravel membantu pengembang menciptakan aplikasi web yang lebih baik. Dalam pengembangan, Laravel menawarkan sintaksis yang mudah, fitur yang kuat, dan dukungan komunitas yang besar. Ini menjadikannya pilihan utama bagi pengembang aplikasi web yang ingin menghindari kesulitan umum seperti otentikasi, perutean, sesi, dan caching. Laravel bertujuan untuk membuat proses pengembangan menyenangkan bagi pengembang tanpa mengorbankan fungsionalitas aplikasi. Kelebihan laravel : Pengkodean yang sederhana. Skalabilitas. Aman. Migrasi data yang mudah. Mudah dipelajari. Kekurangan Laravel : Kinerja lebih lambat. Update yang terlalu cepat. Ketergantungan pada komposer. Ukuran yang berat. Perbedaan versi l...
Baca selengkapnya

Data Analyst

1. Data merupakan informasi yang terkumpul dari berbagai sumber, seperti sensor, aplikasi, sistem, dan lainnya. Jenis data dapat bervariasi, mencakup angka, teks, gambar, suara, atau kombinasi dari jenis data tersebut. Pemanfaatan data meliputi beragam bidang seperti analisis, pengambilan keputusan bisnis, dan pengembangan produk, dengan tujuan meningkatkan efisiensi, kualitas, serta memperbaiki proses pengambilan keputusan. ( sumber :  https://telkomuniversity.ac.id/pengertian-data-fungsi-jenis-jenis-manfaat-dan-contohnya/ ) 2. Menurut beberapa ahli, Data Analyst diartikan sebagai berikut : S eorang profesional yang memiliki keterampilan dalam menganalisis dan menggambarkan data internal suatu perusahaan dengan maksud membantu dalam proses pengambilan keputusan organisasi ( Friedrichsen dkk., 2022 ). Individu yang mengelola volume data yang signifikan untuk memfasilitasi proses pengambilan keputusan perusahaan ( Chojecki, 2020 ) , Yang bertanggung jawab atas pengumpulan dan trans...
Baca selengkapnya