Download
aplikasi geany pada web browser
2. Lalu
ekstrak filenya pada terminal dengan perintah tar -xzf geany-1.27.tar.gz
3. Lalu
hasil ekstrak tersebut menjadi folder yang bernama geany-1.27
4. Setelah
terekstrak filenya, masuklah pada terminal
5. Lalu
bukalah folder dimana aplikasi geany tersebut disimpan, dengan perintah cd geany
6. Install
aplikasi geany tersebut dengan perintah #sudo
apt-get install geany
7. Lalu
carilah pada menu dan jalankan aplikasi tersebut
8.
Maka aplikasi siap digunakan
Cara Membuat Web SMKN 3
Buduran
1. Bukalah
aplikasi geany tersebut
2. Tampilan
awalnya adalah seperti ini
3. Lalu
tulis script awal nya, yaitu untuk bagian home
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu-content">
<div
id="menu">
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img
src="images/maxresdefault.jpg" class="img"/>
<br>
Selamat
datang...<br>
Kali
ini saya akan membahas tentang SMKN 3 BUDURAN.
Langsung
saja klik profil, untuk lebih jelasnya.<br>
Dan
banyak jurusan disini, silahkan dicari..<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
4. Simpan
dengan nama file home.html
5. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
6. Lalu
klik new untuk membuat script baru
7. Tulis
script selanjutnya yaitu untuk untuk isi ekstra ECC
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a href="smkn.html">SMKN
3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu-content">
<div
id="menu">
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/LOL.jpg"
class="img"/>
<br>
ECC adalah
salah satu ekstrakulikuler di SMKN 3 BUDURAN, ekstra ini seperti pelajaran
bahasa Inggris tambahan.<br>
Pada ekstra
ini, bahasa Inggris kalian akan dilatih. Sehingga lumayan juga, dari pada les
diluar yang bayar.<br>
Ekstra ini
dilaksanakan pada hari selasa dan kamis, setiap pulang sekolah.<br>
LETS'S JOIN
WITH US ...<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
8. Lalu
simpan dengan nama ECC.html
9. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
10. Lalu
klik new untuk membuat script baru
11. Tulis script ini yaitu untuk isi ekstra futsal
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu-content">
<div
id="menu">
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/Mayflower.jpg"
class="img"/>
<br>
Futsal
merupakan senuah olahraga sepok bala kecil. Ekstra ini banyak diminati oleh
laki-laki.<br>
Ekstra ini
dilaksanakan pada hari kamis dan jumat, sepulang sekolah.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
12. Lalu
simpan dengan nama futsal.html
13. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
14. Lalu
klik new untuk membuat script baru
15. Tulis script ini yaitu untuk isi GRBK
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu-content">
<div
id="menu">
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/D.gif"
class="img"/>
<br>
GRBK
merupakan singkatan dari Gambar Rancang Bangun Kapal. Pada jurusan
ini,<br>
kita
akan mempelajari tentang cara menggambar rancangan kapal. Pada jurusan
ini,<br>
kalian
harus memiliki banyak ide kreatif untuk membuat suatu gambaran.<br>
Ruang
prakteknya juga sangat nyaman. Dengan beberapa buah AC di dalamnya.<br>
Sehingga,
kita akan nyaman saat melakukan praktek.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
16. Lalu
simpan dengan nama GRBK.html
17. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
18. Lalu
klik new untuk membuat script baru
19. Tulis
script ini yaitu untuk isi guru
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img
src="images/26441_106071292752065_100000475845779_158043_2768609_n.jpg"
class="img"/>
<br>
Guru di SMKN 3
BUDURAN adalah guru-guru pilihan yang kinerjanya berkualitas dan
profesional,<br>
sehingga
menciptakan murid-murid yang berkualitas pula. Guru disini ada sekitar 120
orang.<br>
Dengan berbagai
maca mata pelajaran yang diajarkan. Guru disini terkenal dengan ketegasannya
daalm mengajar<br>
Sehingga
murid-murid juga patuh dan hormat kepada beliau.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
20. Lalu
simpan dengan nama guru.html
21. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
22. Lalu
klik new untuk membuat script baru
23. Tulis
script ini yaitu untuk isi ekstra padus
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu-content">
<div
id="menu">
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/tenma_gif.gif"
class="img"/>
<br>
Paduan Suara
atau yang biasa disebut Padus, merupakan ekstrakulikuler di SMKN 3 BUDURAN
yang melatih vokal,<br>
terutama lagu
Nasional. Ekstra ini dilaksanakan pada hari rabu dan kamis. <br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
24. Lalu
simpan dengan nama padus.html
25. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
26. Lalu
klik new untuk membuat script baru
27. Tulis
script ini yaitu untuk isi ekstra paskib
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/a.gif"
class="img"/>
<br>
Paskibraka
atau yang biasa disebut dengan istilah paskib, SMKN 3 BUDURAN juga memilikinya.<br>
Paskib disini
sangat burmutu dan bagus. Sehingga sering menjadi juara pada setiap
lomba,<br>
baik di
kecamatan ataupun kabupaten. Untuk menjadi bagian dari anggota
paskib,<br>
kalian harus
mengikuti diklat selama 9 bulan. Dengan diklat ini cara baris-berbaris
kalian<br>
dilatih agar
menjadi lebih baik dari sebelumnya.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
28. Lalu
simpan dengan nama paskib.html
29. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
30. Lalu
klik new untuk membuat script baru
31. Tulis
script ini yaitu untuk isi ekstra pds
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/Wallpaper.jpg"
class="img"/>
<br>
Penegak
Disiplin Sekolah merupakan salah satu organisasi di SMKN 3 BUDURAN<br>
yang bergerak
dalam bidang kedisiplinan siswa. Organisasi ini memiliki Motto SATYA BAKTI
GUNA JAYA,<br>
yang akan
kalian mengerti saat menjadi anggota PDS. Tugas utama dari PDS yaitu
mendisiplinkan siswa.<br>
Denagn cara
jaga gerbang setiap pagi dan siang, melakukan razia, dan pemeriksaan
pelanggaran.<br>
Untuk menjadi
anggota PDS, kalan harus mengikuti diklat kurang lebih 5 bulan. Saat diklat
inilah<br>
fisik, mental,
dan pola pikir kalian dibentuk menjadi yang lebih baik.<br><br>
Buanglah rasa
malu, takut, atau minder. Dunia industri saat ini menuntut tenaga kerja yang
dapat<br>
bersifat
profesional, disiplin, dan betanggung jawab.<br>
Nahh... Dengan
bergabung dengan organisasi PDS, kalian bisa melatih sikap dan perilaku yang
dibutuhkan<br>
untuk menambah
kualitas diri kalian.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
32. Lalu
simpan dengan nama pds.html
33. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
34. Lalu
klik new untuk membuat script baru
35. Tulis
script ini yaitu untuk isi ekstra pramuka
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/1.gif"
class="img"/>
<br>
Pramuka adalah
kependekan dari praja muda karana,<br>
yang memiliki
arti rakyat muda suka berkarya. Sehingga menjadikan generasi penerus
bangsa<br>
yang kreatif
dan inovatif. Disini, kalian akan dilatih fisik serta pola pikir.<br>
Sehingga
kalian akan menjadi manusia yang dapat menciptakan hal-hal baru yang
sebelumnya belum ada.<br>
Ambalan disini
bernamakan DEWA RUCI DEWI KUNTHI. Nama tersebut diambil dari sebuah nama
kapal perang<br>
yang pernah
ada di Indonesia.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
36. Lalu
simpan dengan nama pamuka.html
37. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
38. Lalu
klik new untuk membuat script baru
39. Tulis
script ini yaitu untuk isi smkn
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/Wallpaper
1.jpg" class="img"/>
<br>
SMKN 3 BUDURAN
merupakan sekolah idaman bagi siswa SMK. sekolah ini terletak<br>
di jalan
jenggolo nomor 1c buduran sidoarjo. yang memiliki lebih dari 100 orang
guru<br>
dan memiliki
area yang sangat luas. Sekolah ini memiliki VISI yaitu, terbentuknya sumber
daya manusia<br>
yang kompeten
sesuai standart kompetensi nasional dan internasional, serta peduli<br>
dan berbudaya
lingkungan. MOTTO sekolah ini yaitu "CARAKA" yang memiliki
kepanjangan<br>
Cekatan,
Aktif, Realistis, Adaptif, Konstruktif, Antisipatif.<br><br>
Jurusan di
SMKN 3 BUDURAN ada 10 jurusan yaitu:<br>
1. TKJ = Teknik Komputer Jaringan<br>
2. KK = Kelistrikan Kapal<br>
3. IPK = Instalasi Permesinan Kapal<br>
4. TPM = Teknik PeMesinan<br>
5. KKB = Konstruksi Kapal Baja<br>
6. TKR = Teknik Kendaraan Ringan<br>
7. TPK = Teknologi Pengelasan Kapal<br>
8. GRBK =
Gamabr Rancang Bangun Kapal<br>
9. TPTU =
Teknik Pendingin dan Tata Udara<br>
10. IK = Interior Kapal<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
40. Lalu
simpan dengan nama smkn.html
41. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
42. Lalu
klik new untuk membuat script baru
43. Tulis
script ini yaitu untuk isi TKJ
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div id="menu></div><!--
End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/buku.gif"
class="img"/>
<br>
Teknik
Komputer Jaringan atau yang biasa disebut dengan TKJ,<br>
merupakan
sebuah jurusan yang bergerak<br>
dalam bidang
ilmu komputer dan jaringan. Sehingga menciptaka generasi<br>
yang menguasai
akan ilmu komputer dan seluk beluk di dalamnya.<br>
Jurusan ini
sangat menyenangkan karena ruang prakteknya ber-AC dan menggunakan
karpet.<br>
Sehingga,
sangat nyaman ketika praktek. Namun Anda harus benar-benar serius,<br>
karena jika
tidak, maka Anda akan tertinggal dengan teman Anda<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
44. Lalu
simpan dengan nama TKJ.html
45. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
46. Lalu
klik new untuk membuat script baru
47. Tulis
script ini yaitu untuk isi TKR
<html>
<head>
<title>Amel
Web</title>
<link
rel="stylesheet" type="text/css"
href="style/style.css"/>
</head>
<body>
<div id="header">
<h2><a href="Web
Design.html">RIZKY AMALIYAH web</a></h2>
<p>Welcome in my web</p>
</div>
<div
id="dropdown">
<div
id="menu-dropdown">
<ul>
<li><a
href="home.html">Home</a>
<ul>
</ul>
</li>
<li><a
href="#">profil</a>
<ul>
<li><a
href="smkn.html">SMKN 3 BUDURAN</a></li>
<li><a
href="guru.html">Guru</a></li>
</ul>
</li>
<li><a
href="#">jurusan</a>
<ul>
<li><a
href="TKJ.html">TKJ</a></li>
<li><a
href="TKR.html">TKR</a></li>
<li><a
href="GRBK.html">GRBK</a></li>
</ul>
</li>
<li><a
href="#">Organisasi</a>
<ul>
<li><a
href="pds.html">PDS</a></li>
<li><a
href="paskib.html">Paskibraka</a></li>
<li><a
href="pramuka.html">Pramuka</a></li>
</ul>
</li>
<li><a
href="#">Ekstrakulikuler</a>
<ul>
<li><a
href="ECC.html">ECC</a></li>
<li><a
href="padus.html">Paduan Suara</a></li>
<li><a
href="Futsal.html">Futsal</a></li>
</ul>
</li>
</ul>
</div>
<div
id="menu></div><!-- End menu -->
<div id="content">
<div
id="content">
<h1 class="judul_2">SMKN 3
BUDURAN</h1>
<img src="images/54013.jpg"
class="img"/>
<br>
TKR adalah
kepanjangan dari Teknik Kendaraan Ringan, atau yang iasa disebut dengan
otomotif.<br>
Dalam jurusan
ini, kita akan mempelajari tentang mesin-mesin sepeda motor dan
mobil.<br>
Kita juga
dapat membongkar pasang mesin-mesin itu. Bengkel untuk tempat prakteknya juga
bersih.<br>
Sehingga akan
nyaman jika digunakan praktek. Biasanya baju prakteknya berwarna hitam dan
merah.<br>
</div>
</div><!--
End Content --><br>
<br class="floating" />
</div><!-- End menu-content -->
<div id="footer">
<div
id="footer">
</div>
</div><!--
End Footer -->
</div><!-- End site container
-->
</body>
</html>
|
48. Lalu
simpan dengan nama TKR.html
49. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
50. Lalu
klik new untuk membuat script baru
51. Tulis
script ini yaitu untuk isi style
*{
padding:0px;
margin:0px;
}
#site-container{
width:960px;
height:970px;
margin:20px auto;
border:1px solid #000;
padding-top:5px;
padding-bottom:5px;
}
#header{
width:950px;
height:280px;
margin:0px auto;
border:0px solid #000;
}
#footer{
width:950px;
height:70px;
margin:5px auto;
border:0px solid #000;
}
.floating{
clear:both;
height:0px;
line-height:0px;
}
#header{
width:950px;
height:280px;
background:url(../images/54007.JPG);
margin:5px auto;
}
#header a{
font:28pt 'Algerian';
text-decoration:none;
color:#CC3300;
}
#header p{
font:20pt 'Forte';
color:#CC9900;
}
#header{
width:900px;
height:130px;
background:url(../images/powerpoint-templates-brown.jpg);
margin:5px auto;
padding-top:auto;
padding-left:50px;
}
.judul_1{
display:block;
height:40px;
background:#CCCC66;
font:23pt "Script MT Bold";
color:#CC3300;
text-align:center;
border:1px solid red;
}
#menu ul{
list-style:none;
}
#menu li a{
display:block;
height:30px;
background:#CCCC66;
font:17pt "Script MT Bold";
color:#000;
text-decoration:none;
border-bottom:1px solid red;
border-left:1px
solid red;
border-right:1px solid red;
padding-left:20px;
}
#menu li
a:hover{
background:#CC9900;
color:#CC3300;
}
#content{
width:920px;
height:auto;
/*border:1px solid #000;*/
float:right;
background:#CCCC66;
padding:15px;
text-align:left;
}
.judul_2{
display:block;
border-bottom:2px solid #000;
font:27pt "Script MT Bold";
text-align:center;
color:#CC3300;
padding-bottom:10px;
}
.img{
width:200px;
height:230px;
border:6px solid #fff;
margin-top:20px;
margin-right:20px;
float:left;
}
#content p{
margin-top:5px;
font:15pt "times new roman";
}
body{
background:url(../images/53003.jpg);
font:15pt "times new roman";
}
#site-container{
width:960px;
height:auto;
margin:20px auto;
background:url(../images/Desert.jpg);
padding-top:5px;
padding-bottom:5px;
}
#PARA1 {
font-family:algerian;
font-size:30px;
}
#dropdown{
width:950px;
height:40px;
margin:5px auto;
border:0px solid #000;
margin-top:auto;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
background:#CCCC66;
text-align:center;
padding-top:5px;
font-weight:bold;
color:#CC3300;
}
#menu-dropdown
ul{
list-style:none;
}
#menu-dropdown
li{
float:left;
}
#menu-dropdown
ul ul{
visibility:hidden;
width:150px;
display:none;
position:absolute;
}
#menu-dropdown ul li:hover ul,
#menu-dropdown ul a:hover ul{
visibility:visible;
background-color:#CC9900;
display:block;
}
#menu-dropdown
li a {
height: 30px;
width: 190px;
display:
block;
color: #black;
border:1px
solid ##;
background-color:#CCCC66;
text-decoration:
none;
text-align:
center;
padding-top:5px;
}
#menu-dropdown
li a:hover{
background:#CC9900;
color:#CC3300;
}
|
52. Lalu
simpan dengan nama style.css
53. Tentukan
lokasi dimana file itu akan disimpan yaitu pada folder (33) Rizky Amaliyah
54. Lalu
buatlah folder baru di dalam folder (33) Rizky Amaliyah, yatu dengan nama images
55. Pada
folder images tersebut, isilah gambar
untuk web nya
56. Lalu
bukalah halaman pertama web yang bernama home.html tersebut menggunakan web
browser
Dan
hasilnya adalah seperti ini
Dan
ada menu drop down nya
Tidak ada komentar:
Write komentar