Assalamualaikum Wr. Wb.
A.Pendahuluan
Salam sejahtera bagi kita semua, sekarang saya akan membahas tentang penempatan jenis font dan penambahan background pada tampilan sebuah web
apa sih? itu semua apa sih kegunaannya ?, ayo guys kita langsung saja ya.
B.Latar Belakang
pembuatan planing sehari hari
C.Maksud dan Tujuan
Memberi Ilmu semampu saya
D.Pengertian
Font adalah desain grafis yang diterapkan ke kumpulan angka, simbol, dan
karakter yang mempunyai gaya fon seperti cetak miring,cetak
tebal,cetakmiring tebal dll
Background adalah digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten.. atau disebut juga Latar belakang gambar.
Background adalah digunakan untuk memberikan dekorasi visual terhadap sebuah elemen, yang akan mengakibatkan peningkatan kemudahan nalar atau pengertian akan sebuah konten.. atau disebut juga Latar belakang gambar.
E.Alat dan bahan
Laptop dan sublime text
F.Pembahasan
Caranya mengubah jenis font semenarik mungkin pada tampilan web sekolah adalah sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="margin: 0; padding: 0;">
<marquee style="width: 100%; height: 25px;background: red; color: white;padding: 0; margin: 0;">`~~WELCOME TO PORTAL SMKN 1 BANGSRI DAN SILAHKAN KLIK DI BAWAH SINI SESUKA ANDA~~`</marquee>
<center>
<h1>
<u>SMKN 1 BANGSRI</u>
</h1>
<h1>
<ins> Dinas Pendidikan Kabupaten Jepara SMKN 1 Bangsri</ins>
</h1>
<h4>
<small> SMK Negeri 1 Bangsri Jl. KH Achmad Fauzan, No. 17 Bangsri Jepara Telepon: (0291) 772322 </small>
<p
align="center"> <small>Alamat: JL. KH Achmad Fauzan, No. 17, 59453, Kec. Jepara, 59415</small>
</p>
</h4>
</center>
</body>
</html>
dan hal hasil
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style="margin: 0; padding: 0;">
<marquee style="width: 100%; height: 25px;background: red; color: white;padding: 0; margin: 0;">`~~WELCOME TO PORTAL SMKN 1 BANGSRI DAN SILAHKAN KLIK DI BAWAH SINI SESUKA ANDA~~`</marquee>
<center>
<h1>
<u>SMKN 1 BANGSRI</u>
</h1>
<h1>
<ins> Dinas Pendidikan Kabupaten Jepara SMKN 1 Bangsri</ins>
</h1>
<h4>
<small> SMK Negeri 1 Bangsri Jl. KH Achmad Fauzan, No. 17 Bangsri Jepara Telepon: (0291) 772322 </small>
<p
align="center"> <small>Alamat: JL. KH Achmad Fauzan, No. 17, 59453, Kec. Jepara, 59415</small>
</p>
</h4>
</center>
</body>
</html>
dan hal hasil
jika kita menambahkan background dan gambar nampaknya bagus ya kawan hehehe
tinggal masukin ini
<style>
body{
background-image: url("q.jpg");
background-repeat: no-repeat;
background-size: cover;
}
h1{
color: white;
font-family: sans-serif;
text-align:center
}
h4{
color: white;
font-family: sans-serif;
text-align-last;
</style>
bertempat di head ya kawan.
setelah itu gamabarnya
<img src="nw.png" width="200px" height="200px"/>
</center>
<center>
<input type="sans-serif" name="google.com"/>
<button>google</button>
</center>
Nah jika sudah mengerti kita gambungkan menjadi satu
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-image: url("q.jpg");
background-repeat: no-repeat;
background-size: cover;
}
h1{
color: white;
font-family: sans-serif;
text-align:center
}
h4{
color: white;
font-family: sans-serif;
text-align-last;
</style>
<title>Portal SMKN 1 Bangsri</title>
</head>
<body style="margin: 0; padding: 0;">
<marquee style="width: 100%; height: 25px;background: red; color: white;padding: 0; margin: 0;">`~~WELCOME TO PORTAL SMKN 1 BANGSRI DAN SILAHKAN KLIK DI BAWAH SINI SESUKA ANDA~~`</marquee>
<center>
<h1>
<u>SMKN 1 BANGSRI</u>
</h1>
<h1>
<ins> Dinas Pendidikan Kabupaten Jepara SMKN 1 Bangsri</ins>
</h1>
<h4>
<small> SMK Negeri 1 Bangsri Jl. KH Achmad Fauzan, No. 17 Bangsri Jepara Telepon: (0291) 772322 </small>
<p
align="center"> <small>Alamat: JL. KH Achmad Fauzan, No. 17, 59453, Kec. Jepara, 59415</small>
</p>
</h4>
<img src="nw.png" width="200px" height="200px"/>
</center>
<center>
<input type="sans-serif" name="google.com"/>
<button>google</button>
</center>
</body>
</html>
dan hal hasil
tinggal masukin ini
<style>
body{
background-image: url("q.jpg");
background-repeat: no-repeat;
background-size: cover;
}
h1{
color: white;
font-family: sans-serif;
text-align:center
}
h4{
color: white;
font-family: sans-serif;
text-align-last;
</style>
bertempat di head ya kawan.
setelah itu gamabarnya
<img src="nw.png" width="200px" height="200px"/>
</center>
<center>
<input type="sans-serif" name="google.com"/>
<button>google</button>
</center>
Nah jika sudah mengerti kita gambungkan menjadi satu
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-image: url("q.jpg");
background-repeat: no-repeat;
background-size: cover;
}
h1{
color: white;
font-family: sans-serif;
text-align:center
}
h4{
color: white;
font-family: sans-serif;
text-align-last;
</style>
<title>Portal SMKN 1 Bangsri</title>
</head>
<body style="margin: 0; padding: 0;">
<marquee style="width: 100%; height: 25px;background: red; color: white;padding: 0; margin: 0;">`~~WELCOME TO PORTAL SMKN 1 BANGSRI DAN SILAHKAN KLIK DI BAWAH SINI SESUKA ANDA~~`</marquee>
<center>
<h1>
<u>SMKN 1 BANGSRI</u>
</h1>
<h1>
<ins> Dinas Pendidikan Kabupaten Jepara SMKN 1 Bangsri</ins>
</h1>
<h4>
<small> SMK Negeri 1 Bangsri Jl. KH Achmad Fauzan, No. 17 Bangsri Jepara Telepon: (0291) 772322 </small>
<p
align="center"> <small>Alamat: JL. KH Achmad Fauzan, No. 17, 59453, Kec. Jepara, 59415</small>
</p>
</h4>
<img src="nw.png" width="200px" height="200px"/>
</center>
<center>
<input type="sans-serif" name="google.com"/>
<button>google</button>
</center>
</body>
</html>
dan hal hasil
Ingat kalau kita ingin menambahkan gambar atau background harus dalam folder yang satu bro!!!!
G.Hasil yang diharapkan
Mampu mengubah jenis font dan menambahkan background pada tampilan web sekolah
H.Motivasi
"Orang orang yang berhenti belajar akan menjadi pemilik MASALAU
Orang orang yang masih terus belajar akan menjadi pemilik MASA DEPAN"
Orang orang yang masih terus belajar akan menjadi pemilik MASA DEPAN"
"mario teguh"
I.Penutup
Sekian dari saya jika ada permasalahan ataupun kurang jelas bisa kasih saran & koment dibawah ini see you next time!!!!!!!
Wassalamualaikum Wr. Wb.
Assalamualaikum, Nama saya Deni Octa Saputra. Saya Seorang Pelajar SMKN 1 BANGSRI JEPARA.
No comments:
Post a Comment