Minggu, 12 Oktober 2014

Semua Tentang Kita (Part I)


Hay hay… Hihiww hello readers J Hello para pejuang tugas kelas XII, kelas XII multimedia, kelas XII Multimedia 2 J tetep semangat yaa ngerjain tugasnya, tetep semangat ya guys walaupun sering begadang, MPI nya, Web nya, Tugasnya Pak Choiri, semangat Pra-Produksi Produksi and Pasca-Produksi teman. Jangan lupa belajar Pelajaran Normatifnya yoo, Mapel UN juga jangan sampe dilupakan J. Haha sebentar lagi kita Mid Semester kawan, diimbangi antara ngerjain tugas dan belajarnyaa yaa J
Jangan lupa sempatkan waktu juga buat refreshing, tekan F5 pada keyboard juga bisa, simple wkwkwk. Kayak aku nih, walaupun banyak tugas yang dikejar deadline tapi masih sempet ngisi Blog, walaupun dengan curhatan-curhatan gak genah :D wkwkwk biarlah, yang penting bisa ngeluarin isi hati *dikit* :D
Yoo kita ke curhatan utama, yesss bulan maret-mei lalu kita kelas XI Multimedia lg ada kegiatan PKL nih atau Prakerin gitulah, XI Multimedia 2 menjadi XII Multimedia 2, Alhamdulillah naik kelas dan udah jadi kakak kelas tertinggi loh :D tapi kadang masih dipanggil “DEK” -____- (sakitnya tuh disini) x_x
Prakerinku dulu diadain 2 bulan, dan Kelompokku  ada 3 orang J Perkenalkan :
Yang pertama ada aku nih, Aza Belyna Fransysxa J
Aza Belyna Fransysxa

Aza Belyna Fransysxa

Terus ada kawanku, Hendri Winarsih J (kayak nama cowok ya :D tapi dia cewek kok J)
 
Hendri Winarsih

Terakhir ada si gadis berkacamata, Weni Sartika J
 
Weni Sartika

Hellooo… perkenalkan tokoh ini dulu kawan, beliau bernama Bapak Sudaryanto J Tegas, Kreativ, Ulet, Realistis, Sederhana, Baik hati, Penyabar, dan semuanya deh J Aku nge-Faaaaaaaans banget sama bapak satu ini, beliau adalah Guru kami saat Prakerin di Pustaka Insan Madani J
Nih Pictnya, ganteng kan J



Taugak, kita dulu prakerinnya di du a tempat loh. Tempat pertama, yaitu di PT Pustaka Insan Madani, sebuah perusahaan di daerah Sambilegi, Sleman, Yogyakarta. Kantornya deket bandara loh :D jadi kalo lagi di lantai 2 gitu sering liat pesawat yang baru take off :D Air Asia atau Garuda Indonesia gitu :D wkwkwk.
Nih kumpulan pict kegiatan kami disana J



Oiya, kan Sleman sama Klaten itu kan jaraknya lumayan rada jauh kan, nah kita bertiga dulu awalnya Ngekost, TAPI baru dapat 2 minggu gitu kita udah ngerasa gak betah banget -_- ibuk kostnya duhhh awesome bangetlah -_- orangnya gemesin semua gitudeh x_x. yaudahdeh 2 minggu selanjutnya kita relain buat ngelaju dari klaten ke sleman trus pulang lg ke klaten gitu tiap hari, daripada makan hati terus di tempat kosan-_-. Nih tempat kita ngekost, lantai 2, sering liat sunset :3 kalo pulang prakerin, duh banget deh J
Nih pict nya J

Terus di kantor kami juga ada anak prakerin dari SMK lain loh, SMK Cordova Pati, Jawa Tengah J kita ketemu sama Lutfi, Erlangga, Fais, satunya mbak-mbak gatau namanya hihi :D Nih pict temen-temen kami J


Terus kita dulu kalo kost ato dikantor juga sering narsis loh :D nih pictnyaJ
ini pas dibalkon kosan, pas mau berangkat prakerin nih, habis mandi, masih cantik cantik kan J

ini pas disebelah masjid kantor, pas istirahat habis Sholat Dzuhur J

Bulan berikutnya kita pindah tempat Prakerin loh J tepatnya di Desa Brajan, Prambanan. Yaa, ditempat itulah semua cerita indah ini kita mulai. Hihi tunggu postinganku selanjutnya yaa :D
Thanks Readers J
Tunggu Postingan Prakerinku selanjutnya J

Senin, 22 September 2014

Tutorial Membuat Halaman Produk Toko Online Menggunakan Notepad


Tutorial Membuat Halaman Produk Toko Online Menggunakan Notepad
1.       Sebelum membuat halaman yang spesifik, pertama-tama kita berlatih membuat kerangka halaman terlebih dahulu. Buka aplikasi Notepad, Notepad++ atau aplikasi sejenisnya.
Kemudian masukkan syntax dibawah ini :
<html>
<head>

<title>TOKO ONLINE KAMERA</title>
</head>

<body body background="2.jpg" link="ff00ff" vlink="00aeef"><br>
<table width="1024" border="1" align="center">

<tr height="150">
<td colspan="3"> <img src="header3.jpg"/></td>
</tr>

<tr valign="top">
<td width="150" body background="bg1.jpg">
<br><br>
<UL TYPE="SQUARE">
<LI><a href="index.html">Profil Kami </a><br/>
<li><a href="Kontak.html">Kontak </a><br/>
</ul>
<br><br><br><br>
<oL type="1">
<li><a href="Kamera.html">Kamera</a><br>
<li><a href="lensa.html">Lensa</a><br>
<li><a href="lenshood.html">Lenshood</a><br>
</td>

<td align="center" width="724" bgcolor="ffebf4">
<font size="+10">isi kolom utama</font>
</td>

<td width="150" body background="bg2.jpg">
</td>
</tr>
<tr><td colspan="3" bgcolor="78d2f6"><center><font color="92278f">Copyright 2014</center></font>
</td>
</tr>
</table>
</body>
</html>

Catatan =
Untuk height pada table utama tidak usah diisi, karena panjang halaman nanti akan menyesuaikan sesuai dengan jumlah gambar produk yang kita muat.
Sehingga tampilannya seperti ini.

2.       Setelah kita paham mengenai cara membuat kerangka utama, kemudian kita berlatih membuat tabel. Masukkan syntax-syntax dibawah ini di aplikasi Notepad.
<html>
<head>
<title>TOKO ONLINE KAMERA</title>
</head>
<body body background="2.jpg" link="ff00ff" vlink="00aeef"><br>

<table align="center" border="1">
<tr>
<td width="240" height="240"><center>kolom 1 baris 1</td>
<td width="240" height="240"><center>kolom 2 baris 1</td>
<td width="240" height="240"><center>kolom 3 baris 1</td>
</tr>
<tr>
<td width="240" height="240"><center>kolom 1 baris 2</td>
<td width="240" height="240"><center>kolom 2 baris 2</td>
<td width="240" height="240"><center>kolom 3 baris 2</td>
</tr>
<tr>
<td width="240" height="240"><center>kolom 1 baris 3</td>
<td width="240" height="240"><center>kolom 2 baris 3</td>
<td width="240" height="240"><center>kolom 3 baris 3</td>
</tr>
</table>
</body>
</html>
Sehingga tampilannya seperti ini :

3.       Setelah selesai membuat kerangka table, kemudian kita akam mengisi table-tabel tersebut dengan gambar-gambar yang akan kita jual. Masukkan syntax-syntax ini ke Aplikasi Notepad.
<html>
<head>
<title>TOKO ONLINE KAMERA</title>
</head>
<body body background="2.jpg" link="ff00ff" vlink="00aeef"><br>
<table align="center">
<tr>
<td width="240" height="240"><center><img src="1000d.jpg"></td>
<td width="240" height="240"><center><img src="1100d.jpg"></td>
<td width="240" height="240"><center><img src="700d.jpg"></td>
</tr>
<tr>
<td width="240" height="240"><center><img src="650d.jpg"></td>
<td width="240" height="240"><center><img src="600d.jpg"></td>
<td width="240" height="240"><center><img src="550d.jpg"></td>
</tr>
<tr>
<td width="240" height="240"><center><img src="100d.jpg"></td>
<td width="240" height="240"><center><img src="60d2.jpg"></td>
<td width="240" height="240"><center><img src="7d.jpg"></td>
</tr>
</table>
</body>
</html>

Sehingga tampilannya seperti ini :


4.       Setelah selesai membuat table diatas, kemudian gabungkan syntax-syntax table yang telah diisi gambar-gambar tadi kedalam syntax kerangka utama. “Isi Kolom Utama” dihapus kemudian diganti dengan syntax No. 3. Atau masukkan syntax-syntax dibawah ini  :
<html>
<head>

<title>TOKO ONLINE KAMERA</title>
</head>

<body body background="2.jpg" link="ff00ff" vlink="00aeef"><br>
<table width="1024" border="1" align="center">

<tr height="150">
                <td colspan="3"> <img src="header3.jpg"/></td>
</tr>

<tr valign="top">
<td width="150" body background="bg1.jpg">
<br><br>
<UL TYPE="SQUARE">
<LI><a href="index.html">Profil Kami </a><br/>
<li><a href="Kontak.html">Kontak </a><br/>
</ul>
<br><br><br><br>
<oL type="1">
<li><a href="Kamera.html">Kamera</a><br>
<li><a href="lensa.html">Lensa</a><br>
<li><a href="lenshood.html">Lenshood</a><br>
</td>

<td align="center" width="724" bgcolor="ffebf4">
<br>
<font size="+3" face="cooper black" color="ec008c">KAMERA</font><br>
<marquee><font color="bab7ff" size="+3" face="tekton pro">www.AzaBelyna.com</font></marquee>
<br>
<br>
<table align="center">
  <tr>
        <td width="240" height="240"><center><img src="1000d.jpg"></td>
        <td width="240" height="240"><center><img src="1100d.jpg"></td>
        <td width="240" height="240"><center><img src="700d.jpg"></td>
    </tr>
    <tr>
        <td width="240" height="240"><center><img src="650d.jpg"></td>
        <td width="240" height="240"><center><img src="600d.jpg"></td>
        <td width="240" height="240"><center><img src="550d.jpg"></td>
    </tr>
    <tr>
        <td width="240" height="240"><center><img src="100d.jpg"></td>
        <td width="240" height="240"><center><img src="60d2.jpg"></td>
        <td width="240" height="240"><center><img src="7d.jpg"></td>
    </tr>
                </table>
</td>

<td width="150" body background="bg2.jpg">
</td>
</tr>
<tr><td colspan="3" bgcolor="78d2f6"><center><font color="92278f">Copyright 2014</center></font>
</td>
</tr>
</table>
</body>
</html>

Sehingga tampilannya seperti ini :


Sekian Tutorial dari saya dan semoga bermanfaat

Minggu, 21 September 2014

Tutorial Membuat Header pada Web Toko Online

Ya, sebelum kita membuat halaman web toko online, alangkah baiknya kita membuat header halamannya terlebih dahulu agar terlihat menarik. Berikut tutorialnya :

11.       Buka aplikasi Adobe Photoshop Cs3, kemudian buat dokumen baru File> New, dengan ukuran sebagai berikut.

22.       Kemudian beri warna pada layer 1 dengan cara pilih warna di panel Swatches kemudian tekan Alt + Backspace



33.       Kemudian beri teks pada header anda, tekan T pada keyboard lalu ketik teks di layer 1.

44.       Lalu kreasikan header sesuia kretivitas anda.



55.       Dan jadilah header yang pas sesuai dengan produk yang anda jual.

Sekian tutorial dari saya. Semoga Bermanfaat ^_^

 

Aza Fransysxa Template by Ipietoon Cute Blog Design and Homestay Bukit Gambang