Docstoc

Membuat Dokumen Web

Document Sample
Membuat Dokumen Web Powered By Docstoc
					Membuat Dokumen Web
   HTML (Hypertext Markup Language)
   Script yang terdiri dari terdiri dari tag
    pembuka dan penutup
   Bisa dibuka dengan menggunakan
    browser seperti: Internet Explorer, Mozilla
    Firefox, Opera dll
HTML
   Memiliki ekstensi file .html
   Bisa dibuat dengan text editor seperti
    Notepad pada windows atau gedit (pada
    linux)‫‏‬
   Tag HTML
    <html>
    <title> Judul_Halaman </title>
        <head> </head>
        <body>
        </body>
    </html>
Membuat Halaman Web Sederhana
   Menggunakan Text Editor Notepad
   Start – Allprograms – Acessories - Notepad

<html>
<title> First Page </title>
<head> </head>

<body>

    Ini Adalah Halaman Pertama Saya

</body>

</html>
Membuat Halaman Web Sederhana (lanj..)‫‏‬
  Ukuran   font pada HTML

  Tagyang digunakan : <h1> </h1>, <h2>
  </h2>:
 Contoh
 <h1> Halaman Pertama Saya <h1>
 <h2> Halaman Pertama Saya <h2>
 <h3> Halaman Pertaman Saya </h3>
                                     FONT
<html>
<title> First Page </title>
<head> </head>
<body>
<h1> Ini Adalah Halaman Pertaman Saya </h1>
Contoh : <br><br>
<h1> Halaman Pertama Saya </h1>
<h2> Halaman Pertama Saya </h2>
<h3> Halaman Pertaman Saya </h3>
</body>

</html>
                      Tabel Pada HTML
   Tag
    <table border=1 align=center>
        <tr>
            <td> Test </td>
          </tr>
    </table>
            Tabel dengan 1 baris, 2 kolom
<html>
<title> First Page </title>
<head> </head>
<body>
<h1> Ini Adalah Halaman Tabel Saya </h1>
Contoh :
<table border=1 align=center>
     <tr>
          <td> Kolom Pertama </td>
            <td> Kolom Kedua </td>
      </tr>
</table>
</body>

</html>
           Tabel dengan 2 baris, 2 kolom
<html>
<title> First Page </title>
<head> </head>
<body>
<h1> Ini Adalah Halaman Pertaman Saya </h1>
Contoh :
<table border=1 align=center>
     <tr>
          <td> Kolom Pertama </td>
            <td> Kolom Kedua </td>
      </tr>
<tr>
          <td> Isi Kolom Pertama </td>
            <td> Isi Kolom Kedua </td>
      </tr>
</table>
</body>

</html>
                    Text Field dan Submit
       Tag untuk textfield
        <input type=text size=20>
        <input type=text size=20>


   Tag untuk submit

    <input type=submit size=20 value=proses>
    <input type=submit size=20 value = clik>
                             Membuat Text Field
<html>
<title> First Page Latihan </title>
<head> </head>
<body bgcolor = #cc33cc>
<br>
<h1>Membuat Text Field </h1>
Contoh :
<table border=1 align=center>
      <tr>
           <td> <font color=#cccccc >Nama </font> </td>
            <td><input type=text size=20> </td>
       </tr>
  <tr>
           <td><font color=#cccccc> Nomor Telpon </font>
</td>
            <td> <input type=text size=20></td>
       </tr>
</table>
</body> </html>
                             Form dan Submit
<form method=post action=coba.html>
<table border=1 align=center>
     <tr>
          <td> Nama   </td>
            <td><input type=text size=20> </td>
      </tr>
<tr>
          <td> Nomor Telpon </td>
            <td> <input type=text size=20></td>
      </tr>
<tr>
          <td><input type=submit value=proses > </td>
            <td> <input type=reset value=reset></td>
      </tr>
</table>
</form>
            Membuat Tulisan Berjalan
   Tag :
<marquee>Teks Berjalan </marquee>
Internet dan web
Internet (InterNetworking) merupakan suatu jaringan
dengan sklala besar yang memungkinkan seseorang
berkomunikasi secara luas


Untuk dapat berkomunikasi setiap komputer memiliki
alamat yang bersifat unik disebut IPAddress.

Contoh IPAddress:

172.17.54.12
192.168.3.254
Melihat IPAddress
Melalui Command promt
Run – ketik: cmd
Command promt
                                 Ketik: ipconfig /all




Metode Mendapatkan IPAddress
 Static Configuration
 Dinamic Configuration by DHCP
Start-control panel – network connection
Beberapa perintah dalam jaringan
ping [IP Address]
Melakukan cek koneksi
Ipconfig
Melihat IP Address
Ipconfig /all
Melihat komputer lain yang dishare
                            Browsing
   Aplikasi Mesin Penjelajah (Browser)
    ◦   Window Explorer
    ◦   Mozilla Firefox
    ◦   Netcape
    ◦   Safari
    ◦   Opera
Pencarian dengan Google
Kustomisasi Pencarian
Hasil Kustomisasi Pencarian
  Terima Kasih
Wassalamu’alaikum

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:26
posted:1/13/2012
language:Malay
pages:22