1. Coding Hal_Utama.jsp
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PacuranTirtaMulia.Com</title>
<link rel="stylesheet" type="text/css" href="Config/Style1.css" media="screen" />
</head>
<body>
<div class="container">
<div class="header">
<h1 class="judul">Belajar Java Netbeans</h1>
<p>JL. Jomin No 27, Desa Jonin Timur Kec. Kota Baru Kab. Karawang<br>
Telp. (0264) 8387307</p>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="hero"><img src="Image/wisuda.jpg"></div>
<div class="content">
<h2>Judul Artikel</h2>
<p class="penulis">ditulis oleh <a href="#">Tohir Abdullah</a>. Pada 20
Desember 2019.</p>
<p>JSP (Java Server Page) <br>
JSP ialah teknologi yang mengontrol isi atau tampilan halaman web melalui
penggunaan Servlet, program kecil yang dijalankan di server web. JSP merupakan perluasan dari
Servlet yang memiliki beberapa keunggulan, yang pertama adalah kode yang ditulis dengan jsp
relatif lebih singkat, yang kedua proses deployment lebih mudah. Tujuan penggunaan JSP
adalah untuk menyederhanakan penulisan Servlet. Pada prosesnya, sebelum dijalankan oleh
server JSP akan dikompilasi terlebih dahulu menjadi Servlet dan selanjutnya diperlakukan
sama sebagaimana Servlet.</p>
<p>Servlet <br>
Servlet ialah merupakan sebuah class yang digunakan untuk menerima request dan memberikan
response melalui protokol HTTP. Servlet dapat dipandang sebagai class yang bisa digunakan
untuk menulis response dalam format HTML. Penulisan Servlet layaknya penulisan sebuah
class didalam pemrograman Java dan disimpan sebagai file *.java.</p>
<P>Cara Kerja Servlet<br>
Servlet bekerja melayani request dari client, yaitu melalui web browser. Untuk dapat
melayani client, Servlet terlebih dahulu harus di deploy didalam web application server, yang
menyediakan kemampuan sebagai Servlet container.<br>
Client memanggil Servlet dengan mengirimkan HTTP request ke web application server.
HTTP request ini dapat ditransfer dengan metode GET, POST, atau lainnya. Method GET
terjadi ketika user membuka sebuah URL seperti melihat data rinci sebuah entitas. Method
POST dapat digunakan saat user mensubmit sebuah form.</P>
<p>Keterangan : <br>
Web ini hanya latihan, bertujuan untuk mengasah kemampuan soft skill Mahasiswa dalam
mengimplemetasikan coding (Java_Netbeans) pada Matakuliah Pemograman Akuntansi 1. Disamping itu
memenuhi sebagai tugas kelompok 8 kelas 11.3B.15 Prodi : Sistem Informasi Akuntansi,
Fakultas : Teknolgi Infromasi, Universitas Bina Sarana Informatika. </p>
<div class="isi"> <p><ul>Adapun Daftar Mahasiswa pada kelompok PA1 adalah sebagai berikut : </ul>
<ul>1. Tohir Abdullah (11181018)</ul><ul>2. Enang Sulaeman (11180548)</ul>
<ul>3. Inri Wulan (11180517)</ul><ul>4. Rina Ramdania (11180461)</ul>
<ul>5. Dwi Hidayah Kusumah (11180268)</ul> </p>
</div>
</div>
<div class="footer">
<p class="copy">Copyright 2019.
tohira11181018@bsi.co.id</p>
</div>
</div>
</body>
</html>
2. CSS
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4,h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/*HTML display-role reset for older browsers*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
display: block;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : Dec 31, 2019, 2:21:07 PM
Author : ASUS
*/
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before,q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Style */
body {
font: 16px/26px arial, sans-serif;
background-color: burlywood;
color: #333;
}
.container {
width: 800px;
margin: auto;
background-color: white;
}
.header {
padding: 20px;
}
.header .judul {
font-size: 30px;
color: brown;
font-variant-position: sub;
font-weight: bold;
text-align: center;
}
.header p {
font-size: 15px;
color: olive;
font-weight: bold;
text-align: center;
padding-top: 18px;
}
.header ul li {
display: inline-block;
margin-top: 20px;
margin-right: 10px;
text-align: center;
}
.header a{
text-decoration: none;
color: goldenrod;
padding: 3px;
}
.header a:hover {
background-color: lawngreen;
color: white;
}
.hero img {
height: 536px;
background-image: url('Image/wisuda.jpg');
background-size: cover;
background-position: 0 0;
border-top: 5px solid lightsalmon;
border-bottom: 5px solid lightskyblue;
}
.content {
padding: 20px;
}
.content h2 {
font-size: 20px;
font-weight: bold;
color: brown;
}
.content .penulis {
font-size: 11px;
margin-top: -5px;
}
.content a {
color: sandybrown;
text-decoration: none;
}
.content p {
margin-top: 15px;
font-size: 14px;
}
.isi {
margin-top: 15px;
font-size: 14px;
color: orangered;
}
.footer {
background-color: pink;
padding: 8px;
}
.footer .copy {
color: blue;
text-align: center;
font-size: 12px;
}
