BAB II


Merancang Pembuatan Website


A. Mengevaluasi Website 

    Website adalah kumpulan dari berbagai macam halaman situs, yang terangkum didalam sebuah domain atau juga subdomain, yang lebih tepatnya berada di dalam WWW ( World Wide Web ) yang tentunya terdapat di dalam internet.


Jenis - jenis Website

  1. Search engine atau mesin pencarian ( Google.com ) 
  2. Wiki ( Wikipedia.org ) 
  3. Web portal ( Yahoo.com )
  4. Archieve site ( Archieve.org )
  5. Social networking/media sosial ( Facebook.com )
  6. Forum ( Kaskus.com )
  7. Informasi ( Pajak.go.id )
  8. Portal berita ( Kompas.com )
  9. Social bookmarking ( Viva.co.id )
  10. Media sharing ( Youtube.com )
  11. Cloud ( GoogleDrive.com )
  12. Blog ( SMKN48Jakarta.sch.id )


Unsur-unsur dalam Penyediaan Website atau Situs : 

Nama domain

.co.id = Biasanya digunakan untuk badan usaha yang memiliki badan hukum sah

.go.id = Khusus digunakan Lembaga Pemerintahan RI

.ac.id = Lembaga Pendidikan

.or.id = Dipakai segala macam organisasi

.war.net.id = Dipakai industri warung internet ( warnet ) di Indonesia

.sch.id = Khusus Lembaga Pendidikan SD,SMP,SMA,dan SMK

.web.id = Digunakan organisasi,badan usaha, ataupun perseorangan melakukan kegiatannya di WWW

Rumah tempat website ( web hosting ) 

Bahasa program ( scripts program )

Desain website

Program transfer data ke pusat data 

Publikasi website


Membedakan Website Statik dan Website Dinamik

Static website adalah informasi yang disimpan di dalam server dengan format tertentu yang nantinya akan tampil secara identik untuk semua pengguna atau users.

Dynamic website adalah kemampuan untuk menyesuaikan kemampuan untuk menyesuaikan dirinya sesuai dengan keadaan saat user mengakses website tersebut dengan memanfaatkan databese.


B. Pembuatan Website

a. Langkah-langkah Perencangan Website

1.Merumuskan tujuan membuat website

  • Website marketing,berfungsi sebagai media presentasi dan pemasaran
  • Website customer service,berfungsi sebagai media untuk melayani konsumen
  • Website e-Commerce,berfungsi sebagai transaksi online
  • Website informasi/berita,berfungsi sebagai media informasi berita

2 .Menentukan isi website

3 .Menentukan target pengunjung

4. Menentukan struktur website

5. Desain website

6. Prinsip-prinsip dasar desain

  • Unik
  • Komposisi
  • Simple
  • Semiotik
  • Ergonomis
  • Fokus
  • Konsistensi
  • Elemen-elemen desain
  • Konsep desain
  • Komunikatif
  • Estetis
  • Ekonomis
  • Kesatuan
  • Balance
  • Kontras
  • Kontinyuitas
  • Pembuatan layout

7. Membuat sketsa desain

8. Membuat layout desain

9. Membagi gambar menjadi potongan-potongan kecil

10. Membuat animasi

11. Membuat HTML

Membuat Website Gratis dengan Mudah

  1. Tentukan tujuan membuat website gratis
  2. Tentukan layanan platform online yang sesuai
  3. Pelajari fitur yang tersedia untuk pengguna gratis
  4. Mulai membuat website
  5. Mainantance
  6. Persiapan Membangun Website Toko
  7. Temukan product
  8. Tentukan target penjualan
  9. Tepat memilih domain dan hosting
  10. Datangkan traffic
  11. Jadwalkan waktu online
  12. Bangun trust, buat pengunjung jadi pembeli, dan pembeli jadi pelanggan
  13. Konsisten

HTML

HTML ( Hyper Text Markup Languange ) adalah bahasa markup internet ( web ) berupa kode dan simbol yang dimasukan ke dalam sebuah file yang ditujukan untuk ditampilkan didalam sebuah website.

Fungsi dan kegunaan HTML

  • Untuk membuat halaman web
  • Sebagai pondasi bagi sebuah website
  • Untuk menandai teks pada halaman web
  • Untuk menandai elemen/bagian pada halaman web
  • Untuk menampilkan informasi dalam bentuk label
  • Untuk menambahkan objek
  • Untuk membuat online form

Struktur dasar HTML

  1. Element
  2. Tag
  3. Atribut

Sejarah HTML

   HTML pertama kali diciptakan IBM pada tahun 1980. Awalnya tercetus ide untuk menempatkan elemen-elemen yang berguna untuk menandai bagian suatu dokumen seperti judul,alamat,dan isi dokumen. Pada akhirnya elemen-elemen dibentuk menjadi suatu program untuk melakukan pemformatan dokumen secara otomatis.


Perkembangan HTML

  • HTML 1.0
  • HTML 2.0
  • HTML 3.0
  • HTML 3.2
  • HTML 4.0
  • HTML 4.01
  • XHTML 1.0
  • HTML 5
  • Doctype dan meta lebih pendek
  • Struktur baru 
  • Form web baru 
  • Tidak membutuhkan flash

Komentar