Kuliah Saya - Membuat layout halaman web atau biasanya yang membagi sebuah halaman
menjadi beberapa bagian yaitu Header, Body, Sidebar, dan footer. saya
akan memberikan script membuat layout menggunakan css dengan file html
dan cssnya terpisah namun harus tetap dijadikan satu folder. Baik untuk
mencoba langsung saja script htmlnya dulu dibawah ini :
<html>
<head>
<title>Membuat Layout dengan CSS</title>
<link href="namafile.css"rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>#header</h1>
<p>AQUARIUS WEB</p>
</div>
<div id="body">
<h1>#Body</h1>
<p>Postingan Artikel-Artikel</p>
</div>
<div id="sidebar">
<h1>#sidebar</h1>
<p>Bagian sidebar, berisi menu,daftar konten,dsb</p>
</div>
<div id="footer">
<h1>#footer</h1>
<p>footer berisi Hak cipta, Menu, dsb.</p>
</div>
</div>
</body>
</html>
setelah selese membuat script seperti diatas langsung saja simpan
dengan menggunakan format html. Kemudian selanjutnya membuat script
cssnya yaitu seperti dibawah ini :
#wrapper {
width: 1000px;
margin: 0 auto;
}
#header {
float: left;
width: 100%;
height: 150px;
background-color: green;
}
#body {
float: left;
width: 70%;
height: 400px;
background-color: grey;
}
#sidebar {
float: left;
width: 30%;
height: 400px;
background-color: cyan;
}
#footer {
float: left;
width: 100%;
height: 150px;
background-color: red;
}
format warna bisa kalian ubah-ubah sendiri sesuaikan dengan keinginan
kalian. Jangan lupa simpan file dengan format css dan kemudian sisipkan
nama file css pada script html yang ada di atas tadi. Ingat File html
dan css harus satu folder. Jika langkah kalian sudah benar dan penulisan
script tidak ada yang salah maka buka file html tersebut maka tampilan
pada browser akan seperti dibawah ini
Demikian postingan dari saya. Semoga bermanfaat.
Demikian postingan dari saya. Semoga bermanfaat.
4 comments
untuk membuat scriptlayout menggunakan css dengan file html dan cssnya terpisah namun harus tetap dijadikan satu folder pd saat membuat layout halaman webnya.
Kunjungi blog sy ya:https://yuliyani.mahasiswa.atmaluhur.ac.id
Kunjungi jg website kampus sy:http/:www.atmaluhur.ac.id
stlh sy membaca artikel ini untuk membuat scriptlayout menggunakan css dengan file html dan cssnya terpisah namun harus tetap dijadikan satu folder pd saat membuat layout halaman webnya.trmksh ilmunya
Kunjungi blog sy ya:https://yuliyani.mahasiswa.atmaluhur.ac.id
Kunjungi jg website kampus sy:http/:www.atmaluhur.ac.id
stlh sy membaca artikel ini untuk membuat scriptlayout menggunakan css dengan file html dan cssnya terpisah namun harus tetap dijadikan satu folder pd saat membuat layout halaman webnya.trmksh ilmunya
Kunjungi website sy ya: https://yuliyani.mahasiswa.atmaluhur.ac.id
Dan kunjungi website kmps sy: http://www.atmaluhur.ac.id
Terimakasih gan artikelnya sangat bergunaa sekaliii,mudah dipahami dan sangat bermanfaat sekali,dari cara membuat layout halaman web menggunakan css,berguna dalam proses beljar saya
terus berkarya ,ditunggu artikel lainnya
perkenalkan nama saya risa aprilia
kunjungi juga website kampus saya di link https://www.atmaluhur.ac.id/
EmoticonEmoticon