Minggu, 22 April 2012

PERANCANGAN WEB

<HTML>
        <head>
            <TITLE>dokumen pertama saya </TITLE>
        </head>
        <body bgcolor=”green”>
 <h1>MEMBUAT JUDUL</h1>
 <h1>Judul Tingkat 1</h1>
<h2>Judul Tingkat 2</h2>
<h3>Judul Tingkat 3</h3>
<h4>Judul Tingkat 4</h4>
<h5>Judul Tingkat 5</h5>
<h6>Judul Tingkat 6</h6>
<h1>MEMBUAT PALAGRAF</h1>
<p>
  Ini adalah homepage pertama
  saya, karena saya baru belajar
  tentang cara membuat homepage.
</p>
<p>Homepage ini masih dalam tahap pengembangan, oleh karena itu
tampilannya masih terlalu sederhana.</p><p>Saya akan berusaha untuk terus memperbaiki homepage saya ini, sehingga semakin lama semakin menarik untuk dilihat.</p>
<h2>MEMBUAT KATA CETAK TEBAL,MIRING,GARIS BAWAH DAN KOMBINASI</h2>
<p>Kata dapat dicetak <b>tebal</b>
 <i>miring</i>
 <u>garis bawah</u>
<b>tebal <i>miring</i></b>, dan <b><i><u>kombinasi</u></i></b> di tengah huruf normal</p>


<h3>MEMBUAT RUMUS MATEMATIKA</h3>
<p>(x<sub>1</sub> + x<sub>2</sub>)<sup>2</sup> = x<sub>1</sub><sup>2</sup> + x<sub>2</sub><sup>2</sup> + 2x<sub>1</sub>x<sub>2</sub></p>
<p>2H<sub>2</sub> + O<sub>2</sub> = 2 H<sub>2</sub>O

<p>Perkenalkan,<br />
nama saya ..... Ini adalah<br />homepage pertama saya,<br /> karena saya baru belajar tentang cara<br />
membuat homepage.</p>
<p>Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana.</p>
<h4>UKURAN </h4>
<font size="1">satu,</font>
<font size="2">dua,</font>
<font size="3">tiga,</font>
<font size="4">empat,</font>
<font size="5">lima,</font>
<font size="6">enam,</font>
<font size="7">tujuh</font>
<h5>MEBUAT GAYA TEXT</h5>
<font face="Times New Roman">Homepage ini masih dalam tahap pengembangan</font><br/>
<font face="Arial">Homepage ini masih dalam tahap pengembangan</font><br/>
<font face="Courier New">Homepage ini masih dalam tahap pengembangan</font><br/>
<font face="Verdana">Homepage ini masih dalam tahap pengembangan</font>
<h6>MEMBUAT  WARNA</h6>
<b><font color="#FF0000">Red</font><br />
<font color="#800000">Maroon</font><br />
<font color="#00FF00">Lime</font><br />
<font color="#008000">Green</font><br />
<font color="#0000FF">Blue</font><br />
<font color="#000080">Navy</font><br />
<font color="#FFFF00">Yellow</font><br />
<font color="#FF00FF">Fuchsia</font><br />
<font color="#00FFFF">Aqua</font></b>
<p>
<h7>MEMBUAT  POINT-POINT</h7></p>
<p>
Ada beberapa sektor potensial:
<li>Pariwisata</li>
<li>Seni</li>
<li>Budaya</li><br />
Sektor tersebut merupakan ...
<p>Fasilitas penginapan di Indonesia:
<ol>
  <li>Losmen</li><br />
      Losmen merupakan tempat
      penginapan yang berskala kecil
  <li>Hotel</li>
    <ul>
      <li>Hotel melati</li>
      <li>Hotel berbintang</li>
    </ul>
</ol>
Perkembangan dalam ...</p>
<h8>MEMBUAT GARIS<h8>
<p>
Perkenalkan, nama saya ... Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.<hr />
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana.</p>
<h9>MEMASUKAN GAMBAR</h9><p>
<img src="gorila.gif" align="left" /> Perkenalkan, nama saya GORILA Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu <img src="logo.gif" alt="Logo" /> sederhana. Saya akan berusaha untuk terus memperbaiki homepage saya ini, sehingga semakin lama semakin menarik untuk dilihat.</P>

<h10>MEMBUAT  TABEL</h10>
<p>
<table border="1">
  <tr>
    <td>aaa</td>
    <td>bbb</td>
    <td>ccc</td>
  </tr>
  <tr>
    <td>ddd</td><td>eee</td><td>fff</td>
  </tr>
</table></p>
<h12>MEMBUAT TABEL BAG.II</h12>
<p>
<table border="1" width="500">
  <tr>
    <td>Header kiri</td>
    <td align="center" width="50%">Header tengah</td>
    <td align="right">Header kanan</td>
  </tr>
  <tr>
    <td valign="top" rowspan="2">Menu kiri</td>
    <td align="center" colspan="2" height="200">Bagian Isi</td>
  </tr>
  <tr>
    <td align="center">Footer tengah</td>
    <td align="right">Footer kanan</td>
  </tr>
</table>
</p>


        </body>
    </html>

Sabtu, 14 April 2012

PENGENALAN INTERNET


WWW=World Wide WEb/Biasa d sbt web &HTML

 Homepage,Hiperteks Transfer Protokol(Http),Uniform Resource Locator
(URL),Protokol transfer,Domain Name System(DNS)&HTML dan program editor HTML


WWW=Web=kumplan informasi pd bbrp server komp yg trhbng stu sm lain dlm jringan
intrnet.Dlm web mmpny link yg mnghbngkn informasi lain ke infrmsi tsb.
link mpny tnda khsus bsa brp teks brgris bwh & brwrna,ikon,maupun gbr yg di klilingi suatu kotak.link mmpny tanda khsus brbah bila di tnjuk dngn tnda panah mouse.Sstem yng mnghbngkn informasi dari link d sbt hiperteks kmdin istlah
hiperteks berbah mjd Hipermeida.
bkrj dngn web mnckp 2 hal pnting yaitu software browsing/(browser saja) & Client-server.Web browser brtndk sbg client&Web server sbg server.
Clint memungkinkan anda utk menginterpretasikan & mlht informasi pd web.Sdngkn server untk mnrma informsi yg dmnta oleh browser.

 HOMEPAGE
suatu prshaan yng mmliki WWW/Web mmrlkn alamat khsus (URL) yg di sbt 
Website.informasi yg di smpn dlm suatu file yg brbda di sbt Web page/Page.dlm page
ada trsmpn informsi dan link yg mnghbngkn suatu informasi ke informasi lain baik
dlm web page yg sma / web page yg lain pd website yg berbeda.sblm mngakses informasi pd website yg prtma di jumpai adlh web pembuka yg di sbut
Home page.Home page bersi link-link ke dokumen lbh lnjut tntang apa yg mnj isi dri kslruhan website.

HTTP
Adlh protokol untk mnntkan aturan yg hrs di ikti oleh Web browser dlm meminta/mengambil suatu dok,dan web server dlm mnydiakan dok yg di minta.biasanya utk mnjelajahi web.pd adres bar ada tlsan cntoh Http://WWW.msn.com

URL
Sarana yg di gnkn untk mnntkan loksi informasi pd suatu Web server.
Format umum suatu URL adlh:
Protokol Transfer : //nama host/path/nama file
Protokol transfer adlh protokol yg di gnkan oleh suatu browser untk mngambil informasi.
Nama host adlh nama komp dmn informsi tsb brda.
Path/nama file adlh jalur serta nama file dri suatu informasi.biasanya alamat yang di ktik pd adress bar adlh protokol transfer dan nama host saja.
contoh http://mtv.com/DJ/index.html
dngn pnjlasan:
http =protokol yg di gnkan
mtv.com=nama dari server komp dmn informsi yg di cri berada.
DJ=jalur/path dari informasi yg di cari.
index html=nama file dimana informsi tsbt brada.

PROTOKOL TRANSFER
adalh prototkol yg di gnkan utk pngrman informasi di intrnet.selain HTTP ada jg protokol lain di antrnya:
Ftp(file transfer protokol)= di rancang utk memungknkan pemakai mentransfer file
dalm format teks/biner dlm server komp di intrnet.contoh:Ftp.usma.edu/pub/msdos/.

gopher=di rancang utk mngakses server gopher.conth:gopher://wiretrap.spesies.com
News=utk mndstribsikan berita di usenet.usenet=sistem yg di rncng sbg forum
diskusi dngn di dasarkan pd topik2 yg di sbt
newsgroup.contoh:news:comp.infosystem.www.announce.
Telnet=protokol yg di gunakan utk login ke suatu server komp.

DOMAIN NAME SYSTEM (DNS)
komp2 di internet mnggnkan suatu fornat pnamaan standar utk memepermudah pengelolaan server komputer di intternet.sistem penamaan server komputer adalh Domain Name System (DNS).DNS mmbwt suatu tngkat tingkat domain yg mrupkan kelompok komputer yg trhbng ke internet.cntoh tbel di bawah:
Nama Domain
Jenis  organisasi
com
www.yahoo.com = komersial
Edu
www.usc.edu =lembaga pendidikan
Gov
Lembaga pemerintah
Int
Organisasi internasional
Mil
Organisasi militer
Net
Provider internet,contoh telkom .net
Org
Organisai umum 
Au
Organisasi komputer di australia
At
Organisasi  komputer di austria
Be
Organisasi komputer di belgia
Ca
Organisasi kompute di kanada
Ch
Organisasi komputer di swiss
Cz
Organisasi kompuer di checna
De
Organisasi komputr di jerman
Dk
Organisasi komputr di denmark
Es
Organisasi komputer di spanyol
Id
Organisasi komputer di indonesia


HTML
HTML  (Hiper Text Markup Language)
HTML adalah suatu format data yang di gunakan untuk membuat dokumen hipertext yang dapat di baca dari suatu platform komputer ke plat form komputer lain tanpa perlu melakukan perubahan apapun.
Dok HTML di sebut Markup language karena mengandung tanda-tanda tertentu yang di gunakan untuk menentkan tampilan suatu text dan tingkat kepentingan dari text tsb dlm suatu dok.Anda dpt menentukan baris-baris mana yang merupakan judul,menentukan gambar yang harus tampil dan pengaturan format pada text dsb.
Dengan sistem hipertextpada dok.HTML,anda tdk harusmembaca suatu dok.secara urut dari atas ke bawah.anda dapat langsung menuju pada topik-topik yang anda inginkan.
Lihat listing dokumen HTML yang di buat dengan program Notepad dan di simpan dengan nama file:Latih.htm
Listing program 1.1 Dokumen HTML sederhana

<HTML>
<HEAD>
<TITLE>Contoh sederhana DokumenHTML</TITLE>
</HEAD>
<BODY bgcolor=lightrey>
<H1>Selamat datang di dunia HTML</H1>
<HR>
Dokumen HTML bisa menjadi halaman Web yang berisi satu halaman yang berisi <B> Text </B> dan <I> Link </I>.Bisa juga halaman Web yang sangat komplek dngan 1000 halaman.
<P>
Dalam buku ini anda akan menjelajah dunia HTML,dengan demikian,anda bisa membuat dokumen html seperti yang anda inginkan.
<P>
Click <A HREF=”sample.htm”>Disisni</A> untuk menampilkan dokumen ini ! <P>
</BODY>
</HTML>

Gbr.runing program di bawah ini (menyusul)

PROGRAM EDITOR HTML
Untuk membuat program HTML anda dpt menggunakan program editor teks biasa seperti Notepad utuk aplikasi Windows.anda harus mempelajari tag-tag yang di gunakan untuk menandai bagian –bagian dari suatu dokumen HTML .File dokumen HTML harus di simpan dngan ekstensi*.htm.Untuk menampilkan file dari Hard disk pada Browser.jika anda menggunakan Netscape Navigator ,anda klik menu File,open page,Cari File yang akan di tampilkan.Untuk yang menggunakan Microsoft internet exsplorer,klik menu File,Open.kotak dialog akan tampil,klik tombol perintah Browse,tentukan nama File yang akan di tampilkan
Contoh gbr.di bwah (menyusul)