Selasa, 28 April 2015

Pembuatan Website Sederhana dengan HTML

Posted on 19.52 by dita | No comments
HTML merupakan salah satu tools yang berguna untuk pembuatan website, karna itu saya akan sedikit menjelaskan tentang langkah-langkah pembuatan website dengan menggunakan HTML
Langkah-langkah :
       1.      Bukalah “Notepad” dengan cara klik Start > All Program > Accessories > Notepad. Atau jika sudah ada shortcut di Desktop maka kamu bisa langsung mengklik 2x pada gambar icon Notepad












ini merupakan salah satu cara membuka Notepad






     2.      Tampilan Notepad, program akan muncul jika sudah berhasil membukanya
                               

   3.      Membuat Bagian Kepala dan Badan Website
Sebuah halaman web terdiri dari dua bagian, yaitu bagian kepala dan badan. Bagian kepala memberi nama website kita, sedangkan bagian badan berisi halaman inti sebuah web
 Diatas merupakan contoh untuk membentuk suatu halaman website. Dan dari contoh diatas terlihat bahwa setiap tag mempunyai pasangan yang ditandai dengan tanda slash (/).
·      Tanda slash (/) dalam tag merupakan pertanda bahwa ia adalah pasangan. Contoh <head> pasangannya adalah </head>
·        Selalu diawali dengan <html> dan diakhiri dengan </html>
·        <title> </title> merupakan judul dari website yang akan muncul diatas.
·        <body> </body> merupakan isi dari website.
·       <h1>, <h2>, <h3>, . . . .  <hn> merupakan penentuan ukuran dari huruf. Semakin besar angkanya maka akan semakin kecil hurufnya
Jika sudah selesai mengetik kemudian klik File > Save / Save As, dan disimpan dengan nama index (.html). dan akan menghasilkan sebuah file yang mempunyai icon web browser seperti google crome tergantung web browser yang anda gunakan dalam computer anda.
     4.      Melihat hasilnya, cara melihat hasil dari langkah-langkah diatas adalah dengan membuka file yang telah kita simpan. Dibawah ini merupakan hasil dari yang saya buat




Mempercantik Website dengan HTML
  • Menambah Warna Backgroud Website

Didalam suatu website biasanya warna backgroudnya adalah putih, anda dapat merubah warna background dengan warna lainnya dengan cara menambahkan “bgcolor = warna”
Contohnya saya ingin merubah warna website saya dengan warna biru
<body bgcolor = blue>
Jangan lupa save jika sudah selesai menambahkan ketikan anda kedalam notepad. Kemudian refresh web browser anda untuk melihat perubahannya 
·     
  • Merubah Tulisan dalam Website

Website dapat dipercantik dengan merubah jenis dan ukuran tulisannya yaitu dengan cara menyisipkan tag <font> </font> dalam <body> </body>. 
Untuk merubah warna tulisan caranya menambahkan kode “color” setelah font, dan untuk merubah jenis tulisan caranya menambahkan kode “size”. Untuk size apabila semakin besar nilai maka semakin besar pula huruf yang ditampilkan.
Contoh


Kode dicontoh berarti mempengaruhi warna menjadi warna putih, berjenis Verdana dan berukuran -3, Save dan Refresh web browser untuk melihat pengaruhnya.




Jika ingin member efek tulisan bergerak, maka caranya adalah menyisipkan tag <marquee> </marquee> sebelum kode <font> </font>
Contoh


Diatas merupakan contoh kodenya dan dibawah ini merupakan contoh hasil dari kode tersebut


Referensi : http://astronaut30.blogspot.com/

Client Server, Tools Pembuatan Web dan SEO

Posted on 06.40 by dita | No comments

Pengertian Client Server
Client Server adalah suatu bentuk arsitektur dimana client sebagai peminta data atau layanan serta penerima yang akan menampilkan dan menjalankan aplikasi, sedangkan server sebagai penyedia data atau layanan yang memberikan aplikasi yang diminta oleh client.
Arsitektur client-server adalah suatu system aplikasi yang bekerja ketika server mengakses suatu jaringan kemudian client dan server saling berkomunikasi tentang permintaan data dan penyediaan data.

Beberapa Tools dalam Pembuatan Web
Tools yang dibutuhkan didalam website tergantung pada jenis website yang akan kita buat. Apabila ingin membuat website yang banyak fitur animasi, maka kita melibatkan Adobe Flash dalam pembuatan website tersebut. Dan apabila ingin membuat website yang selalu di-update, maka kita memerlukan atau melibatkan beberapa bahasa pemograman seperti PHP dan ASP yang dihubungkan dengan database.  Berikut merupakan beberapa tools yang diperlukan dalam pembuatan website
1. HTML
HTML adalah singkatan dari Hyper Text Markup Language, merupakan bahasa pemrograman utama dalam pembuatan website yang digunakan untuk membuat sebuah website ataupun menampilkan berbagai informasi.
Contoh HTML
<!DOCTYPE html>
<html>
  <head bgcolor=black text=white>
    <title>'''Selamat Datang Di Blog Saya''' HTML</title>
  </head>
  <body>
    <p>Terima Kasih Telah Berkunjung!</p>
  </body>
</html>
Kegunaan HTML :
·         Memodifikasi format teks tersebut
·         Mengintegerasikan gambar dengan tulisan.
·         Membuat Pranala.
·         Mengintegerasikan berkas suara dan rekaman gambar hidup.
·         Membuat form interaktif.
Karakteristik HTML:
·         Fleksibel
·         Bisa bergabung dengan beberapa bahasa pemograman lain, seperti Javascript, VBScript, Active Server Pages, Perl, Tcl, atau PHP
·         Tidak bersifat case sensitive
·         Tidak memperdulikan white space characters

 2. Java Script
Java Script adalah bahasa pemograman yang bisa disisipkan ke dalam HTML sama halnya seperti PHP namun Java Script berjalan disisi Client, yang biasanya digunakan untuk beberapa hal-hal tertentu didalam suatu website seperti membuat validasi pada form pendaftraran, form login, menampilkan jam, animasi sederhana atau lainnya.
Contoh Java Script :
·         Untuk menampilkan teks alert sebelum masuk halaman dengan load beberapa detik: 
       <body onLoad="alert('Selamat menjelajahi situsku!');">
·         Untuk menampilkan teks alert setelah keluar halaman 
       <body onUnLoad="alert('Thanks ya udh berkunjung!');">
Kegunaan Java Script :
·         Untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu
·         Untuk mempercantik halaman web, fitur chatting, efek-efek modern, games
·         Untuk menuliskan fungsi yang disisipkan kedalam HTML
Karakteristik Java Script :
·         Selalu di awali oleh “<” dan diakhiri “>”
·         Case Sensitive
·         Terinttegrasi ke dalam html
·         Diletakkan di file tersendiri yang berekstensi.
·         Script pada bagian head dan body
3. PHP
PHP adalah singkatan dari Hypertext Prepocessor, yaitu bahasa pemograman yang banyak digunakan secara luas terutama untuk pembuatan dan pengembangan website, biasanya digunakan bersamaan dengan HTML.
Contoh PHP
·         Program
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
   <head>
      <title>Contoh list dengan PHP</title>
   </head>
<body>
<h2>Daftar Absensi Mahasiswa</h2>
   <ol>
      <?php
      for ($i= 1; $i <= 1000; $i++)
         {
            echo "<li>Nama Mahasiswa ke-$i</li>";
         }
      ?>
   </ol
</body>
</html>
Kegunaan PHP :
·         Teks proses à dapat menghemat pekerjaan membosankan menghitung jumlah kata atau huruf,  dapat memanfaatkan setiap huruf pertama dalam semua kalimat, atau memotong teks.
·         Berinteraksi dengan pengguna à untuk berinteraksi secara langsung dengan situs web dan aplikasi dengan cara yang berbeda
·         Bekerja dengan database à untuk menyimpan segala sesuatu dalam skrip, dan begitu banyak informasi yang disimpan dalam database.
Karakteristik PHP :
·         Open source
·         Tidak melakukan sebuah kompilasi dalam penggunaannya
·         Mudah dikembangkan dan mudah dipahami


Langganan: Postingan (Atom)