18 Apr 2014

Pengenalan Materi Perancangan WEB Design


Perancangan web (web design) adalah istilah umum yang digunakan untuk mencakup bagaimana isi web ditampilkan, (biasanya berupa hypertext atau hypermedia) yang dikirimkan ke pengguna akhir melalui World Wide Web (WWW) , dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. Tujuan dari web design adalah untuk membuat website atau sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis.

Beberapa teknologi yang digunakan untuk merancang web :
- SISTEM OPERASI : Windows , Linux dan masih banyak Sistem Operasi yang bisa digunakan
- BAHASA YANG DIGUNAKAN : HTML , XHTML , XML
- TEKNOLOGI MULTIMEDIA : Flash ,
- TEKNOLOGI DATABASE : MySQL , XAMPP
- TEKNOLOGI DESAIN : CSS
- CODE EDITOR : Notepad , Notepad++ , Dreamweaver


Contoh isi web berupa html :

<html>
<body bgcolor="cyan">
<h1><center><font face="helvetica neue"><font size="40">TUGAS PERANCANGAN WEB</font></center></h1>
<span style="color: white;"><marquee behavior="alternate"style="background: RED;"><b><center>NAMA : Anis Maghfiroh <br>NIM : 1214010005</center></b></marquee></span>
<p><h2>
MEMBUAT WEB MENGGUNAKAN NOTEPAD
</h2></P>
<h3>KELEBIHAN DAN KELEMAHAN PENGGUNAAN NOTEPAD</H3>
<p>
Halaman Web, bukanlah yang digunakan oleh browser Web untuk membuat halaman tersebut. HTML cukup mudah dipelajari, serta kode yang dibuat lebih efisien, tetapi pembuatan kodenya bisa jadi amat menyulitkan dan kessalahan pengetikan dapat menghasilkan efek yang salah dan hasilnya tidak dapat bekerja.
</p>
<p>
<font color="#FF0000">Kelebihan</font> penggunaan notepad dapat membuat kode HTML di notepad yaitu kode yang dibuat dapat efisien dan seorang manajer lebih memahami halaman web bekerja.
</p>
<p>
<font color="#FF0000">Kelemahan</font> membuat halaman web dengan editor text, seperti notepad adalah keharusan untuk mempelajari perintah-perintah HTML dan proses pembuatan kode. Meskipun sederhana, pengodean notepad memakan banyak waktu
</p>
<P>
Di dalam desain web, tidak akan bisa lepas dengan yang namanya
HTML (Hypertext Markup Language). HTML adalah bahasa standar yang
digunakan untuk menyusun/membangun suatu halaman web.
</P>
<P>
Meskipun telah muncul software-software yang dapat digunakan untuk
membangun suatu halaman web tanpa susah-susah memperhatikan struktur
HTML-nya, tidak ada salahnya kalau HTML itu sendiri dipelajari.
</P>
<h3><font color="Red">Materi Pembahasan Tugas Perancangan Web</font></h3>
<h4>1. <a href="heading.html">Heading</a>
<br>2. <a href="garis.html">Superscripts dan Subscripts</a>
</h4>
<br>
<br>
<br>
<center><img src="logo.png"></center>
<center><font size="6">STMIK BINA SARANA GLOBAL</font></center>
<address><center>Jl. Gatot Subroto (Perempatan Cimone) No. 43-45 Tangerang<br>Telp : 021-552 2727 Fax : 021-552 4142</center></address>
<br>
<br>
<center><i>-=[ Calm, Confident, Comfort ]=-</i></center>
</body>
</html>

Copy seluruh kode html web diatas kedalam salah satu Code Editor , misal Notepad++ .

Tidak ada komentar:

Posting Komentar