Sabtu, 27 Juni 2015

Website Not User Friendly

Tutorial Pembuatan Website pemula

Kali ini kita akan belajar membuat website namun website ini tidak user friendly
, untuk mencobanya silahkan di copy paste saja script yang sudah saya buat

<!DOCTYPE html>
<html lang="id">
<head>
    <title>SLAPPY Shop Online | Toko Online Terpercaya</title>
    <meta charset="UTF-8"/>
    <meta content="SLAPPY SHOP" http-equiv="copyright"/>
    <meta content="acilmedes" name="generator"/>
    <meta name="author" content="Reza Aria Wiranegara"/>

    <style>
        body{
            background-image: url("Penguins.jpg");
            width: auto;
            height: auto;

        }
        header {
            background-color: transparent;
            color:black;
            text-align:center;
            padding:5px;
            text-shadow: 4px 1px #FF0341;
        }
        nav {
            line-height:30px;
            outline-style: solid;
            background-color:#84ffdb;
            height:300px;
            width:150px;
            float:left;
            padding:5px;
            }
        section {
            background-color: whitesmoke;
            width:500px;
            height:1000px;
            float:left;
            padding:10px;
            margin-left:20px;
        }
        footer {
            background-color:black;
            color:white;
            clear:both;
            text-align:right;
            padding:5px;
            margin-bottom: auto;
        }
    div {
        background-color: lightgrey;
        width: 250px;
        padding: 25px;
        border: 25px solid navy;
        margin: 25px;
        margin-right: 50;
        float: right;

    </style>
</head>
<body>
<header>

</header>
<nav>
    Aksesoris gelang<br>
    Aksesoris Kalung<br>
    Aksesorus gelang<br>
    Sepatu<br>
    celana<br>
    baju<br>
</nav>
<div>
    <iframe allowfullscreen="allowfullscreen" width="250" height="200" ;
            src="https://www.youtube.com/watch?v=IKxwPCKviLI">
    </iframe></div>

<section>
    HELLO EVERYBODY<br>
    ayo belanja terus dan dapatkan point diskon setiap pembelian item yang di sediakan oleh SLAPPY SHOP online

</section>
</body>
<footer>
SLAPPY Shop-copyright
</footer>
</html>


website ini masih not user friendly artinya website ini hanya dibuat sebagai kerangkanya saja belom dirapihkan sebagaimana mestinya, hasil dari script diatas adalah sebagai dibawah ini:

untuk memperbaiki website yang berantakan seperti di atas kita harus belajar mengenai CSS dalam website, CSS (Cashade Style Sheet) adalah bahasa pemograman website untuk mengatur tata letak dari website, untuk website yang sudah rapih untuk pemula akan di bahas pada bahasan selanjutnya. staytuned :D
Diposting oleh di
Label:

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)