Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan

Membuat Website Sederhana II (PROWEB)

►
Contoh script untuk membuat  website :

<html>
<head>
<title>IRHAS</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<h1>Real Madrid</h1>
<div class="navbar"><!--Untuk Navbar menu-->
  <div class="navbar-inner">
    <a class="brand" href="#"></a>
    <ul class="nav">
      <li><a href="http://realmadrid.com">Home</a></li>
     
    </ul>
  </div>
</div><!--End navbar-->

<div class="container"><!--body container-->
<div class="row-fluid">
<div class="hero-unit">

  <p>
    <a class="btn btn-primary btn-large">

    </a>
  </p>
</div>
</div>

<div class="row-fluid">
<div class="span8">
<img src="Rmm.gif">
</div>

<div class="span4">
<h3>Kunjungi :</h3>
<ul>
<li><a href="http://ranggakala.blogspot.com">Blog Ku</li>
<li><a href="http://twitter.com/ir_h4z">Follow Me</li>
<li><a href="http://www.facebook.com">Facebook</li>
</ul>
</div>
</div>

<hr>
<div class="row-fluid">
 <div class="buatfooter">

                  &copy; <a href="#">IRHAS 12018052</a>
          
</div>
</div>

</div><!--end container-->
</body>
</html>


Contoh tampilannya seperti gambar berikut :



Selamat mencoba !

Terima kasih :)
0 Comments
Tag :

MEMBUAT WEB SEDERHANA (PROWEB)

►

1.Membuat web sederhana dengan layout table :


<html>
<head>
<title>IRHAS</title>
</head>
<body>
<table border="5"align="center" cellspacing="3">
               
                <tr>
               
                    <td style="background-color:red"colspan="2"><center> <li><a href="file:///C:/Users/user/Documents/HTML/web.html"> BERANDA </a></li></center> </td>
                   
                    <td style="background-color:red"colspan="4"> <center> Kunjungi :</center> </td>
                </tr>
               
                <tr>
                   
                    <td style="background-color:red"colspan="2" width="500" height="220"><center>isi............<center></td>
                   
                    <td style="background-color:red"colspan="4" width="150" height="110">
                   
                    <ul>
                        <li><a href="http://twitter.com/ir_h4z/"> Follow Me </a></li>
                        <li><a href="http://www.google.com/"> Google Search </a></li>
                        <li><a href="http://www.yahoo.com/"> Yahoo search </a></li>
                        <li><a href="http://www.uad.ac.id/"> Web UAD </a></li>
                       
                    </ul>
                   
                    </td>

                </tr>
               
                <tr>
                    <td style="background-color:red"colspan="2"><center><li><a href="http://ranggakala.blogspot.com/"> Ke blog saya </a></li><center></td>
                    <td style="background-color:red"colspan="5"><center><li><a href="http://www.realmadrid.com/cs/Satellite/en/Prehome_ES2.htm"> Real Madrid </a><center></td>
               
                </tr>
               
</table>
</body>
</html>









Dengan hasil tampilan seperti gambar berikut :






2.Membuat website sederhana dengan layout frame :



<html>
<head>
<title>IRHAS WEB</title>
</head>
 
<body>

<table border="7" align="center" cellspacing="5" width="600">
    <tr>
        <td style="background-color:red;"colspan="3">
        <h1><center> I R H A Z </center></h1>
        <li><center><a href="file:///C:/Users/user/Documents/HTML/asdas.html">HOME</center></li>
        </td>
    </tr>
    <tr>
        <td style="background-color:red" align="left" width="100" height="60">
   
        <ul>
 
            <li><a href="http://www.google.com/"> Google </a></li>
            <li><a href="http://www.yahoo.com/"> Yahoo</a></li>
            <li><a href="http://uad.ac.id">UAD</a></li>
   
        </ul>
       
        </td>
        <td>
        <table border="6" >
        <tr>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>1</center></td>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>2</center></td>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>3</center></td>
        </tr>
        <tr>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>4</center></td>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>5</center></td>
            <td style="background-color:red"co1span="2" width="500" height="110"><center>6</center></td>
        </tr>
        </table>
            </td>
       
            <td style="background-color:red"width="100" height="60">
            <li><a href="http://ranggakala.blogspot.com/">My blog</a></li>
            <li><a href="http://twitter.com/ir_h4z/">Follow me</a></li>
            <li><a href="http://realmadrid.com/">Real madrid</a></li>

            </td>
        </tr>
       
        <tr>

            <td style="background-color:red;"colspan="3" >
            <h3><center>Thank You</center></h3>
            </td>

    </tr>
</table>
</body>
</html>



Dengan hasil tampilan seperti gambar berikut :






Terima kasih :)
0 Comments
Tag :

Refleksi minggu kedua(alpro)

►
Pada minggu kedua mata kuliah alpro membahas materi sekuen.
Dalam hal ini kita diharuskan memahami setiap masalah (kasus) yang  ingin kita selesaikan, karena bila kita salah memahami suatu masalah (kasus) tersebut maka hasilnya akan tidak sesuai dengan yang kita inginkan.
0 Comments
Tag :

Popular Post

- Copyright © Irhaz Share -Irhaz Matru- Powered by Blogger - Design by Irhaz Rangga Kala -