1. Konsep Dasar Web Design
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).
- 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).
2. Struktur Halaman WEB
3. 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.
4. Dasar script HTML
script :
| <html>
| <head>
| <title> Judul / Title </title>
| </head>
| <body>
|
| </body>
| </html>
Hasil Tampilan :
5. Heading
script :
|<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>
6. Paragraf dan Break
script :
|<html>
| <head>
| <title>Latihan 02</title>
| </head>
| <body>
| ITN Malang<br>
| Fakultas Teknologi Indsutri
| Program Studi Teknik Informatika
| <p>
| Jl. Raya Karanglo Km. 2 Malang
| </body>
| </html>
Hasil Tampilan :
7. HR (Horizontal Rule)
script :
|<html>
| <head>
| <title>Latihan 03</title>
| </head>
| <body>
| <h1>ITN MALANG</h1><hr>
| </body>
|</html>
Hasil Tampilan :
8. Font
script :
| <html>
| <head>
| <title>Latihan 04</title>
| </head>
| <body>
| <font face=verdana size=12 color=blue>Welcome to irgiyoga.blogspot.com</font>
| </body>
| </html>
Hasil Tampilan :




