Tujuan Membuat Website

  Dalam membuat sebuah website ada beberapa hal yang perlu Anda persiapkan  sebelum Anda memulainya.

Pertama, Anda bisa mengajukan sebuah pertanyaan kepada diri Anda sendiri yaitu “Apa Tujuan Saya Membuat Website?” dengan menjawab pertanyaan tersebut dapat mengarahkan pikiran Anda untuk menentukan dan menjawab pertanyaan selanjutnya yaitu, “Website seperti apa yang akan saya buat untuk mencapai tujuan tersebut bagaimana cara membuat websitenya”

  Perlu Anda ketahui, jenis website itu bermacam2, ada yang hanya satu halaman sederhana saja seperti website ini, ada yang membuat beberapa halaman seperti website perusahaan, ada yang menggunakan system CMS (Content Management System) seperti joomla, ada yang berupa forum diskusi, ada yang berupa website iklan baris, ada yang berupa website took online da nada yang lebih kompleks bagi seperti website komunitas Friendster.

Mengelola Halaman Web

Fungsi Situs Web

 

Sebelum mendesain web, kita sebaliknya mengetahui dan memahami beberapa fungsi dari situs web agar  desain yang kita buat sesusai dengan situs web tersebut. Secara umum situs web mempunyai fungsi sebagai berikut :

a.Fungsi komunikasi web menyedakan fasilitas kominukasi (chatting, forum, dll)

b.Fungsi informasi web menajadi wadah informasi umum (news, profil, perusahaan)

c.Fungsi entertaiment  situs web menjadi  hiburan game online, film, musik, dll.

d.Fungsi transaksi situs web dijadikan sarana transaksi online barang dan jasa.

 

Jenis-Jenis Situs Web

Berikut ini beberapa jenis situs web yang

 dikemlompokan sesusai tujuan:

a.Alat pemasaran, dapat berupa company profile

b.Nilai tambahan, sarana promosi dari konversional brosur moderen

c.Katalog, menampilkan daftar produksi

d.E-comnerce, aplikasi web untuk perdagangan online

e.E-learning, web digunakan sebagai media pembelajaran online

f.Komunikasi, web sarana untuk diskusi dengan minat yang sama

g.Porkal, adalah aplikasi berbasis web yang memudahkan pengguna mencari informasi

h.Personal, situs yang dimiliki oleh individu sebagai portofolio/biodata.

B. Memahami Prinsip-Prinsip desain web

Pengertian Desain Web

Desain web adalah seni dan proses dalam menciptakan halaman web tunggal atau keseluruhan dan bisa melibatkan estetika dan seluk beluk mekanis dari suatu operasi situs web walaupun yang utama memutuskan pada look dan feel dari situs web tersebut sebagian dari aspek yang mungkin tercangkup pada desain web atau produksi web adalah menciptakan animasi dan grafis, pemilihan warna, pemilihan font, desain navigasi. Menciptakan isi. HTML/XML authoring Java Scrip Programming dan pengembangan e-connerce.

  Desainer web adalah orang yang bertugas mendesain halaman web. Tugas desainer web secara umum adalah menentukan look dan feel sebuah situs web. Secara garis besar seorang desainer web yang baik harus mampu memahami seni, program dan aspek elemen yang ada pada web.

  secara garis besar penciptaan desain web didasarkan pada tiga hal yakni estetika,mood, dan content. Estetika berhubungan dengan keindahan,warna,font,corak, kesesuaian produk dengan keserasian gambar, tipografi, dan navigasi mood merupakan pengesanan atau pemberian pesan pada pengunjung mengenai perasaan dari situs tersebut,tampilan situs bisa membawa ke masa lalu, masa kini atau masa mendatang, juga bisa membawa rasa sedih,gembira,simpati, dll.

  Beberapa yang mengekspresikan mood ditampilkan melalui warna,teks,layout,gambar grafis, dan efek pendukung lain. Konten meliputi isi halaman web yang lengkap,menarik,one stop visiting hal yang berkaitan dengan konten misalnya web memiliki situs download,chating,searching, menu member,registrasi dan info lainnya yang dibutuhkan.

MENGELOLA ISI HALAMAN WEB

Memeriksa Informasi Untuk Dan Currency 


Software Web Design

Software Web Design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendesign halaman-halaman web, baik yang bersifat statis maupun dinamis.
Software web design terpopuler yang ada saat ini antara lain;
1. Adobe Image Ready
2. Macromedia Dreamweaver
3. Macromedia Fireworks
4. Microsoft Frontpage dan lain sebagainya.

- Mengenal Macromedia Dreamweaver Mx

Macromedia Dreamweaver merupakan yang salah satu software web design terpopuler dipilih sebagai software web design yang akan digunakan dalam proses pembelajaran ini Macromedia Dreamweaver dipilih karena kompatibilitas dan dukungannya terhadap berbagai bahasa pemrograman web, antara lain ASP, JSP, CFM, ASP, NET, PHP, Java Script, CSS dan XML.

Window Dreamweaver NX ini dibagi menjado 7 bagian yaitu;
      - Insert Bar
       - Document Toolbar
       - Document Window
       - Panel Groups
       - Tag Selector
       - Property Inspector
       - Files Panel

HTML

HTML merupakan kepanjagan dari Hyper Tekt Markup Language memiliki fungsi untuk memformat document teks biasa agar digunakan pada world wide web (www) HTML bukan merupakan suatau bahasa pemrograman, karena bersifat yang hanya memberikan tanda (warking up) pada suatu document teks dan bukan sebagai program.

Struktur dasar document HTML berisi elemen-elemen atau tag, seperti pada gambar berikut:

Keterangan: 

<HTML> </html>  : mendefinisikan bahwa tekt yang berada diantara
      kedua tag tersebut adalah file HTML.

<Head> </head>  : mendefinisikan head dalam sebuah file HTML.

<Title> </title>  : mendefinisikan judul yang hendak ditampilkan
      pada browser

<Body> </body>  : mendefinisikan tekt beserta formatnya yang
    hendak ditampilkan sebagai isi halaman web.

Format Tekt Dasar Dalam HTML:

Heading, HTML mengenal 6 level heading, mulai 1(terbesar) samapi 6. Heading ditampilkan dengan font lebih besar dan tebal dari pada tekt normal.

  Paragraf, setiap ada paragraf baru diawali dengan <p>. List, HTML mendukung daftar (list) tidak brnomor, bernomor dan definisi.

  Performatted Tekt, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki pengaruh Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menarok kedalam digunkan tag (black quote).

-   Ganti baris (Line Break)

Untuk menulis alamat surat dengan baris-baris pendek,tidak bagus jika menggunakan tag <p> (sepasi terlalu lebar).

-Garis datar (Horizontal Rule)

Untuk membuat garis horizontal yang digunakan untuk membatasi bagian-bagian digunakan yang

<hr>.

Memformat Karakter;
<b> atau <strong> untuk membuat teks bold.
<i> atau <em> untuk membuat teks italic.
<tt> atau <code> untuk membuat teks typewrite

Dasar Link HTML

Hyperlink merupakan sesuatu yang sangat penting diwebsite, sebab hyperlink akan menghubungkan antara satu halaman dengan halaman lainnya baik dalam satu website maupun antar website.
Untuk membuat hyperlink digunakan tag <a> huruf a artinya”anchor” tag <a> besarnya diikuti atribut “href” dimana nilai dari atribut ini merupakan alamat halaman yang akan dituju.

Subject = masuk ga?”>kirim E-mail </a>

Macam-macam Link :

1.      Relative dan Absoulte Link, Link kesuatu dokumen pada direktori lain dapat dengan menentukan relative path dari posisi dokumen asal berada ini disebut sebagai relativ link.
a href = “harga/index. Html”>daftar harga </a> alamat (URL) dokumen secara lengkap (absolute path) dapat digunakan untuk menentukan tujuan link disebut link absolute a/href= http://gmail.google.com>e-mail google </a>

2. Link ke suatu bagian didokumen lain, misalnya :
suatu html delink kesuatu bagian didua html, caranya adalah pada dokumen satu html. Dituliskan : <a/href=”dua html#bt”>tiga</a> pada bagian yang dituju dituliskan : <a nama=”BT”>tiga</a>

 3. Link ke suatu bagian didokumen yang sama,caranya hamper dengan langkah diatas: <a href=”#BT”>tiga</a> pada bagian yang dituju, dituliskan <a name=”BT”>tiga</a>

4. Mailto,Link yang langsung menuju kealamat e-mail <ahref>”maito:saya@gmail.com?

- Menyisipkan Gambar

Atribut ukuran gambar, bila tidak dituliskan, makan ukuran gamhar sesuai ukuran aslinya, namun ukuran gambar bisa dibuat dengan nilai tertentu dengan cara menuliskan atribut height dan width.

- Membuat Tabel
  Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris.

- Membuat Frame
  Frame HTML digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah.