Minggu, 27 Desember 2020

 

PERANCANGAN WEB

 

Sekumpulan  halaman”yang saling berhubungan yang dapat diakses publik melalui World Wide Web. Perancangan adalah suatu proses untuk membuat suatu website, baik yang berhubungan dengan internet ataupun tidak berhubungan. Tujuan dari perancangan website ini ialah untuk merancang kebutuhan website yang diinginkanoleh pemakai serta membuat gambaran yang jela.

WORLD WIDE WEB (WWW)

Sebelum berkembangnya world wide web, internet umumnya hanya digunakan oleh kalangan akademi dari riset saja. Pada tahun 1993 muncul sebuah browser bernama MOSAIK. Sebuah browser world wide web dengan kemampuan grafik pada sebuah platform yang biasa digunakan oleh: X, PC / Windows dan Macinthos. Dan Mosaik mulai menampakkan hasilnya pada tahun itu juga. Perkembangan lalu lintas data world wide web tahun itu mencapai 342000% sementara perkembangan Gopher hanya 997%. Dunia bisnis dan media pun mulai memperhatikan dunia internet karena perkembangan ini. Hadirnya Mosaik ternyata menjadi titik belok perkembangan internet yang hanya digunakan oleh kalangan akademis dan riset yang digunakan oleh orang banyak untuk keperluan bisnis dan hiburan.

            World wide web dan internet sangat berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan world wide web bukan sekedar jaringan tetapi didalamnya terdapat suatu aplikasi komunikasi dan sistem perangkat lunak.

HTML(HYPER TEXT MARKUP LANGUANGE)

kode atau deskrip yang dituliskan diantara tanda kurung siku “<>” disebut sebagai tag. Tag <html> merupakan indikator yang memberitahukan bahwa informasi selanjutnya harus diinterpretasikan oleh browser sebagi dokumen HTML.

            Tag <html> ini diakhiri dengan tag </html> sebagi indikator batas akhir dokumen html.

<HTML

     Tag html merupakan tag dasar yang mendefenisikan bahwa dokumen tersebut adalah dokumen html. Tag ini dituliskan pada bagian pertama dan terakhir dalam suatu dokumen html.

<Title>

           Tag title berfungsi untuk memberikan judul pada caption  / title bar jendela tentang  topic dokumen web yang ditampilkan. Tag title ini berada di tag head.

<head>

            Tag ini ditulis setelah tag html. Tag head berfungsi untuk menuliskan keterangan tentang dokumen web yang akan ditampilkan.

<Paragraf>

             Agar kelihatan rapi dan menarik, alangkah baiknya kalu tilisan-tulisan yang cukup panjang disajikan mengikuti kaidah-kaidah penulisan, misalnya satu pikiran utama tersimpan dalam satu paragraf. Untuk setiap paragraf harus dimulai dengan tag </p>. Anda bisa mengatur posisi yang diinginkan dengan menggunakan parameter ALIGN diikuti posisiyang diinginkan. Right untuk meratakan paragraf di kanan, left untuk meratakan posisi di kiri,justify untuk meratakan paragraf sesuai ukuaran halaman dokumen.

<body>

      Semua informasi isi dokumen web yang akan ditampilkan dijendela browser dituliskan pada section. Tag body sendiri mempunyai beberapa parameter tambahan yang biasa digunakan pada tag body antara lain background=”image” berfungsi untuk membuat image sebagai gambaran background dokumen , bgcolor=”color” berfungsi untuk memberi warna background pada dokumen text=”color” berfungsi untuk memberi warna pada hyperlink yang telah dikunjungi, dan link=”color” berfungsi untuk memberi warna pada hyperlink yang aktif.

Contoh format HTML editor:        

            <html>

            <head>

            <title>Halaman Utama </title>

            </head>

            <body>

            <h2> Ini adalh heading level 2 </h2>

            <br>

            dan berikut ini adalah <ahref=>

            hyperlink </a> ke homepage Microsoft

            </body>

            </html>

 

3 KOMPONEN WEBSITE

l  Desain dari web site itu sendiri

l  Menyediakan hosting untuk Web Site

l  Domain Name

SYARAT WEBSITE TERBILANG BAGUS

n  Target audience yang tepat (tampilan, atau bahasa)

n  Menarik secara estetika

n  Waktu download yang cepat

n  Kemudahan navigasi

n  Kemudahan penggunaan

n  Kompatibel dengan berbagai macam browser

n  Kompatibel dengan bermacam resolusi layar  (misalnya 800x600, 1024x768)

n  Keamanan akses

n  CrediblE

0 komentar:

Posting Komentar