Web Desain: Mei 2015

Senin, 11 Mei 2015

bootstrap

GETBOOTSTRAP

Assaloamu’alaikum Wr.Wb

Hari ini saya belajar tentang BOOSTSTRAP web ini sangat cocok intuk saya atau teman” yang suka duniya web desain ,css,java skrip DLL web ini sangtat mudah di aksess dan sangat mudah di pahami saya sebagai pengguna sangatlah bangga dengan adanya web ini.

Apa Itu Bootstrap?

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Web ini sangat lengkap dan mudah dipelajarii web ini ada fitur yang lengkap meliputi

a. Getting started

Di fitur ini anda dapat melihat dan mendownload fitur Bootstrap sesuai yang anda inginkan

CSS

Di fitur CSS ini anda dapat melihat skrip css dan bisa di pahamii

c. Components

Di fitur ini ada puluhan componen

Saya berikan contoh sedikit tentang css

a. Membuat table dan isinya

>>skrip

>>hasil

b. Sekrip kedua ini tentang form membuat login

>>hasil

Setelah saya belajar dan liyat web ini saya bisa dan memahami tentang web,css dll

Saya sangat mendukung dengan keberadaan web ini ,web ini cocok sekali untuk anda yang ambil studi TEKNIK INFORMATIKA trimakasih itu ungkapan saya setelah saya belajar Bootstrap.

Wassalamu’alaikum Wr.Wb

Senin, 04 Mei 2015

quiz2

skrip>>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="crude" />

<title>Ukuran area division</title>
<style type="text/css">
.atas {
width: 100%;
font-family: arial;
height: 100px;
padding: 30px 10px 0 30px;
text-transform: uppercase;
background:#3a5795;
border: black;
float: left;
font-weight: bold;
font-size: 30px;
color: white;
}
.samping {
width: 500px;
height: 100px;
border: black;
background:#3a5795;
float: right;
}
.samping1 {
width: 600px;
height: 500px;
border: rgb(50,100,100);
float: right;
}
.samping2 {
width: 600px;
height: 500px;
color: #3a5795;
padding: 30px 10px 0 30px;
border: ;
float: bottom;
font-weight: bold;
image-orientation: auto;
font-family: arial;
}
.bawah {
width: 100%;
height: 150px;
border: 1px double;
float: left;
}
</style>
</head>

<body>
<div class="atas">
<div class="samping"></div></div>
<div class="samping1">
</div>
<div class="samping2">
<p align="left" class="style10">Facebook membantu anda terhubung dan </p>
<p align="left" class="style10">berbagi dengan orang-orang </p>
<p align="left" class="style10">kehidupan anda </p>
<img src="a.PNG"/></div>
<div class="bawah"></div>
</body>
</html>