Postingan

Menampilkan postingan dari Juli, 2022

Membuat Tampilan Seperti Telegram Dengan HTML & CSS

Gambar
 Membuat Tampilan Seperti Telegram Dengan HTML & CSS 1. Membuat Halaman Index             Dengan Source Code Seperti Dibawah ini :               <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>TELEGRAM</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"> <img src="assets/list.svg" alt="menu" class="menu"> <input type="text" name="search" placeholder="Search"> </div> <div class="content"> <div class="card"> <img src="assets/person-circle.svg" alt="person" class="profile"> <h4>Jonathan</h4...
Posting Komentar
Baca selengkapnya

Membuat Kotak Dengan CSS

Gambar
Hal yang pertama membuat file index nya dahulu. INDEX.HTML <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width, initial-scale=1">     <title></title>     <link rel="stylesheet" type="text/css" href="style.css"> </head> <body>     <div class="box1" style="background: red;"><p>BOX 1</p></div>     <div class="box2" style="background: white;"><p>BOX 2</p></div>     <div class="box3" style="background: yellow;"><p>BOX 3</p></div>     <div class="box4" style="background: green;"><p>BOX 4</p></div> </body> </html> Setelah itu membuat file css nya dengan nama style.css STYLE.CSS body {   background-color: skyblue; } p {   font-family...
Posting Komentar
Baca selengkapnya

PRAKTIK MEMBUAT TABLE DAN FORM

PRAKTIK MEMBUAT TABLE DAN FORM 
Posting Komentar
Baca selengkapnya

Style halaman web dan Client side scripting

  BAB 4  STYLE HALAMAN WEB DAN CLIENT SIDE SCRIPTING A. Style pada Halaman Web        CSS sebagai sebuah bahasa style sheet yang digunakan dalam mengatur tampilan dokumen, dengan adanya CSS maka tampilan halaman yang sama akan memiliki format yang berbeda. 1. Konsep Layout dalam Halaman Web          Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik,mudah,dan informatif sehingga pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Pada dasarnya,sebuah dokumen web umumnya memiliki elemen-elemen sebagai berikut. a. Elemen Header b. Elemen Navigation c. Elemen Sidebar d. Elemen Konten e. Elemen Footer 2. Jenis-Jenis layout dalam halaman web ( frameset,table,div)     a. Tag Frameset dan Atributnya     Frameset adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML.     b. Tag Tabl...
Posting Komentar
Baca selengkapnya

PWDPB

  BAB 1 KONSEP TEKNOLOGI DAN FORMAT TEKS PADA APLIKASI WEB 1. Konsep WWW      World Wide Web adalah suatu ruang informasi di internet yang digunakan oleh pengenal global yang disebut dengan Pengidentifikasi Sumber Ragam/ URI untuk mengenali sumber daya berguna. World Wide Web berisi kumpulan peladen web dari berbagai seluruh bagian dunia untuk menyediakan informasi dan data yang bisa digunakan bersama.        World Wide Web sebagai bagian dari internet mengandung informasi-informasi seperti suara, video, gambar, dan video. Singkatnya, WWW adalah sistem untuk mengirimkan dan menyebarkan data melalui jaringan internet pada skala yang besar di seluruh penjuru dunia.     A. Fungsi World Wide Web (WWW)                WWW memungkinkan pengguna untuk berselancar dengan mudah hanya melalui sebuah alamat URL. Untuk mengakses WWW perlu menggunakan kon...
Posting Komentar
Baca selengkapnya