Pertemuan 1 - Pemrograman Web
Sasmita Wiropati - 5053231016 - RPL - PWEB(M) - GitHub Hosting
Selamat datang!Halaman ini merupakan blog pertama yang saya buat, dalam blog ini saya akan membahas mengenai apa saja yang terjadi dalam pertemuan pertama dalam mata kuliah pemrograman web.
Dalam pertemuan tersebut, kami para mahasiswa ditugaskan untuk membuat dan host sebuah website yang mengandung profil, cv, dan portfolio. Selain itu, kami juga membuat blog untuk mendokumentasi pada setiap pertemuan ataupun tugas.
Jika kalian ingin melihat website yang saya buat, kalian bisa mengunjunginya melalui salinan link berikut ini: Website Pribadi.
Apabila kalian membuka web tersebut, kalian akan disapa dengan menu UI berbentuk seperti ini:
Dimana bagian website terbagi menjadi 3 bagian utama: Header, Main, Footer.
Pada halaman utama, kalian akan menjumpai artikel yang bisa dikunjungi, untuk sementara ini hanya blog saya saja yang muncul. Namun, harapannya akan terus saya update apabila ada artikel yang ingin saya tambahkan.
Selain hal tersebut, Header dan Footer pada website akan tetap sama, kalian bisa berinteraksi dengan tulisan pada Header, dimana setiap teks akan mengalihkan kalian ke page yang berbeda.
Hal terkait informasi saya sendiri berada pada seksi Profile, yang bisa diklik pada bagian Header. Selain itu, CV dan Portfolio juga bisa diakses di bagian yang sama. Berikut tampilan yang akan kalian lihat setelah mengakses bagian-bagian tersebut:
- Profile
- CV
- Portfolio
Sekian dari blog saya pada pertemuan pertama kali ini. Apabila ada kritik maupun saran yang membangun jangan enggan untuk sampaikan kepada saya. Terima Kasih!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pribadi</title>
<link rel="stylesheet" href="./src/style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="./index.html">Personal Web</a></h1>
<nav id="navbar">
<ul>
<li><a href="./profile.html">Profile</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<article class="pertemuan-4">
<img src="./img/thumbnail/blog-pertemuan-4.png" alt="blog-thumbnail" width="200" height="200">
<div class="text-container">
<h2><a href="https://sasmitata.blogspot.com/2024/09/pertemuan-4-pemrograman-web.html">Blog Pertemuan 4</a></h2>
<p>Penjelan mengenai penugasan serta pembuatan <a href="./pertemuan_4/index-p4.html" target="_blank">website</a>.</p>
</div>
</article>
<article class="pertemuan-3">
<img src="./img/thumbnail/blog-pertemuan-3.png" alt="blog-thumbnail" width="200" height="200">
<div class="text-container">
<h2><a href="https://sasmitata.blogspot.com/2024/09/pertemuan-3-pemrograman-web.html">Blog Pertemuan 3</a></h2>
<p>Berisi dokumentasi mengenai pembuatan tabel pada HTML serta hasil akhir dari <a href="./pertemuan_3/index-p3.html" target="_blank">website</a> dan <a href="./pertemuan_3/latihan-eventpage.html" target="_blank">Event Page</a>.</p>
</div>
</article>
<article class="pertemuan-2">
<img src="./img/thumbnail/blog-pertemuan-2.png" alt="blog-thumbnail" width="200" height="200">
<div class="text-container">
<h2><a href="https://sasmitata.blogspot.com/2024/09/pertemuan-2-pemrograman-web.html">Blog Pertemuan 2</a></h2>
<p>Berisi dokumentasi mengenai pembuatan tabel pada HTML serta hasil akhir dari <a href="./pertemuan_2/index-p2.html" target="_blank">website</a>.</p>
</div>
</article>
<article class="pertemuan-1">
<img src="./img/thumbnail/blog-pertemuan-1.png" alt="blog-thumbnail" width="200" height="200">
<div class="text-container">
<h2><a href="https://sasmitata.blogspot.com/2024/08/pertemuan-1-pemrograman-web.html">Blog Pertemuan 1</a></h2>
<p>Membahas mengenai dokumentasi dari pertemuan pertama pemrograman web.</p>
</div>
</article>
</main>
<footer>
<p>Copyright © 2024 - All Rights Reserved</p>
</footer>
</body>
</html>
<
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pribadi - Portfolio</title>
<link rel="stylesheet" href="./src/style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="./index.html">Personal Web</a></h1>
<nav id="navbar">
<ul>
<li><a href="./profile.html">Profile</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<iframe id="portfolio_container" src="https://drive.google.com/file/d/1HQLQJPC2b_o4ihtJnvQKUw40x3AxxQsg/preview"></iframe>
</main>
<footer>
<p>Copyright © 2024 - All Rights Reserved</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pribadi - Portfolio</title>
<link rel="stylesheet" href="./src/style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="./index.html">Personal Web</a></h1>
<nav id="navbar">
<ul>
<li><a href="./profile.html">Profile</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<iframe id="portfolio_container" src="https://drive.google.com/file/d/1HQLQJPC2b_o4ihtJnvQKUw40x3AxxQsg/preview"></iframe>
</main>
<footer>
<p>Copyright © 2024 - All Rights Reserved</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pribadi - Profile</title>
<link rel="stylesheet" href="./src/style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="./index.html">Personal Web</a></h1>
<nav id="navbar">
<ul>
<li><a href="./profile.html">Profile</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<img id="photo" src="./img/profile_photo.jpeg" alt="Self portrait">
<div id="profile-text">
<p>Hello everyone!<br>
Welcome to my new website, this is my first website I've ever hosted which makes it special for me,<br>
I'm making this website as a way to train my web development skills while studying at the institute I study at.</p>
<p>But enough yapping, let's get straight to the introduction which you are seeking for:</p>
<p><b>Name: </b>Sasmita Wiropati<br>
<b>Address: </b>Jl. Marina Emas Barat 6 No.20, Keputih, Kec. Sukolilo, Surabaya, Jawa Timur 60111<br>
<b>Email: </b>tata.wiropati@gmail.com<br>
<b>LinkedIn: </b><a href="https://www.linkedin.com/in/sasmitawiropati">linkedin.com/in/sasmitawiropati</a><br>
<b>GitHub: </b><a href="https://github.com/NotMyTata">github.com/NotMyTata</a></p>
<p>If you want any more updates from me, you can go ahead and visit my blog with the link I provided beneath this text:</p>
<a href="https://sasmitata.blogspot.com/">https://sasmitata.blogspot.com/</a>
<p>Don't worry! It's a safe link! If you have any constructing feedback concerning my website, Please don't be shy and let me know through my email or my blog!</p>
</div>
</main>
<footer>
<p>Copyright © 2024 - All Rights Reserved</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pribadi - CV</title>
<link rel="stylesheet" href="./src/style.css">
<script src="script.js" defer></script>
</head>
<body>
<header>
<h1><a href="./index.html">Personal Web</a></h1>
<nav id="navbar">
<ul>
<li><a href="./profile.html">Profile</a></li>
<li><a href="./cv.html">CV</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
</ul>
</nav>
</header>
<main>
<iframe id="cv_container" src="https://drive.google.com/file/d/17lfXh1909wH9pOPOD3Q9fbIc2KLSXI9J/preview"></iframe>
</main>
<footer>
<p>Copyright © 2024 - All Rights Reserved</p>
</footer>
</body>
</html>
keren bos
ReplyDelete