Pengertian Web Statis dan Web Dinamis

Pengertian Web Statis dan Web Dinamis

1. WEB STATIS

     Website yang mana pengguna tidak bisa merubah konten dari web tersebut secara langsung menggunakan browser. Interaksi yang terjadi antara pengguna dan server hanyalah sebatas pemrosesan link saja. Halaman - halaman web tersebut tidak memiliki database, data, dan informasi yang ada pada web statis tidak berubah - ubah kecuali diubah sintaksnya. Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di web server.

     Contoh : Web yang berisi profil perusahaan. Hanya ada beberapa halaman saja dan kontennya hampir tidak pernah berubah karena konten langsung diletakkan dalam file HTML.

Ciri - ciri :

• Hanya menggunakan HTML dan bisa dilengkapi dengan CSS.
• Tidak memiliki datasbase.
•  Kontennya hanya diberikan oleh pemilik web.
• Jarang di-update.

2. WEB DINAMIS

     Interaksi yang terjadi antara pengguna dan server sangat kompleks. Seseorang dapat merubah konten dari halaman tertentu dengan menggunakan browser. Request dari pengguna dapat diproses oleh server yang kemudian ditampilkan dalam isi yang berbeda - beda menurut alur programnya. Halaman - halaman web tersebut memiliki database, data, dan informasi yang berbeda - beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client berbeda debgan yang ada di web server.

Ciri - ciri :

• Menggunakan bahasa pemrograman web seperti PHP, ASP dan lain-lain.
• Memiliki database.
• Konten di dalamnya bisa dari pengunjung dan bisa juga dari database.
• Lebih sering di-update. 

Perbedaan Web Statis dan Dinamis

1. Interaksi antara pengunjung dan pemilik web
   Dalam web statis tidak dimungkinkan terjadinya interaksi antara pengunjung dengan pemilik web. Sementara dalam web dinamis terdapat interaksi antara pengunjung dengan pemilik web seperti memberikan komentar, transaksi online, forum, dll.


2. Bahasa Script yang digunakan
   Web statis hanya menggunakan HTML saja, atau paling tidak bisa ditambah dengan CSS. Sedangkan web dinamis menggunakan bahasa pemrograman web yang lebih kompleks seperti PHP, ASP dan JavaScript.


3. Penggunaan Database
   Web statis tidak menggunakan database karena tidak ada data yang perlu disimpan dan diproses. Sedangkan web dinamis menggunakan database seperti MySQL, Oracle, dll untuk menyimpan dan memroses data.


4. Konten
   Konten dalam web statis hanya diberikan oleh pemilik web dan jarang di-update, sementara konten dalam web dinamis bisa berasal dari pengunjung dan lebih sering di-update. Konten dalam web dinamis bisa diambil dari database sehingga isinya pun bisa berbeda-beda walaupun kita membuka web yang sama.

Read more

HTML

HTML

(Hypertext Markup Language)

     HTML merupakan dasar untuk membuat sebuah halaman website. Meskipun sekarang terdapat banyak tool atau software yang digunakan untuk merancang sebuah halaman secara WYSIWYG (What You See Is What You Get), jadi apa yang anda lihat itulah yang akan anda dapatkan seperti : Frontpage, Dream Weaver, Adobe Golive, Dll. Namun anda harus tetap menguasai HTML karena HTML merupakan dasar apabila anda ingin mempelajari dan lebih mendalami tentang WEB PROGRAMMING.

STRUKTUR HTML

     <HTML>

     <HEAD>

     <TITLE>Judul yang ingin ditampilkan pada title bar web browser</TITLE>

     </HEAD>

     <BODY>

     Pada bagian ini dapat berisikan perintah-perintah menampilkan teks, gambar, suara, dll. 

     </BODY>

     </HTML>

     Struktur sebuah HTML diawali dengan sebuah tag <html> dan ditutup dengan </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag <head>. . .</head> dan tag <body>. . .</body>. Header di halaman HTML diapit oleh tag <head>. . .</head>, dan bagian ini tidak ditampilkan pada browser. Bagian ini berisikan tag - tag header seperti <title>. . .</title>. Beberapa tag ada yang menggunakan atribut di dalamnya.
 Contoh : <P ALIGN="CENTER">

      Keterangan : P adalah nama tag

                          ALIGN adalah atribut

                          CENTER adalah nilai atribut

Manipulasi teks dengan HTML :

• <B>. . .</B> : Menebalkan huruf
• <I>. . .</I> : Memiringkan huruf
• <U>. . .</U> : Efek garis bawah
• <SUP>. . .</SUP> : Superscript
• <SUB>. . .</SUB> : Subscript
• <BLINK>. . .</BLINK> : Efek berkedip - kedip
• <MARQUEE>. . .</MARQUEE> : Efek teks berjalan

Read more

Sejarah Web

Sejarah Web

     Pada 1980, Tim Berners Lee, kontraktor independen di organisasi Eropa untuk riset nuklir (CERN), Swiss dibangun Enquire, sebagai database pribadi orang dan model perangkat lunak, tetapi juga sebagai cara untuk bermain dengan HYPERTEXT. Setiap halaman baru informasi dalam Enquire harus terhubung dengan halaman yang ada.

     Pada 1984, Berners Lee kembali ke CERN. Website pertama kali ditemukan oleh Sir Timothi John Tim Berners Lee (Tim Berners Lee). Sedangkan situs web tersambung dengan jaringan pertama kali muncul pada 1991. Tujuan Tim merancang situs web untuk memudahkan tukar-menukar dan memperbarui informasi pada sesama peneliti ditempat ia bekerja. Pada 30 April 1993, CERN mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

     Pengembangan web dapat berkisar dari mengembangkan halaman statis sederhana tunggal teks biasa ke berbasis web yang paling kompleks aplikasi internet, bisnis elektronik, atau layanan jaringan sosial. Untuk organisasi yang lebih besar dan bisnis, tim pengembangan web dapat terdiri dari ratusan orang. Pengembangan web memperhitungkan pertimbangan keamanan seperti kesalahan entri data pengecekan memalui bentuk-bentuk output filtering, dan enkripsi.

Read more

Tag Pada HTML

TAG HTML

 

1. Tag Heading

     Digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam badan dokumen. Ukuran yang ada pada tag heading ada 6 buah ukuran yang terbesar ditunjukkan angka 1. Sedangkan ukuran terkecil ditunjukkan angka 6. Anda juga dapat menggunakan angka lebih dari 6, tetapi hasilnya tetap seukuran angka 6, karena standarnya adalah ukuran 6 yang terkecil.

Contoh :      <h1>. . .</h1>                           <h4>. . .</h4>

                   <h2>. . .</h2>                           <h5>. . .</h5>

                   <h3>. . .</h3>                           <h6>. . .</h6>

     Seperti halnya tag <p>, tag heading juga memiliki atribut. Salah satu atribut yang dapat digunakan adalah atribut ALIGN yang dapat bernilai CENTER, LEFT, RIGHT, dan JUSTIFY. Misal : <h1 align="Left">

2. Garis Horisontal (Horizontal Rows)

     Cara membuat garis ini sangat mudah, dengan cara menyertakan tag <hr>. Pada tag <hr>, juga dapat ditambahkan atribut.

Atribut Pada Tag <HR> :

• Size            : Merubah ketebalan garis.
• Width         : Merubah lebar garis.
• Align          : Mengatur tata letak teks pada garis.
• Noshade    : Merubah agar garis tidak disertai bayangan.

3. Tag Divisi
     Tag ini digunakan untuk mengelompokkan sejumlah baris teks yang memiliki tipe sama. Fungsinya juga dapat disamakan dengan <p>.
Contoh : <html>
              <head>
              <title>Belajar Tag Div</title>
              </head>
              <body>
              <div align="left"> Address :
              <hr>
              SMK Negeri 3 Jepara<br>
              <hr size="5" width="25%" noshade> Jl. KS. Tubun No. 3 Jepara <br>
               Jepara
              </div>
              </body>
              </html>

4. Tag Pre
     Tag ini digunakan untuk menampilkan keadaan yang telah Anda format dalam kode HTML akan ditampilkan seperti itu pula pada web browser.
Contoh : <html>
              <head>
              <title>Praformat</title>
              </head>
              <body>
              <h2>Daftar Harga Komputer : </h2><br>
              <pre>
                   Intel Pentium  I      - 233. . . . . . . . . 750.000
                   Intel Pentium  II     - 266. . . . . . . . . 900.000
                   Intel Pentium  III    - 800. . . . . . . . . . 1.700.000
              </pre>
               Harga sewaktu-waktu dapat berubah
              </body>
              </html>

5. Tag Blockquote
     Teks akan ditampilkan menyesuaikan dengan ruangan yang tersedia. Selain itu tag ini akan membuat paragraf diletakkan sedikit menjorok ke kanan.
Contoh :
<html>
<head>
 <title>Belajar Tag Div</title>
</head>
<body>
<h2>
<blockquote>
 Pada 1980, Tim Berners Lee, kontraktor independen di organisasi Eropa untuk riset nuklir (CERN), Swiss dibangun Enquire, sebagai database pribadi orang dan model perangkat lunak, tetapi juga sebagai cara untuk bermain dengan HYPERTEXT. Setiap halaman baru informasi dalam Enquire harus terhubung dengan halaman yang ada.

     Pada 1984, Berners Lee kembali ke CERN. Website pertama kali ditemukan oleh Sir Timothi John Tim Berners Lee (Tim Berners Lee). Sedangkan situs web tersambung dengan jaringan pertama kali muncul pada 1991. Tujuan Tim merancang situs web untuk memudahkan tukar-menukar dan memperbarui informasi pada sesama peneliti ditempat ia bekerja. Pada 30 April 1993, CERN mengumumkan bahwa WWW dapat digunakan secara gratis oleh publik.

     Pengembangan web dapat berkisar dari mengembangkan halaman statis sederhana tunggal teks biasa ke berbasis web yang paling kompleks aplikasi internet, bisnis elektronik, atau layanan jaringan sosial. Untuk organisasi yang lebih besar dan bisnis, tim pengembangan web dapat terdiri dari ratusan orang. Pengembangan web memperhitungkan pertimbangan keamanan seperti kesalahan entri data pengecekan memalui bentuk-bentuk output filtering, dan enkripsi.

</blockquote>

</body>
</html>

6. Tag Acronym
     Tag ini digunakanuntuk memberikan keterangan terhadap suatu teks yang dianggap singkatan atau teks yang memerlukan penjelasan tertentu. Untuk melihat keterangan terhadap suatu teks tertentu dengan meletakkan pointer mouse tepat berada di teks yang sudah diberikan perintah tag ACRONYM, kemudian  secara otomatis akan muncul sebuah keterangan yang terblok warna kuning dan letaknya biasanya berada di bawah teks tersebut.
     Bentuk pendefinisian singkatan dan kepanjangan atau keterangan suatu istilah sebagai berikut :

<acronym title="Kepanjangan">Singkatan</acronym> 

Contoh penulisan :

<html>
<head>
 <title>Singkatan</title>
</head>
<body>
<acronym title="Televisi Republik Indonesia">TVRI</acronym> adalah televisi pemerintah.</body>
</html>

7. Tag Font

     Tag Font digunakan untuk mengatur jenis, ukuran, maupun warna font.

•  Untuk menentukan jenis font, atribut font yang digunakan adalah Face <font face="arial">teks yang ditampilkan</font>
•  Untuk menentukan ukuran font, atribut font yang digunakan adalah Size<font size="10">teks yang ditampilkan</font>
•  Untuk menentukan warna font, atribut font yang digunakan adalah Color<font color="red">teks yang ditampilkan</font><font color="#000000">teks yang ditampilkan</font>

Read more