Jumat, 11 Januari 2013
Rabu, 07 November 2012
Materi Powe Point
Membuat Website dengan Adobe Photoshop
Membuat Kerangka Website
carilah sebuah Website yang menurut anda bagus dan ingin ditiru
hitung ukurannya menggunakan penggaris dengan detail
hitung luas kolom judul, menu, isi, iklan, juga contact
buat sketsa web pada selembar kertas beserta ukurannya
Mendesain Website
mulailah menjalankan Adobe Photoshop
CTRL+N: membuat lembar kerja baru
CTRL+O: membuka file
CTRL+SHIFT+N: membuat layer baru
SHIFT+BACKSPACE: memberikan warna pada layer
CTRL+J: menggandakan layer
Croping dan Finishing
setelah mendesain, potong gambar seperti selembar kertas dengan slick
potong gambar menjadi beberapa bagian
terakhir simpat file dengan memilih menu File>Save for Web & Devices
beri nama "home" lalu seting pilihan penyimpanan menjadi "HTML and JPG"
untuk mempermudah buat new folder di desktop dan lakukan penyimpanan didalamnya
Modifikasi File HTML
didalam folder yang dibuat akan muncul folder images dan home.html
klik kanan pada file home.html>Open with..>Notepad
lakukan pengeditan dengan pedoman gambar di photoshop, folder images, dan tampilan IE
CTRL+F: untuk menemukan nama file yang ingin di edit
Perintah-Perintah dalam Pengeditan
mengubah image(<img src="nama gambar">) menjadi background (<background="nama gambar">)
: untuk memberikan sepasi
<center></center>: meratakan text ke tengah
<br>: membuat paragraf baru
<a href="nama link"></a>: memberikan link pada text
Membuat Table
kerangka tabel dasar:
<table> <tr>
<td></td>
</tr></table>
Finishing
buka IE (Internet Explorer) lalu save file dalam folder yang telah dibuat di desktop
beri nama sesuai menu yang dibuat juga sesuai linK dengan akhiran extention ".html"
Selasa, 06 November 2012
Materi untuk peserta pelatihan
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="f8790e" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<center><table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/Untitled-1_01.png" width="1024" height="134" alt=""></td>
</tr>
<tr>
<td background="images/Untitled-1_02.png" width="1024" height="36">
<b>
<a href=home.html>HOME</a>
<a href=about.html>ABOUT</a> <a href=cake.html>CAKE</a>
<a href=community.html>COMMUNITY</a> <a href=tour.html>TOUR</a>
<a href=foto.html>FOTO</a></b></td>
</tr>
<tr>
<td background="images/Untitled-1_03.png" width="1024" height="539">
<table height=490>
<tr> <td width=40></td>
<td width=568> <img src="images/2.jpg" width=550><br><br>
Balutan salju menjadikan suasana berbeda dalam merayakan malam pergantian tahun baru di ibukota negeri ginseng. Mengunjungitempat - tempat terbaik di Korea seperti Nami Island, Mt. Sorak, EverlandTheme Park, Jeju Island yang romantis dan tak ketinggalan menyaksikan pertunjukan Nanta Show yang unik. </td>
<td width=63></td>
<td><img src=images/Kimchi_School.jpg width=280><br><br><br><br><br><img src=images/1.jpg width=280 height=180></td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="images/Untitled-1_04.png" width="1024" height="35">
<center>
www.koreachacha.co.kr
email: koreachacha@kcc.co.kr
Phohe: 0987654321</center></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_05.png" width="1024" height="24" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="f8790e" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<center><table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/Untitled-1_01.png" width="1024" height="134" alt=""></td>
</tr>
<tr>
<td background="images/Untitled-1_02.png" width="1024" height="36">
<b>
<a href=home.html>HOME</a>
<a href=about.html>ABOUT</a> <a href=cake.html>CAKE</a>
<a href=community.html>COMMUNITY</a> <a href=tour.html>TOUR</a>
<a href=foto.html>FOTO</a></b></td>
</tr>
<tr>
<td background="images/Untitled-1_03.png" width="1024" height="539">
<table height=490>
<tr> <td width=40></td>
<td width=568> <img src="images/2.jpg" width=550><br><br>
Balutan salju menjadikan suasana berbeda dalam merayakan malam pergantian tahun baru di ibukota negeri ginseng. Mengunjungitempat - tempat terbaik di Korea seperti Nami Island, Mt. Sorak, EverlandTheme Park, Jeju Island yang romantis dan tak ketinggalan menyaksikan pertunjukan Nanta Show yang unik. </td>
<td width=63></td>
<td><img src=images/Kimchi_School.jpg width=280><br><br><br><br><br><img src=images/1.jpg width=280 height=180></td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="images/Untitled-1_04.png" width="1024" height="35">
<center>
www.koreachacha.co.kr
email: koreachacha@kcc.co.kr
Phohe: 0987654321</center></td>
</tr>
<tr>
<td>
<img src="images/Untitled-1_05.png" width="1024" height="24" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
Senin, 26 Desember 2011
Langganan:
Postingan (Atom)