Tutorial Website

Kembali lagi di website Harmoni kali ini adalah pembahasan tentang website yang kemarin kita buat yang masih dalam tahap non user friendly atau masih tahap permulaan belum terlalu tertata rapih, kali ini tinggal coppy script yang telah saya buat di bawah dan silahkan mempelajarinya, untuk referensi dapat mengunjungi website http://www.w3schools.com/html/default.asp untuk belajar lebih lanjut, ingat seorang yang berhasil adalah orang yang mau berusaha sekuat kemampuannya dan terus mengasah kemampuannya menjadi lebih hebat lagi.

<!DOCTYPE html>
<html lang="id">
<head>
    <title>SLAPPY SHOP</title>
    <style>
        body{
            background-image: url("pantai.png");
            background-repeat: no-repeat;
            width: auto;
            height: auto;
            color: #000000;

        }
        #bungkus{
            width: 900px;
            margin: 0 auto;
            border-radius: 25px;
            border: 2px solid #8AC007;
            padding: 10px;
        }
        #header{
            background-color: #84ffdb;
            width: 100%;
            margin: 0 auto;
            border-radius: 25px;
            border: 2px solid #8AC007;
        }
        #kiri{
            width: 20%;
            float: left;

        }
        #kanan{
            width: 60%;
            float: right;
            padding-top: 20px;
        }
        #navigasi{
            background-color: #dcd6d3;
            width: 100%;
        }
        li{
            display: inline;
            padding: 20px;
        }
        #home{
            text-align: center;
            href="D:\webserver\htdocs\Slappy\home.php";
        }
        #product{
            text-align: center;
            href=""        }
        #contact{
            text-align: center;
            href=
        }
        #about{
            text-align: center;
            href=
        }
        #gambar{
            width: 100%;
        }
        #content{
            width: 100%;
            padding: 10px;

        }
        #footer{
            width: 100%;
            background-color: #f2ece9;
            text-align: center;
        }
    </style>

</head>
<body>
        <div id="bungkus">
            <div id="header">
                <div id="kiri"><img src="1.png" width="180"></div>
                <div id="kanan">SLAPPY SHOP</div>
                <div style="clear: both"></div>
            </div>
            <div id="navigasi">
                <ul>
                <li id="home">HOME</li>
                <li id="product">PRODUCT</li>
                <li id="contact">CONTACT</li>
                <li id="about">ABOUT</li>
                </ul>
            </div>
            <div id="gambar"><img src="Penguins.jpg" width=100%></div>
            <div id="content">
                lapisan
                Padding membersihkan area di sekitar konten (di dalam perbatasan) dari elemen. Padding dipengaruhi oleh warna latar belakang dari elemen.
                Atas, kanan, bawah, dan padding kiri dapat diubah secara independen menggunakan properti terpisah. Properti bantalan singkatan juga dapat digunakan, untuk mengubah semua judul sekaligus.
            </div>
            <div id="footer">Copyright by Reza Aria</div>
        </div>

</body>
</html>


hasil dari scrict diatas adalah sebagai berikut:














ini merupakan website sederhana untuk pembelajaran, sebagai referensi dari latihan pembuatan website, silahkan perdalam ilmu pemograman website anda di situs yang telah saya berikan, semoga bermanfaat :)


































Komentar











Posting Komentar



















Postingan populer dari blog ini









resesi Novel tugas IDB LOVE HATE LOVE




















Gambar







  Love Hate Love   karya: Yenny Fyfy     Freya adalah wanita yang suka traveling dan dia berasal dari Batam tempat kelahirannya, Freya diundang oleh sahabatnya di acara pernikahannya di jawa, freya tidak sengaja bertemu seorang cowo bernama Darrel yang berkerja sebagai pemandu wisata gunung bromo, pertama kali bertemu mereka saling bermusuhan, mereka terpisah di bandara, setelah acara pernikahan sahabatnya Freya berencana traveling ke taman wisata gunung bromo, dan secara tidak sengaja Freya pun bertemu Darrel, Darrel mempunyai kepribadian yg baik dan sopan, dia berasal dari Jawa tempat kelahirannya, Freya jutek kepada Darrel karena kejadian di bandara masih diingat oleh Freya, lalu mereka melihat sunset dan sunrise bersama dan tumbuhlah benih-benih cinta diantara mereka, mereka pun lostcontact saat mereka sibuk dengan kerjaan mereka masing-masing, Freya mempunyai teman yang suka dengan Darrel, dan sempat diundang ke pernikahan temannya tersebut, Freya tidak datang karena Freya tidak i








Baca selengkapnya










Peluang Usaha Technopreneurship




















Gambar







  Technopreneurship  adalah proses dan pembentukan usaha baru yang melibatkan teknologi sebagai basisnya, dengan harapan bahwa penciptaan strategi dan inovasi yang tepat kelak bisa menempatkan teknologi sebagai salah satu factor untuk pengembangan ekonomi nasional. Technopreneur merupakan pengembangan dari entrepreneur dengan melibatkan bidang teknologi. Entrepeneur memiliki makna sesorang yang pandai atau berbakat dalam memperkenalkan dan memasarkan produk atau ide baru kepada konsumennya sebagai peluang usaha. Dan salah satu peluang usahanya yaitu dalam bidang teknologi atau technopreneur. Technopreneur ini berperan dalam bagaimana cara pemanfaatan teknologi untuk dijadikan sebagai peluang usaha. Contohnya berupa pengembangan ide-ide inovasi menjadi solusi teknis teruji melaui riset-riset           Untuk memulai menjadi technopreneurship yang harus dilakukan adalah mencari informasi sebanyak-banyaknya mengenai peluang usaha dalam bidang teknologi. Informasi dapat diperoleh darimana s








Baca selengkapnya










Review Jurnal Pengantar Bisnis Informatika: Perancangan Sistem Informasi Penggajian Karyawan Berbasis Objek Pada PT.Hear Indonesia





















  Judul Jurnal        : Perancangan Sistem Informasi Penggajian Karyawan Berbasis Objek Pada PT. Hear Indonesia     Penulis               : Itar Mintarsih   Instansi              : Universitas Gunadarma  Tahun Terbit       : 2015    Abstrak   Sejalan dengan perkembangan ilmu dan teknologi dewasa ini, PT. Be Hear akan membangun sistem informasi penggajian sebagai upaya untuk dapat terus berjalan dan bertahan dalam persaingan yang semakin kompetitif. Penelitian ini bertujuan untuk menghasilkan rancangan sistem penggajian untuk PT. Be Hear Indonesia. Tahapan yang dilakukan dalam penelitian ini adalah identifikasi masalah, analisis sistem dan perancangan sistem. Rancangan yang dihasilkan berupa rancangan sistem yang digambarkan menggunakan diagram UML, rancangan database dan rancangan antar muka. Diagram UML yang digunakan adalah use-case, class, sequence, collaboration, activity, component, dan deployment diagram.     Kata Kunci : Sistem Penggajian, UML (Unified Modeling Language), Rancan








Baca selengkapnya