Senin, 27 April 2020

Evaluasi Modul 3
Nama : Alda Amaliyah
stambuk : 13020180247
kelas : B4

1. Decotype html
    bootstrap menggunakan elemen html dan properti css yang memerlukan decotype html. selalu            sertakan decotype html5 di halaman awal bersama dengan atribut lang dan set karakter.
2. Meta tag
    Untuk memastikan rendering yang tepat maka tambahkan meta tag.

3. Css
   copy paste stylesheet<link>dan  ditempatkan di <head> </head>

4. Navbar (menu navigasi)
    Menu navigasi adalah tajuk navigasi yang ditempatkan dibagian atas halaman atau header

sehingga akan tampil seperti gambar berikut :



5. Jumbotron
    Jumbotron menunjukkan kotak besar berwarna abu-abu dengan sudut bulat yang berisi informasi        penting didalamnya

sehingga akan tampil seperti gambar berikut :



6. Typography
Dibuat Menggunakan tampilan menggunakan style sepeti: <h1>-<h6> dan <p>

sehingga akan menjadi tampilan dibawah ini


7. Js
Ditempatkan tepat sebelum tag penutup </body>

 sehingga akan tampak seperti gambar berikut


di Tidak ada komentar:

Minggu, 26 April 2020

Nama : Alda Amaliyah
Stambuk : 13020180247
Kelas : B4

1. Pengertian CSS :
    CSS (Cascading Style Sheet), adalah suatu bahasa yang digunakan untuk mengatur beberapa komponen           dalam sebuah web sehingga akan lebih terstruktur dan seragam.
2. 3 cara pemanggilan CSS :
A. Internal CSS
Internal CSS adalah kode CSS yang ditulis didalam tag <style>.
Contoh penggunaan:
<html>
<head>
<title>contoh Internal CSS</title>
<style type=”text/css”>
P{
Font-family: serif;
Line-height: 1.75em;
Font-size: 1.8px;
}
</style>
</head>
</html>
B. Eksternal CSS
Adalah kode CSS yang ditulis terpisah dengan kode HTML.
Contoh penggunaan :
<html>
<head>
<title>contoh eksternal css</title>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h2>judul artikel</h2>
<p>ini adalah paragraf yang memuat isi artikel</p>
</body>
</html>
C. Inline CSS
Inline CSS adalah kode CSS yang ditulis langsung pada atribut elemen HTML.
Contoh penggunaan :
<html>
<head>
<title>contoh inline CSS</title>
</head>
<body>
<h2 style=”color:red; font-family:sans”>judul artikel</h2>
<p style=”color:maroon”>ini adalah isi paragraf</p>
</body>
</html>
3.   A. Pengertian Selector
Selector merupakan tag html yang ingin di manipulasi atau diberikan gaya.
B. Pengertian Declaration
Declaration adalah kumpulan aturan style css yang berada dalam tanda kurung kurawal.
C. Pengertian Property
Property adalah suatu jenis style CSS yang berfungsi memberikan style pada selector yang ditentukan
D. Pengertian Value
Value merupakan nilai dari property yang telah ditentukan pasangannya.
4. perbedaan selector tag, class dan id pada CSS :
A. Selector tag
Selektor ini akan memilih elemen berdasarkan nama tag.
Contoh :
P{
Color:blue;
}
<p>css adalah..</p>
B. Selector class
Selector class memilih elemen berdasarkan nama class yang diberikan dan digunakan berulang-                 ulang.
Contoh :
.pink{
Color: white;
Bacground: pink;
Padding: 5px;
}
<p>saya sedang belajar <b class=”pink”css</b></p>
C. Selector id
Selector id sama dengan selector class hanya saja boleh digunakan untuk satu elemen saja.
Contoh:
#header{
Bacground:teal;
Color: white;
Height: 100px;
}
<header id=”header”>
<h1>selamat menunaikan ibadah puasa</h1>
</header>

di Tidak ada komentar:

Rabu, 22 April 2020

evaluasi praktikum
di Tidak ada komentar:
Formulir KTP
FORM PENGAJUAN KTP
Nomor Pendaftaran                              
Nama Lengkap
Nama Lengkap
Provinsi
Kota      Kec.    
Pekerjaan
Jenis Kelamin Pria         Wanita
Tempat/Tanggal Lahir    
Kelengkapan Berkas

FC.KK   Surat Pengantar

Pas Foto Surat Domisili
File Scan
di Tidak ada komentar:
Tugas Pendahuluan 2

Nama : Alda Amaliyah
Stambuk: 13020180247
Kelas : B4

1. Perbedaan rowspan dan colspan pada tabel:
    Rowspan adalah atribut html yang digunakan untuk memperlebar atau menggabungkan baris              menjadi satu. Sedangkan colspan digunakan untuk menggabungkan atau memperlebar kolom.
2. Perbedaan method POST dan GET pada Form:
    Secara fungsi, POST digunakan untuk mengirimkan data ke server biasanya datanya rahasia                misalnya password. Sedangkan GET, digunakan untuk mengambil data dari server.
3. Membuat tabel dan percobaan DML :
create database toko;
use toko;
create table pelanggan(
id_pelanggan varchar(7) primary key,
nama varchar(20));
desc pelanggan;

create table barang(
id_barang varchar(7)prmary key,
nama_barang varchar(30),
stok int(3));
id_barang varchar(7) primary key,
nama_barang varchar(30),
stok int );
desc barang;

create table penjualan(
       nofaktur int primary key,
       id_pelanggan varchar(7), foreign key(id_pelanggan) references pelanggan(id_pelanggan),
       id_barang varchar(7), foreign key(id_barang) references barang(id_barang),
       jumlah_beli int);
       desc penjualan;
         

       insert into pelanggan values
       ("AOO1","Alda"),
       ("AOO2","Rini"),
       ("AOO3","Ayu"),
       ("AOO4","Nia"),
       ("AOO5","Dina");
       select*from pelanggan;
        

       insert into barang value
       ("BOO1","jilbab",50),
       ("BOO2","rok",30),
       ("BOO3","sendal",50),
       ("BOO4","mukena",25),
       ("BOO5","baju",70);
       select*from barang;
        

     insert into penjualan values
     (01,"AOO1","B001",5),
     (02,"AOO2","B002",4),
     (03,"AOO3","B003",3),
     (04,"AOO4","B004",7),
     (05,"AOO5","B005",1);
     select*from penjualan;
      

Perintah DML:
select*from pelanggan where id_pelanggan="AOO2";

update pelanggan set nama="Aulia" where id_pelanggan="AOO3";
select*from pelanggan;






di Tidak ada komentar:

Rabu, 15 April 2020

Nama : Alda Amaliyah
Kelas : B4
Stambuk : 13020180247


TUGAS PENDAHULUAN
1. Apa yang dimaksud dengan HTML beserta fungsinya
Jawaban : HTML merupakan singkatan dari Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet.
Fungsi HTML :
1. Fungsi utamanya adalah membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna.
2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring dan sebagainya.
3. Digunakan untuk membuat online form atau formulir digital.
2. Jelaskan perbedaan antara Tag, Atribut value dan Element pada HTML
Jawaban :
A. Tag  
     Tag adalah instruksi yang digunakan untuk mengatur tampilan output .
     Contoh :
     <p>..</p> = tag untuk paragraf
     <i>..</I> = italic
     <b>..</b>= bold
B. Atribut dan value
      Atribut adalah informasi tambahan yang diberikan kepada tag. Sedangkan value adalah nilai dari dari                sebuah atribut.
      <a href="https://www.duniailkom.com">ini adalah sebuah link</a>
     href=”https://www.duniailkom.com” adalah atribut
     https://www.duniailkom.com”, adalah value
C. Element
      Element adalah isi dari tag yang berada diantara tag pembuka dan tag penutup
      Contoh :<p>ini adalah paragraf</p>
3. Tuliskan tag HTML beserta fungsinya (minimanl 30+ wajib table, form dan link)
Jawaban :
1. table
<table> = tag untuk membuat table
<caption> = tag untuk membuat sebuah caption table
<th> = tag untuk membuat sebuah sel header tabel
<tr> = tag untuk membuat baris dalam tabel
<td> = untuk membuat sel dalam sebuah tabel
<thead> = mengelompokkan isi header dalam sebuah tabel
<tbody> = mengelompokkan isi tubuh dalam sebuah tabel
<tfoot> = mengelompokkan isi footer dalam sebuah tabel
<col> = menentukan properti kolom untuk setiap kolom dalam elemen
<colgroup> = menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk di format
2. Form
<form> = tag untuk membuat sebuah form HTML untuk input pengguna
<input> = tag untuk membuat sebuah kontrol input
<textarea> = tag untuk membuat sebuah kontrol input multibaris
<button> = tag untuk membuat sebuah tombol yang dapat diklik
<select> = tag untuk membuat sebuah daftar drop-down
<optgroup> = tag untuk membuat kelompok pilihan yang terkait dalan daftar drop-down
<option> = tag untuk membuat pilihan dalam daftar drop-down
<label> = tag untuk membuat sebuah label untuk sebuah elemen <input>
<fieldset> = grup unsur terkait dalam bentuk
<legend> = tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, <figure> atau <details>
3. Link
<a> = tag untuk membuat hyperlink
<link> = tag untuk membuat hubungan antara dokumen dan sumber daya eksternal
<nav> = tag untuk membuat navigasi link
- Basic
<html> = tag untuk membuat sebuah dokumen HTML
<title> = tag untuk membuat judul dari sebuah halaman
<body> = tag untuk membuat tubuh dari sebuah halaman
<p> = tag untuk membuat paragraf
<br> = memasukkan satu baris putus
<hr> = untuk membuat perubahan dasar kata didalam isi
<h1>to<h6> = tag untuk membuat heading
<!--…--> = tag untuk membuat komentar
4. Tuliskan contoh penggunaan HTML (minimal 5)
Jawaban :
A. Tag dasar
<!DOCTYPE html>
<html>
<head>
<title>page Title</title></head>
<body>
<h1> Alda Amaliyah</h1>
<p>Paragraf pertama</p>
</body>
</html>
B. Membuat teks berpangkat
<!DOCTYPE html>
<html>
<body>
<p><b>teks ini tebal</b></p>
<p><i>teks ini miring</i></p>

<p>ini adalah<sub>subscript</sub></p>
</body>
</html>
C. Menampilkan gambar
<!DOCTYPE html>
<html>
<body>
<p><b>teks ini tebal</b></p>
<img src =”img_ald.jpg” width “300” height=”300”>
</body>
</html>
D. Mengatur ukuran teks
<html>
<head><title>tag h1-h6</title></head>
<body>
<h1>ini adalah tag h1</h1>
<h2>ini adalah tag h2</h2>
<h3>ini adalah tag h3</h3>
<h4>ini adalah tag h4</h4>
<h5>ini adalah tag h5</h5>
<h6>ini adalah tag h6</h6>
</body>
</html>
E. Membuat paragraf
<html>
<body>
<p> Alda Amaliyah, Fakultas Ilmu Komputer Universitas Muslim Indonesia</p>
</body>
</html>
F. Mempercantik halaman web dengan menggunakan tag <hr>
<html>
<body>
<h2>jurusan di fikom UMI</h2>
<hr>
1. Teknik Informatika<hr>
2. Sistem Informasi<hr>
</body>
</html>
5. Tuliskan dan jelaskan Atribut-Atribut yang dapat digunakan pada nomor 3 !
Jawaban :
A. Atribut table
1. Atribut border
Atribut border digunakan untuk mengatur ketebalan dari garis tepi dari tabel.
Contoh : <table border=”0”>
2. Atribut cellpadding
Atribut cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi texttabel itu sendiri dan diukur dalam satuan pixel.
Contoh : <table border=”1” cellpadding=”0”>
3. Atribut cellspacing
Atribut cellspacing digunakan untuk mengatur jarak antara garis tepi bagian dalam dan luar.
Contoh : <table border=”1” cellspacing=”7”>
B. Atribut form
1. Atribut Value
Atribut value digunakan untuk menentukan nilai awal untuk sebuah kolom input
Contoh :<form>
Nama Depan : <br>
<input type=”text” name = “namadepan” value =”king”><br></form>
2. Atribut readonly
Atribut ini digunakan untuk menentukan bahwa kolom input hanya dapat dibaca saja dan tidak dapat diubah.
Contoh:
<form>
Nama Depan:<br>
<input type=”text” name=”namadepan” value =”king” readonly></form>
3. Atribut disable
Merupakan atribut yang digunakan untuk menentukan bahwa kolom input dinonaktifkan, sehingga tidak bisa diklik.
Contoh :
<input type =”text” name =”namedepan” value=”king” disabled>
4. Atribut size
Digunakan untuk menentukan ukuran kolom penginputan karakter.
Contoh :
<input type =”text” name =”namedepan” value=”Alda” size=”50”>
5. Atribut maxlength
Adalah atribut yang digunakan untuk menentukan jumlah maksimumyang diperbolehkan untuk memasukkan karakter dalam kolom input.
Contoh :
<input type =”text” name =”namedepan” value=”Alda” maxlength=”20”>
C. Atribut link
1. Href
Adalah atribut yang digunakan untuk membuat link. Dan berfungsi untuk mengarahkan link ke alamat tujun yang ada di bagian value.
Contoh :
<a href=”http://aldaamaliyah.blogspot.com”</a>
2. Atribut title
Fungsinya adalah untuk membuat keterangan dalam sebuah link.
Contoh :
<a href=”http://aldaamaliyah.blogspot.com”>
Title =”kumpulan tutorial blog dan teknik edit</a>
3. Alt
Memberikan deskripsi link atau gambar kepada search engine.
Contoh :
<a href=”http://aldaamaliyah.blogspot.com”>
Img alt=”contoh gambar” src=”http://1.blogspot.com/windows-10.jpg/></a>
4. Target
Fungsinya untuk memberikan perintah kepada browser agar menampilkan halaman web atau blog ke tempat yang ditentukan.
Contoh :
<a href=”http://aldaamaliyah.blogspot.com”
Target=”_blank”>blog alda</a>
6. Tuliskan dan jelaskan atribut yang digunakan dalam menggabungkan baris dan kolom pada tabel
Jawaban : atribut yang digunakan untuk menggabungkan baris dan kolom pada tabel yaitu colspan dan rowspan. Colspan merupakan kependekan dari Columnspan yang berarti beberapa kotak ke samping. Sedangkan rowspan berarti beberapa kotak kebawah. Kedua atribut tersebut diletak dalam tag <td>

di Tidak ada komentar:
Langganan: Postingan (Atom)

Evaluasi Modul 3 Nama : Alda Amaliyah stambuk : 13020180247 kelas : B4 1.  Decotype html     bootstrap menggunakan elemen html ...

  • (tanpa judul)
    Evaluasi Pemrograman Web ...
  • (tanpa judul)
    Tugas Pendahuluan 2 Nama : Alda Amaliyah Stambuk: 13020180247 Kelas : B4 1.  Perbedaan rowspan dan colspan pada tabel:   ...