Kamis, 18 September 2014

Membuat Web Sederhana dengan Notepad


           Pada kesempatan ini saya akan memberikan Tutorial Cara Membuat Website Toko Online Sederhana dengan Notepad mungkin bagi kalian sudah sedikit memahami kode atau script HTML.
Membuat halaman website sebenarnya gampang gampang susah. Bahkan kalian hanya perlu sebuah software seperti notepad. Saya ingin mengajak kalian semua mengenal kode HTML dengan memulai dari hal yang sangat sederhana. Berikut cara mudah membuat halaman Web dengan Notepad.
         
Saya membuat contoh web toko online untuk ASUS (gambar menyesuaikan)
1. Ketikkan atau copy paste script berikut untuk membuat halaman beranda atau home dan simpan dengan nama index.html

<html>
<head>
<title>Home</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="latep.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>
Hasil

2. Ketikkan atau copy paste script berikut untuk membuat halaman profil dan simpan dengan nama profile.html

<html>
<head>
<title>Profile</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="profile.html"><img src="profile.jpg">
</tr>

<tr>
<td colspan="3" height="400"><center><img src="as.jpg"></center><br>
<font face="Tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Perusahaan ASUS sudah lama melintang di dunia perkomputeran.
Perusahaan ini didekralasikan  pada tanggal 2 april 1990 oleh TH Tung, Ted Hsu Wayne Hsieh dan MT Liao.
Penghargaan sebagai produk dengan desain terbaik, kualitas produk terbaik, sampai dengan penjualan terbaik pernah didapatkan oleh perusahaan ini.
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Dan saat ini, ASUS telah membuka cabang diseluruh dunia, termasuk Indonesia.
Di Indonesia, salah satu center resmi ASUS terdapat di SURABAYA, INDONESIA.Yang berada di Jalan Invincible nomor 99 dipusat kota.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Di Surabaya, ASUS Indonesia dibawahi oleh Jerry Kurniawan,M.Kom selaku Direktur Utama.
Dan Febriana Rahmawati,ME selaku Manager.</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>


Hasil

3. Ketikkan atau copy paste script berikit untuk membuat halaman produk dan simpan dengan nama products.html

<html>
<head>
<title>Products</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="products.html"><img src="products.jpg">
</tr>

<table width="1200" border="0" align="center">
<table>

</tr>
<tr><td colspan="2"><td><tr><td>
</table>
</td>
<table>
<table width="1200" border="0" align="center">
<td><div style="text-align: center;"><img src="1225B.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="1225C 2.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX720D.png" width="200" height="150"></div></td>
</tr>

<tr>
<td><div style="text-align: center;"><font color="#000000">1225B ; IDR 3.600.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">1225C ; IDR 2.700.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX720D ; IDR 5.200.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="1225C.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1071D.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX722.png" width="200" height="150"></div></td>
</td>

<tr>
<td><div style="text-align: center;"><font color="#000000">1225C ; IDR 2.800.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1071D; IDR 3.700.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX722; IDR 5.000.000</font></div></td>
</td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1075.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1076D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX748D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1075 ; IDR 4.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1076D; IDR 4.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX748D ; IDR 6.200.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1078.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43E-VX1078D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45A-VX168D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1078 ; IDR 4.200.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1078D; IDR 4.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45A-VX168D; IDR 4.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A43E-VX1080D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A43SD-VX720D 2.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45A-VX169D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A43E-VX1080D ; IDR 3.800.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A43SD-VX720D 2; IDR 5.200.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45A-VX169D ; IDR 4.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A45A-VX170D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX269D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX270D.jpg" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A45A-VX170D; IDR 4.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX269D ; IDR 6.300.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX270D; IDR 6.300.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="A45A-VX171D.jpg" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="A45VD-VX245D.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="N46VZ-V3095D.png" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">A45A-VX171D ; IDR 7.500.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">A45VD-VX245D; IDR 8.000.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">N46VZ-V3095D; IDR 10.500.000</font></div></td>

<tr>
<td><div style="text-align: center;"><img src="N46VZ-V3097H.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="N56VZ-S3330H.png" width="200" height="150"></div></td>
<td><div style="text-align: center;"><img src="x450cc-wx143d.jpg" width="200" height="150"></div></td>

<tr>
<td><div style="text-align: center;"><font color="#000000">N46VZ-V3097H ; IDR 9.300.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">N56VZ-S3330H; IDR 12.400.000</font></div></td>
<td><div style="text-align: center;"><font color="#000000">x450cc-wx143d; IDR 10.500.000</font></div></td>
</tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>


Hasil

4. Ketikkan atau copy paste script berikut untuk membuat halaman kontak dan simpan dengan nama contacts.html

<html>
<head>
<title>Contacts</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="contacts.html"><img src="contacts.jpg">
</tr>

<tr>
<td colspan="3" height="400"><center><img src="hub.jpg"></center><br>
<font face="Tahoma">
<b>Phone&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: (0272)020297<br>
Fax&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: (0272)020297<br>
e-mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: weareasus.gmail.com<br>
Address&nbsp;&nbsp;: Invincible St.99. Surabaya, Indonesia<br>
Instagram&nbsp;&nbsp;: ASUSID<br>
Facebook&nbsp;&nbsp;&nbsp;: ASUS Indonesia<br>
Twitter&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;: @ASUS_ID<br></b>

</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Hasil

5. Ketikkan atau copy paste script berikut untuk membuat isi dari link Kelebihan dan Kekurangan dan simpan dengan nama kelebihan.html

<html>
<head>
<title>Kelebihan dan Kekurangan</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="kelebihan.html"><img src="kelebihan.jpg">
</tr>

<tr>
<td colspan="3" height="400"><font face="Tahoma" size="+2"><center><b>Kelebihan dan Kekurangan Laptop ASUS</center><br></b></font>
<font face="Tahoma"><li>Kelebihan :</li>
<ol type="a">
<li>Laptop Asus terkenal awet, khususnya dari sisi motherboardnya.Sebagai Merk IT yang sudah populer sejak jaman PC, masalah pengalaman technologi komputer tidak usah diragukan lagi, Jangan heran jika laptop Asus disebut sebagai laptop dengan tingkat kerusakan di masa garansi  terendah di dunia.</li>
<li>Mayoritas  laptop Asus memakai VGA seperti ATI Radeon & Nvidia GForce, sehingga sering kali Asus dianggap sebagai  Laptop Gamer.</li>
<li>Harga laptop Asus relative murah jika dilihat dari spesifikasi yang ditawarkan. Dengan budget di bawah 5 juta, kita sudah bisa membawa pulang laptop yang bisa digunakan untuk gaming.</li>
<li>Asus paling berani memberikan Masa garansi produk yang cukup lama yaitu 2 tahun.</li>
<li>Asus mempunyai layanan purna jual  terbanyak yakni di 58 negara.</li>
<li>Ini yang mungkin jarang diketahui, ASUS merupakan  pelopor USB 3.0 di Notebok</li>
<li>Memiliki teknologi "Super Hybrid Engine Nvidia Optimus Technologi", membuat daya tahan bateri notebook ASUS lebih lama atau 10,5 jam.</li>
<li>ASUS adalah brand pilihan alam dalam teknologi dan gaya yang mendukung penghjauan dan merupakan pertama di dunia yang meraih sertifikat EU Flower Eco untuk komputer dan sertifkat EuP untuk notebook.</li></ol>

<li>Kekurangan :</li>
<ol type="a">
<li>Asus memang punya service center yang luas secara global tapi tidakmereka  banyak sehinggadi beberapa daerah jika terjadi kerusakaan proses perbaikannya lebih lama dari pada merk laptop lain, jadi kalo mau garansi ya ngantri dulu selesainya bisa sampai berbulan – bulan.</li>
<li>Ini sebenarnya bisa jadi kelebihan juga, tapi justru dipandang sebagai kelemahan bagi banyak pengguna: Asus terlalu cepat mengeluarkan seri2 terbaru dengan spesifikasi lebih tinggi dan harga yg lebih murah, jadi user yg terlanjur beli laptop merasa menyesal kenapa tidak beli yang terbaru aja, biasanya Asus mengeluarkan produk terbarunya Sebulan sekali.</li>
<li>Untuk seri 12" sering terjadi error touchpad dan seri K43u AMD E350 error Harddisk (sebagian user tidak tahu karena kebanyakan hanya toko yang tau saat cek list barang sebelum dijual).</li>
<li>Untuk seri Netbook tidak dilengkapi dengan Softcase.</li></ol>
</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

6. Ketikkan atau copy paste script berikut untuk membuat isi dari link Sejarah Singkat ASUS dan simpan dengan nama sejarah.html

<html>
<head>
<title>Sejarah</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td colspan="3"height="65" bgcolor="#FFFFFF"><a href="sejarah.html"><img src="sejarah.jpg">
</tr>

<tr>
<td colspan="3" height="400"><font face="Tahoma">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Perjalanan ASUS Sepanjang Tahun
Kata ‘ASUS’ diambil dari empat huruf terakhir kata Pegasus, kuda bersayap dalam mitologi Yunani yang melambangkan kebijaksanaan dan pengetahuan.
ASUS menjelmakan kekuatan, kemurnian dan jiwa petualang dari makhluk mengagumkan ini, dan membubung tinggi menuju puncak dengan setiap produk yang diciptakannya.
Industri teknologi informasi Taiwan telah bertumbuh pesat selama beberapa dekade terakhir dan Taiwan telah menjadi pemain dominan di pasar global. ASUS telah lama menjadi pemimpin dalam pertumbuhan tersebut dan walaupun memulainya sebagai produsen motherboard sederhana dengan mempekerjakan segelintir karyawan yang andal, kini ASUS telah menjadi perusahaan teknologi terdepan di Taiwan dengan jumlah karyawan lebih dari 12,500 di seluruh dunia. ASUS telah menghasilkan produk di hampir semua setiap kategori teknologi informasi,
termasuk diantaranya komponen PC dan peripheral, notebook, tablet, server dan smartphone.<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Inovasi adalah kunci utama kesuksesan ASUS. Setelah meluncurkan PadFone ke khalayak umum pada acara Computex 2011, tahun ini ASUS Chairman Jonney Shih sekali lagi mencuatkan perangkat mobile TAICHI dan Transformer Book dual-purpose.
ASUS TAICHI™ merupakan Ultrabook™ dengan display dua sisi yang dapat berperan sebagai tablet saat sedang dalam keadaan tertutup. Transformer Book adalah tablet yang dapat dimasukkan ke docking keyboard dan bertransformasi menjadi Ultrabook.
Hadirnya Tablet 810 dengan Windows 8 dan Tablet 600 dengan Windows RT, ASUS memiliki jajaran produk yang akan melampaui imajinasi para pengguna untuk memasuki era baru komputasi awan.
Pendekatan visioner inilah yang menjadikan ASUS sebagai pendukung utama dalam menghadirkan inovasi dan desain berkualitas ke dalam kehidupan para pengguna. Produk-produk ASUS telah memenangkan 4,256 penghargaan internasional dan berbagai pujian di tahun 2013, sepadan dengan lebih dari 11 penghargaan per hari.
</font></br></td></tr>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

7. Ketikkan atau copy paste script berikut untuk membuat isi dari link Latest dan simpan dengan nama latest.html

<html>
<head>
<title>Latest</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="latep.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

8. Ketikkan atau copy paste script berikut untuk membuat isi dari link Popular dan simpan dengan nama popular.html

<html>
<head>
<title>Popular</title>
<body>
<body Link=”#000000” Alink=”#g0067ac”  Vlink=”#72ceaf”>
Tugas Web Kelas XII SMK N 1 Klaten<br></br>
<table width="1250" border="0" align="center">
<tr>
<center><a href="index.html"><img src="untitled-1.jpg">
<a href="profile.html"><img src="pro.jpg">
<a href="products.html"><img src="prod.jpg">
<a href="contacts.html"><img src="tak.jpg"></center></a></td>
</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF"><img src="head.gif"></td></tr>

<tr width="1200" height="100">
<td rowspan="2" width="900"><img src="iklan.gif"></td>

<td colspan="3" rowspan="2"><h1 align="center">Artikel Terkait<br></h1>
<center><a href="sejarah.html">Sejarah Singkat ASUS</a><br>
<a href="kelebihan.html">Kelebihan dan Kekurangan Laptop ASUS</a></center></td></br>
</tr>


<tr width="1200" height="100">
<td colspan="3">&nbsp;</td></h4></tr>



<tr>
<td height="65" bgcolor="#FFFFFF"><a href="latest.html"><img src="late.jpg"></a></td>
<td colspan="3" height="65" bgcolor="#FFFFFF"><a href="popular.html"><img src="popular.jpg"></a></td>

</tr>

<tr>
<td colspan="4" bgcolor="#FFFFFF" height="400"><img src="popu.jpg"></td>

<tr>
<td height="30" bgcolor="#76c0a7"><a href="index.html"><center>Home</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="profile.html"><center>Profile</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="products.html"><center>Products</center></a></td>
<td height="30" bgcolor="#76c0a7"><a href="contacts.html"><center>Contact</center></a></td>
</tr>

<tr>
<td colspan="4">&nbsp;</td>
</tr>

<tr>
<td colspan="4>
<font face="times new roman"><center><font color="#000000">Copyright 2014 ASUS Component Indonesia. All Right Reserved</center></font></td></tr>
</head>
</html>

Catatan :
<body link alink vlink> : untuk mengubah warna link dari warna default
<table> : untuk membuat tabel
<tr> : untuk membuat baris
<td> : untuk membuat kolom yang diinginkan pada setiap baris
<td colspan> : untuk membuat merge and center dan ditentukan berapa kolom yang akan di merge
<td rowspan> : untuk membuat merge and center dan ditentukan berapa baris yang akan di merge
<a href> : untuk membuat link
<img src> : untuk menyisipkan gambar dalam format png/jpg/gif

Diposting oleh di Tidak ada komentar:

Kamis, 21 Agustus 2014

Kirab Budaya dalam Rangka Memperingati Dirgahayu Republik Indonesia ke-69

17 Agustus 2014, peringatan Dirgahayu Republik Indonesia ke-69. Banyak kegiatan  untuk memperingatinya. Dan tentunya setiap daerah memiliki cara tersendiri untuk merayakan kemerdekaan selain dengan upacara bendera. Misal, di Kota Klaten. Pada tanggal 18-19 Agustus 2014, pemerintah Kabupaten Klaten mengadakan karnaval untuk memperingatinya.
Pada tanggal 19 Agustus, saya berkesempatan menyaksikan karnaval (Kirab Budaya)  tersebut karena sekolah saya dipulangkan lebih awal. Kirab Budaya kali ini menurut saya lebih meriah dari tahun lalu karena jumlah pengikutnya semakin banyak dan semakin beragam. Mulai dari sekolah, kursus, masyarakat luas hingga dari dinas pun ikut turun dalam Kirab Budaya ini.
Kirab Budaya ini diselenggarakan di sepanjang Jl. Pemuda Kabupaten Klaten (Jalan menuju Kota Yogyakarta) dan der-start di Gedung Olahraga (Monumen Juang 45 Klaten) atau masyarakat sering menyebutnya dengan GOR. Peserta juga mempersembahkan karya yang beragam.

Dari sekolah, mereka bisa berkesempatan mempromosikan sekolah mereka. Mungkin dari menunjukkan ekstrakurikuler yang ada disekolah hingga menunjukkan prestasi yang telah diraih oleh sekolah mereka.













 

Dari kursus, mereka dapat menampilkan bahan ajar apa yang dipelajari. Misal, kemarin saya melihat kursus model yang menampilakn model-model mereka untuk mengikuti Kirab Budaya ini. Mereka mengenakan busana yang lebih menojol dibanding dengan yang lain.
 
Selfie sama salah satu modelnya ^_^

Kita nih :)




Dari masyarakat luas, missal dari Naga Mas Motor. Dari Naga Mas Motor menujukkan Naga yang berwarna emas yang terbuat dari busa dan sterofom yang dibentuk menyerupai naga. Dan dari Naga Mas Motor juga menampilkan barongsai. 
You know who is that.

Sama Dewi Rachmawati

Cheers !



Respect For Indonesia !

Naga Mas

Ini juga dari Naga Mas Motor

Ramayana dari Kecamatan Prambanan

Ramayana dari Kecamatan Prambanan

Ada Rama dan Sinta guys

Ini pengikutnya Rama dan Sinta

Sapinya manteb guys :D

Ini juga


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)