Kamis, 02 Mei 2013

Membuat Web Sederhana

Membuat Web Sederhana

pada blog saya kali ini, saya akan membahas cara membuat website.
dalam membuat website kita dapat memilih satu dari beberapa bahasa pemprograman untuk membuat website,
seperti HTML, PHP, AJAX, JQUERY dll. disini saya akan membuat website dengan HTML dengan Notepad++.
HTML atau Hyper Text Markup Language adalah sebuah file resmi yang dapat dibuat dengan editor teks sembarang. Dimana dokumen tersebut berekstensi “.html”. HTML merupakan bahasa standard yang digunakan untuk membuat website, dengan HTML kita dapat melakukan banyak hal, antara lain :
- Mendesain tampilan website dengan isinya.
- Membuat form interaktif untuk formulir pendaftaran,belanja online, dan lain – lain.
- Menambahkan gambar, suara maupun video ke dalam tampilan website.
berikut kode HTML untuk tampilan awal "Home"
<html>
<head>
<title>Profil sederhana</title>
</head>
<body background="S.jpg">
                <font size=5 face=comic color=black > <marquee behavior=scroll direction=right loop=15>SELAMAT DATANG DI WEB KAMI </marquee> </font>
                <font size=45 face=Bell MT color=black <b>share with us</b></font>
                <hr size=5 align=center noshade>
Kode HTML diatas merupakan kode untuk tampilan awal web yang diberi judul "Profil sederhana",
dan kode dibawah judul merupakan kode untuk latar belakang pada tampilan awal, seperti gambar dibawah ini:

<hr><p>
                 <a href=satu.html><font size=5 face=comic color=black>Home</a>
                |<a href=kedua.html><font size=5 face=comic color="black">DENY SUSANTO</a>
                |<a href=ketiga.html><font size=5 face=comic color="black">MAISAROH</a>
                |<a href=keempat.html><font size=5 face=comic color="black">ARFINISA</a>|
<p>

               <center><img align="center" src="P.jpg"width="500"height"200" />
<center><P><font size = 10 face =comic color="black"><********COOL WEB********></font></P>

<p>
                <left><img align="left" src="m.jpg"width="500"height"200" />
<left><P><font size = 10 face =comic color="black"><Profil saya></font></P>
</body>
</html>
<hr><p>
                <font face=comic size=8 color=black><ul type=circle>
Profil saya <br>
<font face=verdana size=4 color=black>
Nama         :MAISAROH <br>
Npm            :59411360 <br>
Kelas        :2IA07 <br>
Email        :mae_zha18@yahoo.co.id <br>
                <font face = verdana size=5 color=black>

pada kode html diatas merupakan kode untuk profil 2, tampilannya dapat dilihat pada gambar dibawah ini:

untuk kode html lengkapnya :
<html>
<head>
<title>Profil sederhana</title>
</head>
<body background="S.jpg">
                <font size=5 face=comic color=black > <marquee behavior=scroll direction=right loop=15>SELAMAT DATANG DI WEB KAMI </marquee> </font>
                <font size=45 face=Bell MT color=black <b>share with us</b></font>
                <hr size=5 align=center noshade>

<hr><p>
                 <a href=satu.html><font size=5 face=comic color=black>Home</a>
                |<a href=kedua.html><font size=5 face=comic color="black">DENY SUSANTO</a>
                |<a href=ketiga.html><font size=5 face=comic color="black">MAISAROH</a>
                |<a href=keempat.html><font size=5 face=comic color="black">ARFINISA</a>|
<p>

               <center><img align="center" src="P.jpg"width="500"height"200" />
<center><P><font size = 10 face =comic color="black"><********COOL WEB********></font></P>

</body>
</html>
<<html>
<head>
<title>Profil sederhana</title>
</head>
<body background="s2.jpg">
                <font size=5 face=comic color=black > <marquee behavior=scroll direction=left loop=15>SELAMAT DATANG DI WEB KAMI </marquee> </font>
                <font size=45 face=Bell MT color=black <b>share with us</b></font>
                <hr size=5 align=center noshade>

<hr><p>
                 <a href=satu.html><font size=5 face=comic color=black>Home</a>
                |<a href=kedua.html><font size=5 face=comic color="black">DENY SUSANTO</a>
                |<a href=ketiga.html><font size=5 face=comic color="black">MAISAROH</a>
                |<a href=keempat.html><font size=5 face=comic color="black">ARFINISA PRATIDINA</a>|
<p>
                <right><img align="center" src="dn.jpg"width="500"height"200" />
<right><P><font size = 10 face =comic color="black"></font></P>
</body>
</html>
<hr><p>
                <font face=comic size=8 color=black><ul type=circle>
Profil saya <br>
<font face=comic size=5 color=black>
Nama     :DENY UCHIHA<br>
Npm    :51411868<br>
Kelas    :2IA07<br>
Email    :uchiha.denny@ymail.com <br>
                <font face = comic size=5 color=black>

</ul>
</body>
</html>             
<<html>
<head>
<title>Profil sederhana</title>
</head>
<body background="B.jpg">
                <font size=5 face=comic color=black > <marquee behavior=scroll direction=right loop=15>SELAMAT DATANG DI WEB KAMI </marquee> </font>
                <font size=45 face=Bell MT color=black <b>share with us</b></font>
                <hr size=5 align=center noshade>

<hr><p>
                 <a href=satu.html><font size=5 face=comic color=black>Home</a>
                |<a href=kedua.html><font size=5 face=comic color="black">DENY SUSANTO</a>
                |<a href=ketiga.html><font size=5 face=comic color="black">MAISAROH</a>
                |<a href=keempat.html><font size=5 face=comic color="black">ARFINISA PRATIDINA</a>|
<p>
                <left><img align="left" src="m.jpg"width="500"height"200" />
<left><P><font size = 10 face =comic color="black"><Profil saya></font></P>
</body>
</html>
<hr><p>
                <font face=comic size=8 color=black><ul type=circle>
Profil saya <br>
<font face=verdana size=4 color=black>
Nama         :MAISAROH <br>
Npm            :59411360 <br>
Kelas        :2IA07 <br>
Email        :mae_zha18@yahoo.co.id <br>
                <font face = verdana size=5 color=black>

</ul>
</body>
</html>             
<<html>
<head>
<title>Profil sederhana</title>
</head>
<body background="B2.jpg">
                <font size=5 face=comic color=black > <marquee behavior=scroll direction=left loop=15>SELAMAT DATANG DI WEB KAMI </marquee> </font>
                <font size=45 face=Bell MT color=black <b>share with us</b></font>
                <hr size=5 align=center noshade>

<hr><p>
                 <a href=satu.html><font size=5 face=comic color=black>Home</a>
                |<a href=kedua.html><font size=5 face=comic color="black">DENY SUSANTO</a>
                |<a href=ketiga.html><font size=5 face=comic color="black">MAISAROH</a>
                |<a href=keempat.html><font size=5 face=comic color="black">ARFINISA PRATIDINA</a>|
<p>
                 <right><img align="center" src="f.jpg"width="500"height"200" />
<right><P><font size = 10 face =comic color="black"><Profil Saya></font></P>
</body>
</html>
<hr><p>
                <font face=comic size=8 color=black><ul type=circle>
Profil saya <br>
<font face=verdana size=4 color=black>
Nama         :ARFINISA PRATIDINA <br>
Npm        : 51411067<br>
Kelas        :2IA07 <br>
Email        : Arfinisapratidina@yahoo.co.id<br>
                <font face = verdana size=5 color=black>

</ul>
</body>
</html>