Sabtu, 11 Juni 2016

Membuat WEB Dengan Html

Posted on by Mysan mooza

0


Membuat Script Login dengan Html


<html>
<body>
<center><font size="10"color="blue"><b>Warung S3j4ever</b></font></color><br>
Alamat : Depan Bank Pasar Rembang</center><br>
<marquee bgcolor="Blue"><font color="white"> Selamat Datang Warung S3j4ever</font></marquee>
<body><p align="center">
<td><img src="ex.jpg"width="400"height="400">
<body>
<p align="center">
</body>
</html
<html>
<body>
<font size="+40">
</body><B> Selamat Datang di Warung S3j4ever<br></B>
<body background="g.jpg">
<br>
<br>

<br>

<font size="+3">
<body>
<B><font color="red"><li>Masukkan Data diri anda sebelum memesan</B>
<br>
<br>
<body>
<form name="Form1"method="Post"action="jadi1.html">
<table width="75%">
<tr>
<td width="23%"><font color="blue">Nama</td>
<td width="7%">
<div align="center">:</div></td>
<td width="70%">
<input name="Nama"type="text"id="Nama"></td>
</tr>
<tr>
<td><font color="blue">Alamat</td>
<td><div align="center">:</div></td>
<td><input name="Alamat"type="text"id="Alamat"></td>
</tr>
<tr>
<td><font color="blue">Nama Mainan</td>
<td><div align="center">:</div></td>
<td><input name="Nama Mainan"type="text"id="Nama Mainan"></td>
</tr>
<tr>
<td><font color="blue">Mainan</td>
<td><div align="center">:</div></td>
<td><input name="Mainan"type="text"id="Mainan"></td>
</tr>
<Font size="2"color="red"><I><B>NB : Isi Sesuai Dengan Keinginan Anda.<br></font></I></B>
<tr>
<td colspan="3"><div align="center">
<input type="submit" name="Login" value="Login">
<input type="reset" name="reset" value="Reset">
</div></td>
</tr>
</table>
</form>
<Font size="4"color="red"><I><B>Sebelum Memesan anda Bisa Melihat Macam - Macam Mainan, Dengan Masuk LINK Di Bawah Ini.<br></font></I></B>
<a href="https://www.facebook.com/santi.imuet.39"><img src="fb.png" height="50px" width="50px"></a>
        <a href="https://twitter.com/rosantiekapujiw"><img src="tw.jpeg" height="50px" width="50px"></a>
<br>
<br>
<br>
<Font size="4"><center>Selain dengan cara diatas, anda juga bisa memesan melalui Contact Person Kami: <br>
Rosanti : 085786967141
<br> Anda Juga Bisa memesan secara online di halaman awal (bagian bawah).<a href="jadi1.html"><font size="4">Halaman Awal</A> </font></center>
</body>
</html>


Terimakasih

Membuat WEB Design

Posted on by Mysan mooza

0


Membuat Daftar 

<html>
<body>
<center><font size="10"color="blue"><b>Warung S3j4ever ( Jagonyanya Permainan Indonesia)</b></font></color><br>
Alamat : Depan Bank Pasar Rembang</center><br>
<marquee bgcolor="Blue"><font color="white"> Selamat Datang Warung S3j4ever</font></marquee>
<body><p align="center">
<body bgcolor="Grey">
<font size="5">Di warung ini menyediakan berbagai Mainan Anak dan Juga Beberapa Jenis Petasan. berikut daftarnya.</font>
<table border="40"<align"valign="center">
<center>
</caption>
<hr size="10" color="red">
<font size"16"><a href="myhome.html">Order Disini</a></font>
<tr align="center">
<td>No</td>
<td>Nama Mainan</td>
<td>Gambar</td>
<td>Harga </td>
</tr>
<tr align="center">
<td>1</td>
<td>Robot Transformer</td>
<td><img src="robot4.jpg"></td>
<td>Rp.125.000</td>
</tr>
<tr align="center">
<td>2</td>
<td>Robot Transformer</td>
<td><img src="robot5.jpg"></td>
<td>Rp.30.000</td>
</tr>
<tr align="center">
<td>1</td>
<td>Robot Transformer</td>
<td><img src="robot6.jpg"></td>
<td>Rp.45.000</td>
</tr>
<tr align="center">
<td>1</td>
<td>Robot Transformer</td>
<td><img src="robot7.jpg"></td>
<td>Rp.50.000</td>
</tr>
<tr align="center">
<td>1</td>
<td>Robot Transformer</td>
<td><img src="robot8.jpg"></td>
<td>Rp.35.000</td>
</tr>
<tr align="center">
<td>1</td>
<td>Robot Transformer</td>
<td><img src="robot1.jpg"></td>
<td>Rp.40.000</td>
</tr>
</table>
<font size"4"><a href="jadi1.html">Kembali</a></font>
</body>
</html>

Terimakasih

Membuat Web Design

Posted on by Mysan mooza

0


Mencoba membuat web
Inilah salah satu kegiatan saya saat mengerjakan tugas html

<!DOCTYPE html>
<html>
<head>
    <title>website</title>
    <body background="fd.jpg">
    <link type="text/css" href="style.css" rel="stylesheet">
</head>
<body>
    <div align="center" class="position">
    <div id="wrapper">
        <div id="header">
            <img src="tm.jpeg" height="150px" width="150px">
            <h1>Warung S3j4ever ( Jagonyanya Permainan Indonesia)</h1>
        </div>
    <div id="navbar">
         <ul class="float">
             <li><a href="jadi1.html">MENU</a></li>
             <li><a href="web.html">DISKRIPTION</a></li>
             <li><a href="logiin.html"></a></li>
             <li><a href="#"></a></li
        </ul>
    </div>
    <div id="content">
        <h1>Permainan S3J4ever</h1>
        <img src="welcome.jpg" height="300px" width="600px">
        <p>Sebuah toko Mainan yang terletak di kota Rembang didekat Pasar kota Rembang , Letaknya persis di depan Bank Pasar Rembang, Kini banyak mainan yang terdapat di warung kecil itu, ketika ada musim beberapa petasan /Kembang Apipun juga ada di deretan jualan toko maian itu. Pedagangya sangatah ramah, dan takmungkin kalian menyesal telah menggunjungi toko tersebut , karena pelayanannya dan harganya yang cukup terjangkau..</p>
    </div>
    <div id="sidebar">
        <a href="daftar2.html">Mainan Robot Transformers</a><br>
<img src="robot7.jpg" height="180px" width="160px"><br><hr>
     
        <a href="daftar7.html">Macam Barbie</a><br>
        <img src="barbie1.jpeg" height="150px" width="150px"><hr>
     
        <a href="daftar1.html">Macam mainan pakai baterai</a><br>
        <img src="batrai1.jpeg" height="150px" width="150px"><hr>
     
        <a href="daftar6.html">Mainan bermotor</a><br>
        <img src="mobil5.jpeg" height="150px" width="180px"><br>

    </div>
    <div id="footer">
        <a href="https://www.facebook.com/santi.imuet.39"><img src="fb.png" height="50px" width="50px"></a>
        <a href="https://twitter.com/rosantiekapujiw"><img src="tw.jpeg" height="50px" width="50px"></a>
    <p> Design & created by Rosanti Eka Pujiwati</p>
    </div>
<link type="text/css" herf="style.css" rel ="stylesheet">
</div>
</div>
</body>
</html>

Save script di atas, dengan ekstemtion .html

 Lalu

<link type="text/css" herf="style.css" rel ="stylesheet">
body{
    text-align:left;
    background:url(images/back.jpeg);
}
.position{
    padding:20px;
    position:absolute;
    margin-right:auto;
    margin-left:auto;
    left:0px;
    right:0px;
    width:1000px;
}
#wrapper{
    width:100%;
    height:1200px;
    margin: 0px auto;
}
#header{
    width:100%;
    height:175px;
    background:url(images/111.jpg);
    background-size:100% 100%;
    background-repeat:no-repeat;
    text-align:left;
    border-radius:20px;
}
#header img{
    margin: 10px;
    float:left;
}
#header h1{
    padding:30px;
}
#navbar{
    width:100%;
    height:50px;
    border:1px solid black;
    background-color:black;
    border-radius:20px;
}
.float li
{
float: left;
list-style: none;
margin-left:40px;
}
.float li a
{
color:#fff;
text-decoration: none;
font-variant: small-caps;
padding:12px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}

.float a:hover
{
text-decoration: none;
background:#fff;
color: #000;
}
#content{
    float:right;
    width:70%;
    height:800px;
    background-color:lightblue;
    border-top-right-radius: 20px;
}
#content p{
    text-align:left;
    font-family:times new roman;
    font-size:25px;
    padding:15px;
}
#sidebar{
    float:left;
    width:30%;
    height:800px;
    background-color:silver;
    border-top-left-radius:20px;
}
#footer{
    clear:both;
    width:100%;
    height:150px;
    background:url(images/foot.jpg);
    background-size:100% 100%;
    background-repeat: no-repeat;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#footer img{
    float:left;
    padding:3px;
}
#footer p{
    float:left;
    color:white;
}


Simpan juga script di atas dengan ekstention .css


Selamat mencoba

Terima kasih.


Langganan: Postingan (Atom)