Rancangan Membuat Artikel Perpustakaan ( PART 5.A )

Ok Lanjut ya Manteman untuk membuat web perpustakaan nya . Nah kalo ada yang ujuk-ujuk datang kesini pasti bingung awalnya mana . nih saya kasih linknya dech buat kalian

LINK 1 : Perpustakaan Coding Index.php
LINK 2 : Perpustakaan Coding Login.php
LINK 3 : Perpustakaan Coding Home.php
LINK 4 : Perpustakaan Coding Daftar_buku.php


 Sekarang kita membuat artikelnya dengan tampilan seperti diatas .


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/Style.css">
<title>Perpustakaan Online Milenial</title>
</head>
<body>
   
<div id="container">
<div class="header"><img src="Perpustakaan.jpg" width="1100" height="150"></div>

<div class="main">
<div class="left">
<h3 align="center">MENU</h3>
<ul>
<li><a href="http://localhost:8080/Tugas_web_perpustakaan/index.php">Logout</a></li>
<li><a href="http://localhost:8080/Tugas_web_perpustakaan/home.php">Home</a></li>
<li><a href="#">Daftar Buku</a></li>
</ul>

<br>

<h3 align="center">BUKU TERPOPULER</h3>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="http://localhost:8080/Tugas_web_perpustakaan/Pemrograman.php">Pemrograman</a></li>
<li><a href="http://localhost:8080/Tugas_web_perpustakaan/database.php">Database</a></li>
</ul>
</div>
</div>
<div class="middle">
      <h3 align="center"> WEB DESIGN </h3>
<h3 align="left"> Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website—sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis. </h3>
</div>
</div>
</div>
<div class="footer"><p align="center">Copyright © 2019 - R4YK3RFLY</a></p>
</div>
</body>
</html>


Oke Sudah ya, artikel sudah dibuat cuman hanya webdesign saja, untuk selanjutnya kita buat pemogramaan linknya sebagai berikut :

https://r4yk3rfly.blogspot.com/2019/05/cara-buat-website-perpustakaan-tampilan.html

Peringatan Jika anda belum seperti tampilan gambar diatas ketahuilah anda belum buat CSSnya nanti ada diketerangan akhir atau bisa langsung klik link dibawah ini .

No comments:

Post a Comment

Pages