Konsep Dasar Web Design
o
Perencanaan website
Proses
ini merupakan awal dalam merencanakan halaman web. Dimulai dengan mengumpulkan
seluruh data serta informasi kemudian hasil akhirnya adalah sebuah “site map”
lalu dimulai dengan merancang tata letak
(LayOut) halaman, biasanya dilakukan mendesain tata letak halaman depan dan
halaman kedua. Dalam mendesain halaman ini beberapa komponen penting biasanya
masuk adalah content, rencana letak image, copyright/hak cipta (bagian footer),
serta komponen website dan hal lain yang dianggap perlu (animasi, video, musik,
dll).
o Desain
Halaman Web Dasar
Berdasarkan
hal diatas selanjutnya kita mulai melakukan desain web dengan menterjemahkan perencanaan
ke dalam software desain, keahlian yang mesti diperdalam adalah typografi (kemampuan
memilih font yang tepat), tata letak halaman (menguasai kemampuan
membagi ruang halaman), pewarnaan (menguasai konsep warna dan pemilihan
warna berdasarkan warna perusahaan dan teori pencampuran warna). Software yang
digunakan salah satunya Adobe Photoshop, dengan mempelajari pembuatan
tombol/navigasi, background, bekerja dengan teks, manipulasi gambar/image, dan
khususnya memperdalam teknik – teknik desain website.
========================================================================
Dasar Skrip / Tag HTML
Pertanyaan mendasar dari web designer pemula:
o Sulitkah
pemrograman HTML?....
o Apa
yang dimaksud tag dalam HTML?...
o Bagaimana
belajar dari Design Web yang sudah ada?...
Dasar Skrip / Tag HTML
<html>
<head>
<title>Judul
/ Title</title>
</head>
<body>========
==> Isi / Content
</body>========
</html>
Heading
<html>
<head>
<title>Latihan
01</title>
</head>
<body>
<h1>
Heading 1 - 24 Point </h1>
<h2>
Heading 2 - 18 Point </h2>
<h3>
Heading 3 - 14 Point </h3>
<h4>
Heading 4 - 12 Point </h4>
<h5>
Heading 5 - 10 Point </h5>
<h6>
Heading 6 - 7 Point </h6>
Normal
body text - 12 Point
</body>
</html>
Paragraf dan Break
<html>
<head>
<title>Latihan
02</title>
</head>
<body>
Universitas
Narotama Surabaya
<br>
Fakultas
Ilmu Komputer
<p>
Jurusan
Sistem Komputer & Sistem Informasi
</body>
</html>
HR (Horizontal Rule)
<html>
<head>
<title>Latihan
03</title>
</head>
<body>
<h1>Universitas
Narotama Surabaya</h1>
<hr>
</body>
</html>
Font
<html>
<head>
<title>Latihan
04</title>
</head>
<body>
<font
face=verdana size=3 color=blue>Fakultas Ilmu
Komputer</font>
</body>
</html>
No comments:
Post a Comment