Konsep Dasar Web Design


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

VIRUS

Do not open any attachment received from the unknown or untrusted sender Do not plug in any external USB drive into the company ...