Pengertian dan Tujuan membuat Website Gallery
Website gallery adalah sebuah situs web yang menampilkan kumpulan gambar, foto, atau karya seni visual lainnya. Tujuan utama dari website gallery adalah untuk memamerkan karya-karya tersebut kepada pengunjung, sehingga pengunjung dapat melihat, menilai, dan mengapresiasi karya-karya tersebut.
Beberapa tujuan utama dari website gallery antara lain:
1. **Pameran Karya**: Website gallery menyediakan platform untuk seniman, fotografer, atau kreator visual lainnya untuk memamerkan karya-karya mereka kepada khalayak luas. Hal ini memungkinkan para seniman untuk mendapatkan eksposur dan pengakuan atas karya mereka.
2. **Menginspirasi dan Menghibur**: Website gallery juga bertujuan untuk menginspirasi dan menghibur pengunjungnya. Melalui galeri-galeri gambar dan karya visual yang menarik, pengunjung dapat menemukan inspirasi baru, mengagumi keindahan, atau sekadar menikmati estetika visual.
3. **Pendidikan dan Informasi**: Galeri gambar juga dapat digunakan sebagai sarana pendidikan dan informasi. Misalnya, galeri foto sejarah bisa memberikan wawasan tentang peristiwa masa lalu, atau galeri seni kontemporer dapat membantu memahami tren dan gaya seni terkini.
4. **Penjualan Karya**: Bagi seniman dan kreator, website gallery bisa menjadi sarana untuk menjual karya-karya mereka. Pengunjung yang tertarik dengan suatu karya dapat membelinya secara online atau menghubungi seniman untuk informasi lebih lanjut.
5. **Menghubungkan Komunitas Seni**: Website gallery seringkali menjadi tempat untuk membangun dan menghubungkan komunitas seni. Para seniman dan penggemar seni dapat berinteraksi, berbagi ide, dan membangun jaringan di dalam platform ini.
Dengan demikian, website gallery tidak hanya berfungsi sebagai tempat untuk menampilkan karya-karya visual, tetapi juga sebagai medium yang penting dalam mempromosikan seni, memperluas wawasan, dan memperkaya pengalaman pengguna di dunia seni.
Membuat Koneksi dan Registrasi Website Gallery
downloand framework bootrap 5 terlebih dahulu java dan css dibawah ini:
kemuadian ekstrak file bootraps 5 dengan nama aset
pastikan sudah membuat relasi database gallery
<?php
// session_start();
// if(!isset($_SESSION['UserID'])){
// header("location:index.php");
// }
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Galery Foto</title>
<link rel="stylesheet" href="asset/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container">
<h2 class="navbar-brand" href="index.php">Website Galery Foto</h2>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse mt-2" id="navbarNavAltMarkup">
<div class="navbar-nav me-auto"> </div>
<a href="register.php" class="btn btn-outline-primary m-1">Daftar</a>
<a href="login.php" class="btn btn-outline-success m-1">Masuk</a>
<!-- <ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">Disabled</a>
</li>
</ul> -->
</div>
</div>
</nav>
<div class="container mt-3">
<div class="row">
<div class="col-md-3">
<div class="card">
<img src="nouser.jpg" alt="Hi Kids" class="card-img-top" title="" style="height:12rem;">
<div class="card-footer text-center">
<a href="">10 Suka</a>
<a href="">3 komentar</a>
</div>
</div>
</div>
</div>
</div>
<footer class="d-flex justify-content-center border-top mt-3 bg-light fixed-bottom">
<p>© UKK RPL 2024 | Name | SMK AL-GHIFARI</p>
</footer>
<script href="asset/js/bootstrap.min.js"></script>
</body>
</html>
Tidak ada komentar:
Posting Komentar