February 2014 Propeller Ads ID Propeller Ads

makalah desain grafis

<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 18.0pt; line-height: 115%;">MAKALAH</span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<span style="height: 2px; left: 0px; margin-left: 1px; margin-top: 43px; mso-ignore: vglayout; position: absolute; width: 605px; z-index: 1;"><img height="2" src="file:///C:/Users/Personal/AppData/Local/Temp/msohtmlclip1/01/clip_image003.gif" v:shapes="_x0000_s1026" width="605" /></span><b><span style="font-family: "Times New Roman","serif"; font-size: 18.0pt; line-height: 115%;">DESAIN
GRAFIS<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrpIN-OBlaKjg-UqdP_D0ff3jhEyhl0zZeqBmTysd-oWyxMpvC9SEgBpjZmwgCesYqUcrP0e1c4xiwXg257p6zOWcmC_UqUlwtDhM3_H9APrkmNuqJzKmCttf4seUBXQoI51EPiE62vA0/s1600/logo-um-ijo-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://riyan.facesweet.com/2014/02/pengantar-logika-dan-algoritma-dengan.html" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrpIN-OBlaKjg-UqdP_D0ff3jhEyhl0zZeqBmTysd-oWyxMpvC9SEgBpjZmwgCesYqUcrP0e1c4xiwXg257p6zOWcmC_UqUlwtDhM3_H9APrkmNuqJzKmCttf4seUBXQoI51EPiE62vA0/s1600/logo-um-ijo-1.jpg" title="makalah" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">DI
SUSUN OLEH :<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">RIYAN FIRDAUS<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">NPM
: 13410039<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">MIK
2013/2014<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">UNIVERSITAS
MUHAMMADIYAH METRO<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">MANAJEMEN
INFORMATIKA KOMPUTER<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 115%;">2014<o:p></o:p></span></b></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Assalamualaikum, wr..wb..<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">DAFTAR ISI<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB 1: PENDAHULUAN<o:p></o:p></span></b></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 2.85pt 6pt 39.3pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.1.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> POKOK MASALAH<b><o:p></o:p></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 2.85pt 6pt 39.3pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.2.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> TUJUAN<b><o:p></o:p></b></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 12pt 2.85pt 6pt 39.3pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.3.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> RUANG LINGKUP MATERI<b><o:p></o:p></b></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt 0cm;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt 0cm;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> BAB II : DASAR TEORI/LANDASAN TEORI<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB III : PEMBAHASAN<o:p></o:p></span></b></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 2.85pt 6pt 38.85pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.1.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Desain grafis<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 2.85pt 6pt 38.85pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.2.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Layout<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 2.85pt 6pt 38.85pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.3.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Tipografi<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 2.85pt 6pt 38.85pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.4.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Nirmana<o:p></o:p></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 12pt 2.85pt 6pt 38.85pt; text-indent: -18pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.5.</span><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Prisip-prinsip dasar seni rupa<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB IV : PENUTUP<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">     
4.1. KESIMPULAN<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB I : PENDAHULUAN <o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Desain grafis atau Graphic Design. Kata
grafis menurut etimologi adalah berasal dari kata graphic (bahasa Inggris) yang
berasal dari bahasa Latin graphe (yang diadopsi kata Yunani graphos), yang
berarti menulis, menggores atau menggambar di atas batu.<br />
Desain sendiri merupakan proses pemikiran dan perasaan yang akan menciptakan
sesuatu, dengan menggabungkan fakta, konstruksi, fungsi dan estetika untuk
memenuhi kebutuhan manusia atau Desain grafis juga bias diartikan suatu konsep
pemecahan masalah rupa,warna, bahan, teknik, biaya, guna dan pemakaian
yang diungkapkan dalam gambar dan bentuk.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
<b>1.1. POKOK MASALAH<o:p></o:p></b></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
Dalam desain grafis masalahnya mencakup berbagai bidang
seperti teknik perencanaan gambar, bentuk, simbol,
huruf, fotografi dan proses cetak disertai pula dengan pengetahuan tentang
bahan dan biaya. Biasanya Desain grafis biasanya diterapkan untuk media-media
statis, seperti buku, majalah, dan brosur tetapi sejalan dengan perkembangan
zaman, desain grafis juga diterapkan dalam media elektronik, yang sering kali
disebut sebagai desain interaktif atau desain multimedia.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
<b>1.2. TUJUAN</b><o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
Tujuan desain grafis selain menciptakan desain atau perencanaan fungsional
estetis, namun juga yang informatif dan komunikatif dengan masyarakat yang
dilengkapi pula dengan pemahaman mengenai psikologi massa dan teori-teori
pemasaran, sehingga karya-karya desain grafis ini bisa merupakan alat promosi
yang ampuh.<br />
<br />
<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">1.3. RUANG LINGKUP MATERI<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
Dari sinilah Desain grafis juga seperti jenis desain lainnya merujuk kepada
proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau
pun disiplin ilmu yang digunakan (desain).<br />
<br />
<br />
<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB II : DASAR TEORI/LANDASAN TEORI<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt;">Orang yang berkarya di bidang desain
grafis maka disebut sebagai desainer grafis (graphic designer)<br />
Pada tahun , Henry Cole menjadi salah seorang yang paling berpengaruh dalam
pendidikan desain di Inggris, ia meyakinkan pemerintah tentang pentingnya
desain dalam sebuah jurnal yang berjudul Journal of Design and Manufactures.
Dia menyelenggarakan The Great Exhibition sebagai perayaan atas munculnya
teknologi industri modern dan desain bergaya Victoria.<br />
<br />
Dari tahun 1891 sampai 1896, Percetakan William Morris Kelmscott
mempublikasikan buku karya desain grafis yang dibuat oleh gerakan Arts and
Crafts , dan membuat buku dengan desain yang lebih bagus dan elegan untuk
dijual kepada orang-orang kaya. Morris membuktikan adanya potensi pasar untuk
produk-produk desain grafis. Morris juga mempelopori pemisahan desain grafis
dari seni rupa. Karya –karya Morris dan karya dari pergerakan Private Press
secara langsung mempengaruhi Art Nouveau, dan secara tidak langsung
mempengaruhi perkembangan desain grafis pada awal abad ke 20.<br />
<br />
Kata Desain Grafis pertama kali digunakan pada tahun 1922 di sebuah esai
berjudul New Kind of Printing Calls for New Design yang ditulis oleh William
Addison Dwiggins, seorang desainer buku Amerika.<br />
Raffe's Graphic Design, yang diterbitkan pada tahun 1927, dianggap sebagai buku
pertama yang menggunakan istilah Desain Grafis pada judulnya.<br />
The signage in the London Underground adalah contoh desain klasik pada abad
modern yang menggunakan jenis huruf yang dirancang oleh Edward Johnston pada
tahun 1916.<br />
Pada tahun 1920, Aliran konstuktivisme di Uni Soviet melihat seni yang
berorientasi individu tidak ada gunanya bagi Rusia dan membuat sesuatu yang
dapat diterapkan di dunia nyata. Mereka mendesain bangunan, perangkat teater,
poster, kain, pakaian, perabot, logo, menu, dll.<br />
<br />
Jan Tschichold merumuskan prinsip-prinsip dasar tipografi modern pada tahun
1928 dalam bukunya yang berjudul New Typography. Tschichold, Bauhaus,Herbert
Bayer and Laszlo Moholy-Nagy, and El Lissitzky adalah tipografer yang
berpengaruh besar dalam ilmu desain grafis yang kita kenal sekarang ini. Mereka
mempelopori teknik produksi yang digunakan sepanjang abad ke 20. Pada
tahun-tahun berikutnya desain grafis mendapat banyak pengakuan dan mulai banyak
diterapkan. Pasca Perang Dunia II, kebutuhan akan desain grafis meningkat
pesat, terutama untuk periklanan dan kemasan produk. Perpindahan Sekolah
Bauhaus dari Jerman ke Chicago pada tahun 1937 membawa pengaruh besar pada
desain di Amerika. Nama- nama yang terkenal diantaranya Adrian
Frutiger(desainer jenis huruf Univers dan Frutiger), Paul Rand(yang dari akhir
1930-an sampai kematiannya pada tahun 1996 menggunakan prinsip Bauhaus dan
menerapkannya padaiklan dan desain logo.<br />
<br />
Perkembangan industri desain grafis tumbuh seiring dengan perkembangan
konsumerisme. Hal ini menimbulkan kritik dari berbagai komunitas desain yang
tertuang dalam First Things First manifesto yang pertama kali diterbitkan pada
tahun 1964 dan diterbitkan kembali pada tahun 1999 di majalah Émigré.
Konsumerisme terus tumbuh, sehingga terus memacu pertumbuhan ilmu desain
grafis. Hal ini menarik para praktisi desain grafis, beberapa diantaranya adalah
: Rudy VanderLans, Erik Spiekermann, Ellen Lupton and Rick Poynor.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt 0cm;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"> BAB III : PEMBAHASAN<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt 0cm;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">A. Desain grafis</span></b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;"><br />
<br />
Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar
untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis,
teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang
bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art.
Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses
pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun
disiplin ilmu yang digunakan (disain).<br />
<br />
Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual,
termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan
tata letak.</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<div>
<b>B. Layout</b></div>
<div>
<b><br />Layout</b> adalah penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan.<br />
<div>
<br /></div>
<div>
<b>C. Tipografi</b></div>
<div>
<br /></div>
<br />
<br />
<br />
<img src="http://upload.wikimedia.org/wikipedia/id/e/e2/AOcirihuruf.png" /><br />
<img src="http://bits.wikimedia.org/static-1.23wmf13/skins/common/images/magnify-clip.png" />Ciri huruf yang mudah dikenali: goresan (stroke), siripan (serif), dan sempitan (stress)</div>
<div>
Tipografi atau tatahuruf merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin.<br />
<br />
Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam seni tipografi, pengertian huruf sebagai lambang bunyi bisa diabaikan.<br />
<br />
<b>Sejarah Tipografi</b><br />
<br />
Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa VikingNorwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglif pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.<br />
<br />
Bentuk tipografi tersebut akhirnya berkembang sampai di Kreta, lalu menjalar ke Yunani dan akhirnya menyebar keseluruh Eropa.<br />
<br />
Puncak perkembangan tipografi, terjadi kurang lebih pada abad 8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.<br />
<br />
Saat ini tipografi mengalami perkembangan dari fase penciptaan dengan tangan hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya.<br />
<div>
<br />
<b>Klasifikasi Rupa huruf</b><br />
<br />
Dalam beberapa literatur tipografi, rupa huruf dapat di golongankan dalam beberapa klasifikasi, yang berguna untuk mempermudah mengidentifikasi rupa huruf tersebut. Berdasarkan klasifikasi yang umum dan sering dipakai, klasifikasi berdasarkan timeline sejarahnya dan fungsinya, rupa huruf digolongkan menjadi:<br />
Blackletter / Old English / Textura, berdasarkan tulisan tangan (script) yang populer pada abad pertengahan (sekitar abad 17) di Jerman (gaya gothic) dan Irlandia (gaya Celtic).<br />
Humanis / Venetian, berdasarkan tulisan tangan (script) gaya romawi di Italia. Disebut humanis karena goresannya seperti tulisan tangan manusia.<br />
Old Style, Rupa huruf serif yang sudah berupa metal type, gaya ini sempat mendominasi industri percetakan selama 200 tahun.<br />
Transitional, Rupa huruf serif, muncul pertama kali sekitar tahun 1692 oleh Philip Grandjean, diberi nama Roman du Roi atau "rupa huruf raja", karena dibuat atas perintah Raja Louis XIV.<br />
Modern / Didone, Rupa huruf serif, muncul sekitar akhir abad 17, menjelang jaman Modern.<br />
Slab serif / Egytian Rupa huruf serif, muncul sekitar abad 19, kadang disebut Egytian karena bentuknya yang mirip dengan gaya seni dan arsitektur Mesir kuno<br />
Sans-serif / Rupa huruf tanpa kait<br />
Grotesque Sans-serif, muncul sebelum abad 20.<br />
Geometris Sans-serif, bentuk rupa hurufnya berdasarkan bentuk-bentuk geometris, seperti lingkaran segi empat dan segitiga.<br />
Humanis Sans-serif, bentuk rupa hurufnya seperti tulisan tangan manusia.<br />
Display / dekoratif, muncul sekitar abad 19, untuk menjawab kebutuhan di dunia periklanan. Cirinya adalah ukuranya yang besar.<br />
Script dan cursive, bentuknya menyerupai handwriting - tulisan tangan manusia. Script, hurufnya kecil-kecil dan saling menyambung, sedangkan Cursive tidak.<br />
<br />
Selain itu ada juga klasifikasi yang berdasarkan bentuk rupa hurufnya:<br />
Roman, pada awalnya adalah kumpulan huruf kapital seperti yang biasa ditemui di pilar dan prasasti Romawi, namun kemudian definisinya berkembang menjadi seluruh huruf yang mempunyai ciri tegak dan didominasi garis lurus kaku.<br />
Serif, dengan ciri memiliki siripan di ujungnya. Selain membantu keterbacaan, siripan juga memudahkan saat huruf diukir ke batu.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://upload.wikimedia.org/wikipedia/id/thumb/e/e1/April.jpg/150px-April.jpg" title="desain grafis" /></div>
<div>
<img src="http://bits.wikimedia.org/static-1.23wmf13/skins/common/images/magnify-clip.png" />Contoh penggunaan huruf bersirip di nisan Johanna Christine, Museum Taman Prasasti<br />
Egyptian, atau populer dengan sebutan slab serif. Cirinya adalah kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulkan adalah kokoh, kuat, kekar dan stabil.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://upload.wikimedia.org/wikipedia/id/thumb/f/f6/Slabserif_thomasdesouza.jpg/150px-Slabserif_thomasdesouza.jpg" title="desain grafis" /></div>
<div>
<img src="http://bits.wikimedia.org/static-1.23wmf13/skins/common/images/magnify-clip.png" />Salah satu contoh huruf slab serif di nisan Thomas de Souza, di pintu masuk Museum Taman Prasasti<br />
Sans Serif, dengan ciri tanpa sirip/serif, dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer dan efisien.<br />
Script, merupakan goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.<br />
Miscellaneous, merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.</div>
<div>
<b>Kejelasan bentuk huruf dan Keterbacaan</b><br />
<br />
<b>Kejelasan bentuk huruf</b> (legibility) adalah tingkat kemudahan mata mengenali suatu karakter / rupa huruf / tulisan tanpa harus bersusah payah. Hal ini bisa ditentukan oleh:<br />
Kerumitan desain huruf, seperti penggunaan siripan, kontras goresan, dan sebagainya.<br />
Penggunaan warna<br />
Frekuensi pengamat menemui huruf tersebut dalam kehidupan sehari-hari<br />
<br />
<b>Keterbacaan</b> (readability) adalah tingkat kenyamanan / kemudahan suatu susunan huruf saat dibaca, yang dipengaruhi oleh:<br />
Jenis huruf<br />
Ukuran<br />
Pengaturan, termasuk di dalamnya alur, spasi, kerning, perataan, dan sebagainya<br />
Kontras warna terhadap latar belakang</div>
<div>
<br /></div>
<br />
<b>D. Nirmana</b><br />
<br />
<br />
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana.png" title="desain grafis" /></div>
<div>
<br /></div>
<div>
Meski nirmana dipahami sebagai sebuah bentuk yang tidak berbentuk. Dalam konteks desain komunikasi visual, nirmanamemegang peranan penting perihal bagaimana menata dan menyusun elemen dasar desain komunikasi visual . Peranan penting lainnya, di dalam nirmana mensyaratkan tatasusun dan tatakelola unsur desain komunikasi visual dalam sebuah perencanaan komposisi yang serasi dan seimbang di dalam setiap bagiannya.<br />
<br />
<br />
<br />
Definisi nirmana adalah pengorganisasian atau penyusunan elemen-elemen visual seperti titik, garis, warna, ruang dan tekstur menjadi satu kesatuan yang harmonis. nirmana dapat diartikan sebagai hasil angan-angan dalam bentuk dwimatra, trimatra yang mempunyai nilai keindahan. nirmana disebut juga ilmu tatarupa.<br />
<br />
Arti nirmana :<br />
<br />
Dibentuk dari dua kata yaitu nir berarti tidak, mana berarti makna, jika digabungkan berarti tidak bermakna atau tidak mempunyai makna. Jika di artikan lebih dalam nirmana berarti lambang-lambang bentuk tidak bermakna, dilihat sebagai kesatuan pola, warna, komposisi, irama, nada dalam desain. Bentuk yang dipelajari biasanya diawali dari bentuk dasar seperti kotak, segitiga, bulat yang sebelumnya tidak bermakna diracik sedemikian rupa menjadi mempunyai makna tertentu.<br />
<br />
Jika kita telaah lebih jauh, nirmana mirip dengan Tipografi (ilmu huruf) yaitu tentang mengorganisasikan sesuatu untuk mencapai kualitas artistik pada sebuah karya seni atau desain. nirmana berbicara tentang harmoni, keselarasan soal rasa, dan impresi pada sebuah bentuk. nirmana tidak hanya mencakup 2 dan 3 dimensi saja melainkan menjelajah sebuah ruang yang disebut dengan ruang maya.<br />
<br />
Ruang maya adalah ruang semu dimana kita bisa berhayal tentang sesuatu yang mebingungkan kita sendiri, dalam artian hayalan tentang sebuah kegilaan bentuk yang sulit kita torehkan dalam media 2 dimensi ( sering disebut dengan nirmana ruang datar /nirmana dwimatra) atau 3 dimensi (sering disebut dengan nirmana ruang / nirmana trimatra).<br />
<br />
Pengaplikasian nirmana mutlak dilakukan dalam semua bidang seni rupa dan desain. Contohnya adalah fotografi, bidang seni ini mempunyai kemampuan melakukan eksekusi ini dengan sangat baik. Kapabilitas fotografi yang merekam obyek setepat-tepatnya dapat kita kacaukan dengan nirmana. Tentu kita sudah biasa jika melihat langit yang jauh yang berwarna biru dan pepohonan yang dekat dengan warna hijau. Namun dengan nirmana, langit dapat kita beri warna panas (orange/ kuning) untuk menciptakan kesan objek tersebut dekat dengan kita. Dan pohon dengan warna dingin (misal biru) untuk memberi kesan objek tersebut jauh dengan kita.<br />
<br />
Hal ini dapat kita terima karena kita memandang dari nalar bentuk. Disinilah seni dan desain dapat dinilai atas dasar kualitas artistiknya, yaitu menilai segala sesuatunya dari sisi bentuk, bukan dari hal-hal di luar bentuk (Irama Visual, 2007, hal. 160).<br />
<br />
<b>Elemen – elemen seni rupa dapat dikelompokan menjadi 4 bagian berdasarkan bentuknya</b>.</div>
<div>
<br />
1. Titik, titik adalah suatu bentuk kecil yang tidak mempunyai dimensi. Raut titik yang paling umum adalah bundaran sederhana, mampat, tak bersudut dan tanpa arah</div>
<div>
<br />
2. Garis, garis adalah suatu hasil goresan nyata dan batas limit suatu benda, ruang, rangkaian masa dan warna.</div>
<div>
<br />
3. Bidang, bidang adalah suatu bentuk pipih tanpa ketebalan, mempunyai dimensi pajang, lebar dan luas; mempunyai kedudukan, arah dan dibatasi oleh garis.<br />
<div>
<br />
4. Gempal, gempal adalah bentuk bidang yang mempunyai dimensi ketebalan dan kedalaman.<br />
<br />
Komposisi dari bentuk-bentuk menjadi satu susunan yang baik. Ada beberapa aturan yang perlu digunakan untuk menyusun bentuk-bentuk tersebut. Walaupun penerapan prinsip-prinsip penyusunan tidak bersifat mutlak, namun karya seni yang tercipta harus layak disebut karya yang baik. Perlu diketahui bahwa prinsip-prinsip ini bersifat subyektif terhadap penciptanya.<br />
<br />
Dalam ilmu desain grafis, selain prinsip-prinsip diatas ada beberapa prinsip utamakomunikasi visual dari sebuah karya desain.</div>
<div>
<br />
<b>Ruang Kosong</b>(White Space)<br />
Ruang kosong dimaksudkan agar karya tidak terlalu padat dalam penempatannya pada sebuah bidang dan menjadikan sebuah obyek menjadi dominan.Ruang kosong penting dalam desain karena sering digunakan untuk berbagai tujuan. Misalnya untuk kejelasan pembacaan dan sekaligus memberikan kesan, seperti kesan profesinal dan sederhana.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_ruang_kosong.png" title="desain grafis" /></div>
<div>
<b>Kejelasan</b> (Clarity)<br />
Kejelasan atau clarity mempengaruhi penafsiran penonton akan sebuah karya. Bagaimana sebuah karya tersebut dapat mudah dimengerti dan tidak menimbulkan ambigu/ makna ganda.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_jelas.png" title="desain grafis" /></div>
<div>
<b>Kesederhanaan</b>(Simplicity)<br />
Kesederhanaan menuntut penciptaan karya yang tidak lebih dan tidak kurang. Kesederhanaan seing juga diartikan tepat dan tidak berlebihan. Pencapaian kesederhanaan mendorong penikmat untuk menatap lama dan tidak merasa jenuh.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_sederhana.png" title="desain grafis" /></div>
<div>
<b>Emphasis</b>(Point of Interest)<br />
Emphasis atau disebut juga pusat perhatian, merupakan pengembangan dominasi yang bertujuan untuk menonjolkan salah satu unsur sebagai pusat perhatian sehingga mencapai nilai artistic.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_emphassis.png" title="desain grafis" /><br />
<br />
<b>E. Prinsip – prinsip dasar seni rupa</b></div>
<div>
<b><br />Kesatuan</b> (Unity)<br />
Kesatuan merupakan salah satu prinsip dasar tata rupa yang sangat penting. Tidak adanya kesatuan dalam sebuah karya rupa akan membuat karya tersebut terlihat cerai-berai, kacau-balau yang mengakibatkan karya tersebut tidak nyaman dipandang. Prinsip ini sesungguhnya adalah prinsip hubungan. Jika salah satu atau beberapa unsur rupa mempunyai hubungan (warna, raut, arah, dll), maka kesatuan telah tercapai.</div>
<div>
<br />
.<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_kesatuan.png" title="desain grafis" /></div>
<div>
<b>Keseimbangan</b> (Balance)<br />
Karya seni dan desain harus memiliki keseimbangan agar nyaman dipandang dan tidak membuat gelisah. Seperti halnya jika kita melihat pohon atau bangunan yang akan roboh, kita measa tidak nyaman dan cenderung gelisah. Keseimbangan adalah keadaan yang dialami oleh suatu benda jika semua dayan yang bekerja saling meniadakan. Dalam bidang seni keseimbangan ini tidak dapat diukur tapi dapat dirasakan, yaitu suatu keadaan dimana semua bagian dalam sebuah karya tidak ada yang saling membebani.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_seimabang.png" title="desain grafis" /></div>
<div>
<b>Proporsi</b> (Proportion)<br />
Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan – perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_proporsi.png" title="desain grafis" /></div>
<div>
<b>Irama</b> (Rhythm)<br />
Irama adalah pengulangan gerak yang teratur dan terus menerus. Dalam bentuk – bentuk alam bisa kita ambil contoh pengulangan gerak pada ombak laut, barisan semut, gerak dedaunan, dan lain-lain. Prinsip irama sesungguhnya adalah hubungan pengulangan dari bentuk – bentuk unsur rupa.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_irama.png" title="desain grafis" /></div>
<div>
<b>Dominasi</b> (Domination)<br />
Dominasi merupakan salah satu prinsip dasar tatarupa yang harus ada dalam karya seni dan desain. Dominasi berasal dari kata Dominance yang berarti keunggulan . Sifat unggul dan istimewa ini akan menjadikan suatu unsure sebagai penarik dan pusat perhatian. Dalam dunia desain, dominasi sering juga disebut Center of Interest, Focal Point dan Eye Catcher. Dominasi mempunyai bebrapa tujuan yaitu untuk menarik perhatian, menghilangkan kebosanan dan untuk memecah keberaturan. Biasanya ditengarahi dengan emphasis.</div>
<div>
<br />
<img alt="http://riyanfirdaus.blogspot.com/" src="http://www.ahlidesain.com/wp-content/uploads/2009/09/nirmana_dominasi.png" title="desain grafis" /><br />
<br />
<b>Kesimpulan</b><br />
<br />
Nirmana berarti kosong atau tidak ada apa-apa dan bisa juga berarti abstrak atau tidak bermakna. Kalimat tersebut merupakan sebuah ungkapan, bahwa pada awalnya, sebelum seseorang bertindak menciptakan sesuatu, masih belum ada apa-apa atau belum ada makna dari segala sesuatu. Hal tersebut kemudian di jadikan titik awal atau merupakan pelajaran yang harus dikuasai oleh seseorang yang ingin belajar tentang desain sebelum mulai berkarya. nirmana mengajarkan tentang unsur atau elemen yang ada pada suatu lukisan atau gambar serta estetika seni dalam mengorganisasi unsur atau elemen agar menjadi sebuah karya rupa yang bukan saja bagus, tetapi juga bermakna.<br />
<br />
Dengan mempelajari nirmana, seseorang diharapkan akan memiliki pengertian, dapat mengasah ketrampilan, dan mempertajam kepekaan terhadap segala sesuatu yang menyangkut dunia desain. Bahkan tipografi juga akan dikembangkan dari nirmana. Oleh karena itu, nirmana wajib dipelajari dengan melakukan banyak latihan secara continyu untuk dapat menghayati seni rupa dan seni desain dengan baik. Bahkan mungkin di saat mempelajarinya akan terambah pula pula cabang seni yang lain. Di dalam nirmana, seseorang akan mempelajari segala sesuatu yang berhubungan dengan seni rupa dan desain melalui tahap-tahap yang sangat mendasar. Desain dikembangkan dari seni rupa. Sehingga yang dipelajari pada awalnya akan menyerupai.</div>
</div>
</div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<br /></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">BAB IV : PENUTUP<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin: 12pt 2.85pt 6pt;">
<b><span style="font-family: 'Times New Roman', serif; font-size: 12pt;">4.1. KESIMPULAN<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Dengan demikian, seseorang diharapkan akan
memiliki pengertian, dapat mengasah ketrampilan, dan mempertajam kepekaan
terhadap segala sesuatu yang menyangkut dunia desain. Terimakasih.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 6.0pt; margin-left: 2.85pt; margin-right: 2.85pt; margin-top: 12.0pt;">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Wassalamualaikum, wr.wb..</span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="margin-left: 288.0pt; text-indent: 36.0pt;">
<b><span style="font-family: "Times New Roman","serif";">  Hormat
saya<o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal" style="margin-left: 288.0pt;">
<b><span style="font-family: "Times New Roman","serif";">         RIYAN FIRDAUS<o:p></o:p></span></b></div>
<div class="MsoNormal" style="margin-left: 288.0pt;">
<b><span style="font-family: "Times New Roman","serif";">          NPM.</span></b><span style="font-family: "Times New Roman","serif";"> 131410039<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-left: 288.0pt;">
<br /></div>

makalah desain grafis

MAKALAH DESAIN GRAFIS DI SUSUN OLEH : RIYAN FIRDAUS NPM : 13410039 MIK 2013/2014 UNIVERSITAS MUHAM...

Thursday, February 27, 2014

Design grafis, layout, nirmana, dan tipografi

<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBdQb6JFDirX2aSHgwuxF2PVPm-Bk0iSa7A-TX2Dpjes18-eocO8K3iI7A5iCySZ4MRqJkPP_I-UrMdJr6cgSXIbEN1EFOUberCYaKzCE78i8GhLFDRvAdrjhxP-yTnZcgY-dgG10Vfck/s1600/komunikasivisual.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBdQb6JFDirX2aSHgwuxF2PVPm-Bk0iSa7A-TX2Dpjes18-eocO8K3iI7A5iCySZ4MRqJkPP_I-UrMdJr6cgSXIbEN1EFOUberCYaKzCE78i8GhLFDRvAdrjhxP-yTnZcgY-dgG10Vfck/s1600/komunikasivisual.jpg" title="Design grafis, layout, nirmana, dan tipografi " width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>Oke kali ini Hots WEB akan berbagi sedikit tentang Layout, Nirmana, dan Tipografi dari pada Desain grafis</b><br />
<br />
<b>Desain grafis</b> adalah suatu bentuk komunikasi visual yang menggunakan teks dan atau gambar untuk menyampaikan informasi atau pesan. Seni desain grafis mencakup kemampuan kognitif dan keterampilan termasuk tipografi, pengolahan gambar, dan page layout. Desainer grafis menata tampilan huruf dan ruang komposisi untuk menciptakan sebuah rancangan yang efektif dan komunikatif.<br />
<br />
Desain grafis melingkupi segala bidang yang membutuhkan penerjemahan bahasa verbal menjadi perancangan secara visual terhadap teks dan gambar pada berbagai media publikasi guna menyampaikan pesan-pesan kepada komunikan seefektif mungkin. Desain grafis diterapkan dalam desain komunikasi dan fine art. Seperti jenis komunikasi lainnya, desain grafis dapat merujuk kepada proses pembuatan (mendesain) atau pun produk yang dihasilkan (desain/rancangan).<br />
<br />
Desain grafis pada awalnya diterapkan untuk media-media statis, seperti buku, majalah, dan brosur. Sebagai tambahan, sejalan dengan perkembangan zaman, desain grafis juga diterapkan dalam media elektronik yang sering kali disebut sebagai “desain interaktif” (interactive design), atau “desain multimedia” (multimedia design‟).<br />
<br />
Unsur dalam desain grafis sama seperti unsur dasar dalam disiplin desain lainnya. Unsur-unsur tersebut (termasuk shape, bentuk (form), tekstur, garis, ruang, dan warna) membentuk prinsip-prinsip dasar desain visual. Prinsip-prinsip tersebut, seperti<br />
keseimbangan (balance), ritme (rhythm), tekanan (emphasis), proporsi (”proportion”)<br />
dan kesatuan (unity), kemudian membentuk aspek struktural komposisi yang lebih luas.<br />
<br />
<b>PENGERTIAN LAYOUT</b><br />
Layout adalah penyusunan dari elemen-elemen desain yang berhubungan kedalam sebuah bidang sehingga membentuk susunan artistik. Hal ini bisa juga disebut manajemen bentuk dan bidang. Tujuan utama layout adalah menampilkan elemen gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan pembaca menerima informasi yang disajikan.<br />
<br />
<b>TIPOGRAFI</b><br />
Tipografi merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Dikenal pula seni tipografi, yaitu karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Dalam seni tipografi, pengertian huruf sebagai lambang bunyi bisa diabaikan.<br />
<br />
<b>NIRMANA</b><br />
Nirmana adalah pengorganisasian atau penyusunan elemen-elemen visual seperti titik, garis, warna, ruang dan tekstur menjadi satu kesatuan yang harmonis. Nirmana dapat juga diartikan sebagai hasil angan-angan dalam bentuk dwimatra, trimatra yang harus mempunyai nilai keindahan. Nirmana disebut juga ilmu tatarupa.<br />
Elemen–elemen seni rupa dapat dikelompokan menjadi 4 bagian berdasarkan bentuknya.</div>
<div>
<br />
1. Titik, titik adalah suatu bentuk kecil yang tidak mempunyai dimensi. Raut titik yang paling umum adalah bundaran sederhana, mampat, tak bersudut dan tanpa arah.</div>
<div>
<br />
2. Garis, garis adalah suatu hasil goresan nyata dan batas limit suatu benda, ruang, rangkaian masa dan warna.</div>
<div>
<br />
3. Bidang, bidang adalah suatu bentuk pipih tanpa ketebalan, mempunyai dimensi pajang, lebar dan luas; mempunyai kedudukan, arah dan dibatasi oleh garis.</div>
<div>
<br />
4. Gempal, gempal adalah bentuk bidang yang mempunyai dimensi ketebalan dan kedalaman.<br />
Penyusunan merupakan suatu proses pengaturan atau disebut juga komposisi dari bentuk-bentuk menjadi satu susunan yang baik. Ada beberapa aturan yang perlu digunakan untuk menyusun bentuk-bentuk tersebut. Walaupun penerapan prinsip-prinsip penyusunan tidak bersifat mutlak, namun karya seni yang tercipta harus layak disebut karya yang baik. Perlu diketahui bahwa prinsip-prinsip ini bersifat subyektif terhadap penciptanya.</div>
<div>
<br /></div>
<div>
 Dalam ilmu desain grafis, selain prinsip-prinsip diatas ada beberapa prinsip utama untuk tujuan komunikasi dari sebuah karya desain.</div>
<div>
<br />
1. Ruang Kosong (White Space)Ruang kosong dimaksudkan agar karya tidak terlalu padat dalam penempatannya pada sebuah bidang dan menjadikan sebuah obyek menjadi dominan.</div>
<div>
<br />
2. Kejelasan (Clarity)Kejelasan atau clarity mempengaruhi penafsiran penonton akan sebuah karya. Bagaimana sebuah karya tersebut dapat mudah dimengerti dan tidak menimbulkan ambigu/ makna ganda.</div>
<div>
<br />
3. Kesederhanaan (Simplicity)Kesederhanaan menuntut penciptaan karya yang tidak lebih dan tidak kurang. Kesederhanaan seing juga diartikan tepat dan tidak berlebihan. Pencapaian kesederhanaan mendorong penikmat untuk menatap lama dan tidak merasa jenuh.</div>
<div>
<br />
4. Emphasis (Point of Interest)Emphasis atau disebut juga pusat perhatian, merupakan pengembangan dominasi yang bertujuan untuk menonjolkan salah satu unsur sebagai pusat perhatian sehingga mencapai nilai artistic.</div>
<div>
<br />
<b>Prinsip - prinsip dasar seni rupa</b></div>
<div>
<br />
1. Kesatuan (Unity)Kesatuan merupakan salah satu prinsip dasar tata rupa yang sangat penting. Tidak adanya kesatuan dalam sebuah karya rupa akan membuat karya tersebut terlihat cerai-berai, kacau-balau yang mengakibatkan karya tersebut tidak nyaman dipandang. Prinsip ini sesungguhnya adalah prinsip hubungan. Jika salah satu atau beberapa unsur rupa mempunyai hubungan (warna, raut, arah, dll), maka kesatuan telah tercapai.</div>
<div>
<br />
2. Keseimbangan (Balance)Karya seni dan desain harus memiliki keseimbangan agar nyaman dipandang dan tidak membuat gelisah. Seperti halnya jika kita melihat pohon atau bangunan yang akan roboh, kita measa tidak nyaman dan cenderung gelisah. Keseimbangan adalah keadaan yang dialami oleh suatu benda jika semua dayan yang bekerja saling meniadakan. Dalam bidang seni keseimbangan ini tidak dapat diukur tapi dapat dirasakan, yaitu suatu keadaan dimana semua bagian dalam sebuah karya tidak ada yang saling membebani.</div>
<div>
<br />
3. Proporsi (Proportion)Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan–perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.</div>
<div>
<br />
4. Irama (Rhythm)Irama adalah pengulangan gerak yang teratur dan terus menerus. Dalam bentuk – bentuk alam bisa kita ambil contoh pengulangan gerak pada ombak laut, barisan semut, gerak dedaunan, dan lain-lain. Prinsip irama sesungguhnya adalah hubungan pengulangan dari bentuk – bentuk unsur rupa.</div>
<div>
<br />
5. Dominasi (Domination)Dominasi merupakan salah satu prinsip dasar tatarupa yang harus ada dalam karya seni dan deisan. Dominasi berasal dari kata Dominance yang berarti keunggulan .Sifat unggul dan istimewa ini akan menjadikan suatu unsure sebagai penarik dan pusat perhatian. Dalam dunia desain, dominasi sering juga disebut Center of Interest, Focal Point dan Eye Catcher. Dominasi mempunyai bebrapa tujuan yaitu utnuk menarik perhatian menghilangkan kebosanan dan untuk memecah keberaturan.<br />
<br />
semoga bermanfaat, jangan lupa kunjungi terus Hots WEB ya sob..</div>

Design grafis, layout, nirmana, dan tipografi

Oke kali ini Hots WEB akan berbagi sedikit tentang Layout, Nirmana, dan Tipografi dari pada Desain grafis Desain grafis adalah suatu...

Wednesday, February 26, 2014

Berita tentang ustad guntur bumi

Berita tentang ustad guntur bumi

Gara-gara Pengobatan ala Guntur Bumi Dibongkar, (kabarnya) FPI akan datangi Global TV Lorong Kata

Wednesday, February 26, 2014

Ucapan selamat dan sapaan dalam bahasa jepang

<div class="MsoNormal">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyurMj8nGZ0TMecBdbbXAA8QvElq5_eZiWHhG0JGonaZidV_L7txNdpoqsY5vqQr_rR30DPTzH8smiYTEKZA_RvtUcPSAF7tG6QDY37MF3PQsGod7NYgkJXVZZk3lFZVBapbqOsFXc9oM/s1600/cropped-jepang1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyurMj8nGZ0TMecBdbbXAA8QvElq5_eZiWHhG0JGonaZidV_L7txNdpoqsY5vqQr_rR30DPTzH8smiYTEKZA_RvtUcPSAF7tG6QDY37MF3PQsGod7NYgkJXVZZk3lFZVBapbqOsFXc9oM/s1600/cropped-jepang1.jpg" title="Ucapan selamat dan sapaan dalam bahasa jepang" width="200"></a></div>
UCAPAN SELAMAT DAN SAPAAN DALAM BAHASA JEPANG<o:p></o:p><br>
<br></div>
<div class="MsoNormal">
</div>
Oke kali ini <b>Hots WEB</b> akan membagikan tentang Bahasa Jepang, Setiap saat kita bertemu dengan seseorang, sebaiknya kita
memberi salam atau sapaan sebagai bentuk penghargaan serta rasa menghormati
atau bahkan menjalin keakraban dengan Orang yang kita beri salam. di jepang
sendiri budaya memberi salam sangat dipelihara oleg masyarakatnya, kalau kita
memberi salam biasa diikuti denga berjabat tangan, di jepang sendiri
memberi/mengucapkan salam sambil melakukan ojogi (membungkukkan badan).<o:p></o:p><br>
<br>
<div class="MsoNormal">
SALAM DAN SAPAAN<o:p></o:p></div>
<div class="MsoNormal">
OHAYOU GOZAIMASU : SELAMAT PAGI<o:p></o:p></div>
<div class="MsoNormal">
KONOCHIWA : SELAMAT SIANG/SORE/ APAKABAR?<o:p></o:p></div>
<div class="MsoNormal">
KONBANWA : SELAMAT MALAM<o:p></o:p></div>
<div class="MsoNormal">
OYASUMINASAI : SELAMAT MALAM/TIDUR<o:p></o:p></div>
<div class="MsoNormal">
MOSHI-MOSHI : APA KABAR?<o:p></o:p></div>
<div class="MsoNormal">
IKAGA DESUKA : APA KABAR?<o:p></o:p></div>
<div class="MsoNormal">
SHITSUREI SHIMASU : PERMISI<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
UCAPAN SELAMAT UNTUK PERAYAAN TERTENTU<o:p></o:p></div>
<div class="MsoNormal">
SHINEN OMEDETOU GOZAIMASU : SELAMAT TAHUN BARU<o:p></o:p></div>
<div class="MsoNormal">
TANJOUBI OMEDETOU GOZAMASU : SELAMAT ULANG TAHUN<o:p></o:p></div>
<div class="MsoNormal">
LEBARAN OMEDETOU GOZAIMASU : SELAMAT HARI LEBARAN<o:p></o:p></div>
<div class="MsoNormal">
KURISUMASU OMEDETOU GOZAIMASU : SELAMAT HARI NATAL<o:p></o:p></div>
<div class="MsoNormal">
SHOUGOKU-SHIKIN OMEDETOU GOZAIMASU : SELAMAT MEMPEROLEH
BEASISWA<o:p></o:p></div>
<div class="MsoNormal">
KEKKON-SHIKI OMEDETOU GOZAIMASU : SELAMAT MENEMPUH HIDUP
BARU<o:p></o:p></div>
<div class="MsoNormal">
PERKENALAN<o:p></o:p><br>
<br></div>
<div class="MsoNormal">
A :hajimemashite. watashi wa ....desu ( perkenalkan , saya
adalah ..............)<o:p></o:p></div>
<div class="MsoNormal">
douzo yoroshiku ( merupakan salam perkenalan yang dapat
berarti senang bekenalan dengan anda)<o:p></o:p></div>
<div class="MsoNormal">
dan dijawab :<o:p></o:p></div>
<div class="MsoNormal">
B : kochirakoso douzo yoroshiku (merupakan pernyataan
balasan dalam perkenalan , dapat berarti : "sama-sama")<o:p></o:p></div>
<div class="MsoNormal">
contoh :<o:p></o:p></div>
<div class="MsoNormal">
A : hajimemashite , watashi wa teguh desu . douzo yoroshiku<o:p></o:p></div>
<div class="MsoNormal">
B ; kochirakoso douzo yoroshiku<o:p></o:p></div>
<div class="MsoNormal">
MENANYAKAN KEADAAN<o:p></o:p></div>
<div class="MsoNormal">
o genki desu ka? (berarti : apa khabar?)<o:p></o:p></div>
<div class="MsoNormal">
dan dibalas :<o:p></o:p></div>
<div class="MsoNormal">
hai, genki desu . Arigatou gozaimasu (berarti : "ya ,
baik ,terima kasih ) <o:p></o:p></div>
<div class="MsoNormal">
UCAPAN TERIMAKASIH<o:p></o:p></div>
<div class="MsoNormal">
mengucapkan terima kasih ada beberapa cara, tergantung
dengan siapa berterima kasih , apakah orang yang lebih dihormati atau antar
teman yang tidak resmi, <o:p></o:p></div>
<div class="MsoNormal">
ada beberapa tingkatan :<o:p></o:p></div>
<div class="MsoNormal">
doumo : secara singkat tidak formil doumo arigatou : secara
umum doumo arigatou gozaimasu : secara formil<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
bila orang mengucapkan terima kasih , kita dapat membalas
dengan mengatakan : douitashimashite ( yang dapat berarti : terima kasih
kembali )<o:p></o:p></div>
<div class="MsoNormal">
contoh :<o:p></o:p></div>
<div class="MsoNormal">
A : douzo (silahkan )<o:p></o:p></div>
<div class="MsoNormal">
B : arigatou gozaimasu (terima kasih)<o:p></o:p></div>
<div class="MsoNormal">
A : douitashimashite (sama-sama)<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
SALAM KETIKA MAKAN<o:p></o:p></div>
<div class="MsoNormal">
sebelum makan , orang jepang mengatakan : Itadakimasu<o:p></o:p></div>
<div class="MsoNormal">
dan sesudahnya ,mereka mengatakan : gochisou sama deshita <o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
SALAM SETELAH BEKERJA<o:p></o:p></div>
<div class="MsoNormal">
A: otsukaresama deshita (salam setelah kerja)<o:p></o:p></div>
<div class="MsoNormal">
B: Doumo mata ashita ( mari, sampai besok)<o:p></o:p></div>
<div class="MsoNormal">
SALAM PENGANTAR KEPERGIAN<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
A : Itterasshai (salam pengantar kepergian)<o:p></o:p></div>
<div class="MsoNormal">
B : ittekimasu ( pergi dulu) <o:p></o:p></div>
<div class="MsoNormal">
SALAM KETIKA DATANG<o:p></o:p></div>
<div class="MsoNormal">
A : tadaima (saya pulang)<o:p></o:p></div>
<div class="MsoNormal">
B: Okaerinasai (salam menyambut kedatangan)<o:p></o:p></div>
<div class="MsoNormal">
*) ingat film DORAEMON , ketika Nobita pulang ke rumah ia
selalu mengatakan "Aku pulang"...<o:p></o:p></div>
<div class="MsoNormal">
atau film Crayon Sinchan...dimana si ibu selalu mengingatkan
sinchan untuk berkata "aku pulang "<o:p></o:p></div>
<div class="MsoNormal">
ketika sinchan pulang dari sekolah...<o:p></o:p></div>
<div class="MsoNormal">
UCAPAN PENYESALAN ATAU MAAF<o:p></o:p></div>
<div class="MsoNormal">
Bila kita menyinggung perasaan atau berbuat tidak sopan
kepada seseorang atau sesuatu kejadian yang tidak disengaja, sebaiknya kita
meminta maaf.<o:p></o:p></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
SHITSUREI SHIMASU : MAAFKAN SAYA(formal)<o:p></o:p></div>
<div class="MsoNormal">
GOMEN NASAI : MAAFKAN SAYA<o:p></o:p></div>
<div class="MsoNormal">
OSOKU NATTE SUMIMASEN : MAAFKAN ATAS KETERLAMBATAN SAYA<o:p></o:p></div>
<br>
<div class="MsoNormal">
SUMIMASEN : MAAF/PERMISI/NUMPANG TANYA</div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
<br></div>
<div class="MsoNormal">
sekian kosa kata Ucapan Dan Sapaan Dalam Bahasa Jepang yang bisa saya bagikan, mudah-mudahan bermanfaat.. arigatou gozaimasu..<br>
</div>

Ucapan selamat dan sapaan dalam bahasa jepang

UCAPAN SELAMAT DAN SAPAAN DALAM BAHASA JEPANG Oke kali ini Hots WEB akan membagikan tentang Bahasa Jepang, Setiap saat kita bertemu ...

Monday, February 24, 2014

Tips membuat blog untuk pemula

Tips membuat blog untuk pemula

memulai sebuah blog bisa tampak besar, tetapi sebenarnya, itu salah satu cara paling sederhana untuk bergabung dengan komunitas onli...

Monday, February 24, 2014

Cara mempercepat loading performa internet explorer

Cara mempercepat loading performa internet explorer

Haii.. sobat Lorong kata ini cara mempercepat loading performa Internet Explorer

Monday, February 24, 2014

Kata ucapan ulang tahun terlengkap

<br>

<br>
<div class="MsoNormal">
<span style="mso-spacerun: yes;">     </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6xEhUFA2ktmrhsrCQr9VuDByf_5tcly21025ujV9Nc5RMcbnNCJdOHDbWZgLjgxzIT3U5tRUEOhwxuaRbLVJq2MGXvzIIDzkNffPEr-jBPugBvYwvbfRFtv9EAPZZGNNv-81WE6F1zs/s1600/Ucapan+Selamat+Ulang+Tahun.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://riyan.facesweet.com/2014/02/kata-ucapan-ulang-tahun-terlengkap.html" border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6xEhUFA2ktmrhsrCQr9VuDByf_5tcly21025ujV9Nc5RMcbnNCJdOHDbWZgLjgxzIT3U5tRUEOhwxuaRbLVJq2MGXvzIIDzkNffPEr-jBPugBvYwvbfRFtv9EAPZZGNNv-81WE6F1zs/s1600/Ucapan+Selamat+Ulang+Tahun.jpg" title="Lorong Kata" width="200"></a></div>
oke .. kali ini <b>Lorong Kata</b> akan bagikan  Kata Ucapan Ulang Tahun Terlengkap untuk dikirimkan ke sahabat,pacar,maupun gebetanmu, langsung aja tanpa buka panjang lebar..<br>
<br>
<br>

Kata ucapan ulang tahun terlengkap

oke .. kali ini Lorong Kata akan bagikan Kata Ucapan Ulang Tahun Terlengkap untuk dikirimkan ke sahabat,pacar,maupun gebetanm...

Sunday, February 23, 2014

Program pada windows part2

Program pada windows part2

21. Untuk mengatur Internet Connection Firewall (ICF), buka Network Connection di Control Panel, klik kanan koneksi yang ada dan klik Prop...

Sunday, February 23, 2014

Fungsi dan jenis-jenis RAM

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pxIMj60gdrfE1tulgF59bFNoU4Ql6egaGvS2sZpWlfpuF3n0sHzEdV2ipHOSLXKyxt-_2OEas7Q-rSqXVahlHwwVxMlKRmou130rlcgWhyphenhyphenPfl8oti40o70gEKx6AdiCQpD7vmkIthNA/s1600/komputer.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pxIMj60gdrfE1tulgF59bFNoU4Ql6egaGvS2sZpWlfpuF3n0sHzEdV2ipHOSLXKyxt-_2OEas7Q-rSqXVahlHwwVxMlKRmou130rlcgWhyphenhyphenPfl8oti40o70gEKx6AdiCQpD7vmkIthNA/s1600/komputer.png" title="Fungsi dan jenis-jenis RAM" width="200" /></a></div>
sudahkah kalian tahu tentang RAM ???.. Fungsi RAM yaitu sebagai memori atau tempat penyimpanan sementara. RAM adalah komponen yang digunakan dalam perangkat untuk tujuan penyimpanan. Memory bekerja dengan menyimpan dan menyuplai data yang diperlukan Processor dengan sangat cepat untuk diolah menjadi informasi. Data yang disimpan dalam RAM dibaca dalam bentuk semburan. Tergantung pada cara data yang dikelola, Pada dasarnya chip RAM diklasifikasikan. Menjadi  dua jenis utama yaitu:<br />
<br />
<br />
<br />
<br />
<br />
RAM Statis atau SRAM<br />
RAM Dynamis atau DRAM<br />
<br />
Jenis-jenis RAM di beri nama sesua dengan teknologi yang digunakan. simak tentangMacam-Macam RAM dan Kepanjangan nya:<br />
<br />
<a href="http://riyan.facesweet.com/"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7w-_3b_xs7ihHD0x-JKKuhSe036de4Io1WNNblVDn6_T0Y4upmLBYJT4RyQNr3iElAnrilk8qbJ5emhFYnxkJ92QEVpEBpJDPoF6QhQm5UvZtrziJU14uo9JF-DnS8v_5nEKli9m68pSr/s1600/images.jpg" title="Fungsi dan jenis-jenis RAM" /></a><br />
<br />
<br />
SDRAM – Synchronous Dynamic Random-Access Memory<br />
DDR SDRAM – Double Data Rate Synchronous Dynamic Random-Access-Memory<br />
DDR2 SDRAM – Double Data Rate Type Two Synchronous Dynamic Random-Access Memory<br />
DDR3 SDRAM – Double Data Rate Type Three Synchronous Dynamic Random-Access Memory<br />
DDR4 SDRAM – Double Data Rate Type Four Synchronous Dynamic Random-Access Memory<br />
DRDRAM – Direct Rambus Dynamic Random-Access Memory<br />
PSRAM – Pseudostatic Random-Access Memory<br />
RLDRAM – Reduced-Latency Dynamic Random-Access Memory<br />
EDO DRAM – Extended Data Out Dynamic Random-Access Memory<br />
SGRAM – Synchronous Graphics Random-Access Memory<br />
FPM DRAM – Fast Page Mode Dynamic Random-Access Memory<br />
<br />
<br />
Fungsi RAM Statis dan Jenis-Jenisnya<br />
Fungsi RAM statis atau SRAM, untuk menyimpan data dalam bit menggunakan bistable flip-flop. Setelah data ditulis dalam SRAM, data disimpan dan tidak harus refresh sesering jenis RAM yang lain. Ada tiga mode di mana sel beroperasi dalam menyimpan data dalam SRAM, yaitu siaga,  Membaca dan Menulis. Tidak seperti DRAM, SRAM tidak mengkonsumsi lebih banyak daya. Jenis-jenis RAM Statis dibedakan berdasarkan: Penyimpanan data dan Transistor.<br />
<br />
1.  Jenis-Jenis RAM statis berdasarkan Penyimpanan Data:<br />
<br />
Non-volatile SRAM: Data disimpan, walau ketika power dimatikan, sehingga informasi penting dijamin aman<br />
<br />
Asynchronous SRAM: Data dapat disimpan dalam kisaran 4KB untuk 64 Mb. Waktu akses cepat, adalah karakteristik utama dari Asynchronous SRAM, dan karena itu digunakan sebagai komponen memori utama pada kebanyakan perangkat elektronik dan embedded system.<br />
<br />
2.  Jenis-Jenis RAM statis berdasarkan Transistor:<br />
<br />
Bipolar Junction Transistor: digunakan pada perangkat Transistor-Transistor Logic (TTL) andEmitter-Coupled Logic (ECL), menggunakan banyak daya tetapi bekerja sangat cepat.<br />
<br />
Metal Oxide Semiconductor Field Effect Transistor (MOSFET): digunakan pada perangkat aplikasi yang berbasis teknologi Complementary metal-oxide-semiconductor (CMOS).<br />
<br />
3.  Jenis-Jenis RAM statis berdasarkan Fitur:<br />
<br />
Quad Data Rate SRAM: Dalam satu siklus clock lengkap, dua kata data yang ditransfer. Terpisah I/O bus (jaringan yang menghubungkan semua perangkat dan chip dalam komputer) digunakan untuk membaca dan menulis data.<br />
<br />
DDR SRAM: Umum I/O bus yang digunakan untuk transfer data dan clock tunggal digunakan untuk mengontrol input dan output data.<br />
<br />
4.  Jenis-Jenis RAM statis berdasarkan Flip-Flop:<br />
<br />
SRAM biner: terdiri dari transistor masker dan latch.<br />
<br />
SRAM ternary: dirancang menggunakan 8 transistor atau 14 transistor.<br />
<br />
Penggunaan SRAM:<br />
<br />
Komputer<br />
Mikroprosessor<br />
Digital Signal Processing (DSP) Sirkuit<br />
Layar LCD dan Printer<br />
Hard Disk dan Buffer Router<br />
Kamera Digital<br />
Synthesizer<br />
Ponsel<br />
<br />
Fungsi RAM Dinamis dan Jenisnya<br />
Fungsi RAM yang utama adalah membantu Processor dalam penyediaan data yang sangat cepat”. Fungsi RAM layaknya seperti HDD Digital, karena semua komponen RAM sudah berteknologi digital. Dengan RAM, maka Processor tidak perlu menunggu kiriman data dari HDD. <br />
Dibawah ini jenis-jenis RAM dinamis (DRAM) yang umum digunakan sebagai Piranti komputer:<br />
<br />
1.  SDRAM<br />
Perubahan input ditanggapi dan diproses dengan SDRAM 1. Hal ini karena Ini synchronous interface, yang mensinkronkan dengan sistem bus komputer dan pengoperasinya diaktifkan oleh sinyal clock input.<br />
<br />
2.  DDR SDRAM<br />
DDR 2 SDRAM adalah Integrated Circuit (IC), yang menyimpan data, di komputer. Sinyal clock yang digunakan dalam DDR SDRAM lebih efisien daripada yang digunakan dalam SDRAM, sehingga transfer data dibuat lebih cepat. DDR SDRAM interface menggunakan apa yang disebut sebagai proses pemompaan ganda, yang berarti bahwa data yang ditransfer baik pada tepi atas dan ke bawah dari sinyal clock. Kecepatan transfer data dari DDR SDRAM adalah 1.600 megabyte per detik. Hal ini digunakan dalam komputer dan ponsel.<br />
<br />
3.  DDR2 SDRAM<br />
DDR23 SDRAM adalah  penerus dari DDR SDRAM. Konsumsi daya DDR2 SDRAM lebih sedikit dibandingkan dengan pendahulunya dan memiliki kecepatan bus data yang tinggi. satu perbedaan antara DDR2 SDRAM dan DDR SDRAM, kecepatan clock pendahulunya adalah setengah dari chip yang terakhir.  Kecepatan maksimum transfer Data DDR2 SDRAM adalah 3.200 megabyte per detik.<br />
<br />
4.  DDR3 SDRAM<br />
Dibandingkan dengan pendahulunya, DDR3 SDRAM memberikan bandwidth yang tinggi, kecepatan transfer data yang tinggi dll Kecepatan transfer data dari RAM ini adalah 6.400 megabyte per detik, merupakan dua kali lipat dari DDR2 SDRAM. Konsumsi daya dari DDR3 SDRAM adalah 30% lebih rendah dari DDR2 SDRAM.<br />
<br />
5.  DDR4 SDRAM<br />
Ini adalah bandwidth yang untuk interface generasi selanjutnya, yang sedang dikembangkan dan diharapkan dapat di luncurkan pada 2012. Beberapa manfaat yang diharapkan dari DDR4 5 SDRAMadalah kecepatan transfer data tinggi, tegangan input rendah, rentang frekuensi clock yang tinggi.<br />
<br />
6.  DRDRAM<br />
DRDRAM 6 atau RDRAM adalah jenis SDRAM yang dikenal untuk latensi tinggi, heat output,  kompleksitas, dan kinerja rendah dibanding dengan harga yang tinggi. Hal ini digunakan dalam kontrol video game dan kartu video.<br />
<br />
7.  PSRAM<br />
PSRAM 7 menawarkan manfaat dan fungsi RAM gabungan dari DRAM (High Density) dan SRAM(kemudahan penggunaan), memiliki built-in refresh dan address-control circuit yang sangat mirip dengan SRAM, digunakan dalam sistem embedded seperti produk Apple.<br />
<br />
8.  RLDRAM<br />
Type RAM ini terutama digunakan dalam jaringan Komputer dan caching aplikasi. Aplikasi tingkat tinggi yang melibatkan Fungsi RAM ini dalam operasi membaca / menulis. RLDRAM 8  menyediakan akses acak dengan bandwidth tinggi.<br />
<br />
9.  EDO DRAM<br />
EDO DRAM 9 juga bisa disebut Hyper Page Mode enable DRAM, memberikan peningkatan kinerja  dengan memungkinkan operasi beruntun  untuk tumpang tindih (overlap) karena fasilitas ini, siklus akses baru dapat dimulai bahkan ketika, output data dari siklus sebelumnya aktif.<br />
<br />
10.  SGRAM<br />
SGRAM 10 digunakan dalam adapter grafis dan dapat membuka dua halaman memori pada suatu waktu. Chip ini juga menawarkan masking bit dan menulis blok. SGRAM dirancang untuk tujuan percepatan kinerja tinggi yang terutama digunakan  pada video card.<br />
<br />
11.  FPM DRAM<br />
Dengan FPM DRAM11 membaca dan menulis data tidak tertunda karena precharge dan mengakses deretan DRAM. Hal ini meningkatkan kinerja perangkat.<br />
<br />
Beberapa bagian dari RAM dapat dipartisi dan digunakan sebagai hard disk drive untuk menyimpan data. Fungsi RAM menyimpan data sementara dan digunakan terutama pada perangkat komputer. Ada banyak macam-macam RAM tergantung dari  cara data yang dikelola. Teknologi RAM yang berkembang sekarang adalah menggabungkan nanotube karbon dengan Teknologi RAM untuk meningkatkan kinerja dan akses data lebih cepat, meskipun data disimpan sementara dan digunakan terutama pada perangkat komputer. Sejak tahun1951, ketika RAM pertama diciptakan dan dipasarkan, teknologinya maju pesat dan beragam jenis-jenis RAM diciptakan. Para ilmuwan, sekarang, bekerja bagaimana menggabungkan nanotube karbon dengan Teknologi RAM untuk meningkatkan kinerja Fungsi RAM.<br />
<br />
Semoga bermanfaat..

Fungsi dan jenis-jenis RAM

sudahkah kalian tahu tentang RAM ???.. Fungsi RAM yaitu sebagai memori atau tempat penyimpanan sementara. RAM adalah komponen yang digunak...

Sunday, February 23, 2014

Daftar widget yang digunakan untuk mempercantik blog

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRFp3m-yTKzRWZLUQVx7ihXeCc28SDFZDs61OYChSlGVW0S4QmhuETP_YUHvGzi7EqF5MzS1f6QrFCUcAGCntp0PSZQYtzRonIFEA9DzLJx5oDv9bhqWN0cIJebNJPy3WS-t8mCytOUk4/s1600/seo.png" title="Daftar widget yang digunakan untuk mempercantik blog" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<div>
Oke kali ini Hots WEB berbagi postingan terbaru,  info mengenai beberapa Daftar widget yang digunakan untuk mempercantik blog.. oke langsung aja ya sist and broth.. cekidott...</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab suhuuu* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.</div>
<div>
<br /></div>
<div>
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.</div>
<div>
<br /></div>
<div>
3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.</div>
<div>
<br /></div>
<div>
4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.</div>
<div>
<br /></div>
<div>
5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo. *heuheu*</div>
<div>
<br /></div>
<div>
6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog Anda, contohnya di sidebar blog ini ada celotehan saya sekedar catatan apa yang tengah saya kerjakan menggunakan plugin tersebut.</div>
<div>
<br /></div>
<div>
7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.</div>
<div>
<br /></div>
<div>
8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.</div>
<div>
<br /></div>
<div>
9. LineBuzz – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*</div>
<div>
<br /></div>
<div>
10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.</div>
<div>
<br /></div>
<div>
11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.</div>
<div>
<br /></div>
<div>
12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*</div>
<div>
<br /></div>
<div>
13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.</div>
<div>
<br /></div>
<div>
14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.</div>
<div>
<br /></div>
<div>
15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.</div>
<div>
<br /></div>
<div>
16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.</div>
<div>
<br /></div>
<div>
17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.</div>
<div>
<br /></div>
<div>
18. Film Loops – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.</div>
<div>
<br /></div>
<div>
19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.</div>
<div>
<br /></div>
<div>
20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.</div>
<div>
<br /></div>
<div>
21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.</div>
<div>
<br /></div>
<div>
22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.</div>
<div>
<br /></div>
<div>
23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*</div>
<div>
<br /></div>
<div>
24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.</div>
<div>
<br /></div>
<div>
25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.</div>
<div>
<br /></div>
<div>
26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.</div>
<div>
<br /></div>
<div>
27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.</div>
<div>
<br /></div>
<div>
28. MyPageRank – Inilah cara lain untuk sombong menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.</div>
<div>
<br /></div>
<div>
29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.</div>
<div>
<br /></div>
<div>
30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.</div>
<div>
<br /></div>
<div>
31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.</div>
<div>
<br /></div>
<div>
32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.</div>
<div>
<br /></div>
<div>
33. Skype button – Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.</div>
<div>
<br /></div>
<div>
34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak* Heuheu…</div>
<div>
<br /></div>
<div>
35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.</div>
<div>
<br /></div>
<div>
36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.</div>
<div>
<br /></div>
<div>
37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.</div>
<div>
<br /></div>
<div>
38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.</div>
<div>
<br /></div>
<div>
39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey interaktif padamu negeri dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua.</div>
<div>
<br /></div>
<div>
40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.</div>
<div>
<br /></div>
<div>
41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas… Heuheu.</div>
<div>
<br /></div>
<div>
42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban segala risau hatiku dari Answer.Com.</div>
<div>
<br /></div>
<div>
43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.</div>
<div>
<br /></div>
<div>
44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*</div>
<div>
<br /></div>
<div>
45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!</div>
<div>
<br /></div>
<div>
46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.</div>
<div>
<br /></div>
<div>
47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.</div>
<div>
<br /></div>
<div>
48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”. Heuheu.</div>
<div>
<br /></div>
<div>
49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng. Heuheu.</div>
<div>
<br /></div>
<div>
50. Plazes – Widget ini menampilkan dimana posisi Anda, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*</div>
<div>
<br /></div>
<div>
51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.</div>
<div>
<br /></div>
<div>
52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal. ^_^</div>
<div>
<br /></div>
<div>
53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.</div>
<div>
<br /></div>
<div>
54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.</div>
<div>
<br /></div>
<div>
55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.</div>
<div>
<br /></div>
<div>
56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.</div>
<div>
<br /></div>
<div>
57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.</div>
<div>
<br /></div>
<div>
58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar. Pssst jangan bilang kalo saya udah nyoba blognya oggix, klik disini untuk melihat blog oggix punya saya *heuheu*</div>
<div>
<br /></div>
<div>
Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda. Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
Kalo mau menambahkan widget lain yang Anda temukan silahkan tambahkan pada kolom komentar. Terimakasih..</div>
</div>

Daftar widget yang digunakan untuk mempercantik blog

Oke kali ini Hots WEB berbagi postingan terbaru, info mengenai beberapa Daftar widget yang digunakan untuk mempercantik blog.. oke ...

Sunday, February 23, 2014

Kata frontal terupdate

Kata frontal terupdate

Oke kali ini Lorong Kata berbagi postingan terbaru, berikut Kata frontal terupdate :

Saturday, February 22, 2014

Kumpulan kata dalam film naruto

<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2RYyBjEOdVM0DJu9mbBqDfJWeJJM5uipRNodR6pcxGxBuS0oMS9MeHmvjJRN816n0FptbQfMy-_1C7HuV0LoGuI_JN4pzCfAJSbL_iRk_WZTPqMpNDVjSCgeTDlt-Iu-RC2pxwc-WZw/s1600/naruto.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://riyan.facesweet.com/2014/02/kumpulan-kata-dalam-film-naruto.html" border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl2RYyBjEOdVM0DJu9mbBqDfJWeJJM5uipRNodR6pcxGxBuS0oMS9MeHmvjJRN816n0FptbQfMy-_1C7HuV0LoGuI_JN4pzCfAJSbL_iRk_WZTPqMpNDVjSCgeTDlt-Iu-RC2pxwc-WZw/s1600/naruto.jpg" title="Lorong Kata" width="200"></a></div>
<div class="MsoNormal">
Oke kali ini <b>Lorong Kata</b> <b>berbagi Kumpulan Kata Dalam Film Naruto </b>diambil dari tiap pernyataan
tokoh film Naruto. <a href="http://riyanfirdaus.blogspot.com/"></a></div>

Kumpulan kata dalam film naruto

Oke kali ini Lorong Kata berbagi Kumpulan Kata Dalam Film Naruto diambil dari tiap pernyataan tokoh film Naruto.

Saturday, February 22, 2014

Update status lucu

Update status lucu

haii .. sobat Lorong Kata Sebenarnya membuat status facebook untuk mendapatkan banyak komentar dan like

Saturday, February 22, 2014

Tutorial elemen head html

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="http://www.hots.web.id/" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkIHn6WTHK_K-kxqVPnGzrnVGENnlnzfHc_SxtBimVLD7YIw85D39rBhathAEaqb4dBfWsfcPoSauiHshuQvvVrJGxllHHg-L8KmkAvaXPRdwXx8eIRB7pD8g9Mb3wDOpFlMYzDp2biI/s1600/html2.png" title="Tutorial elemen head html" width="200" /></a></div>
<div class="MsoNormal">
Haii.. sobat Hots WEB, Elemen adalah struktur yang menjelaskan suatu bagian dari
dokumen HTML.</div>
<br />
Misalnya elemen h menjelaskan sebuah heading, element title
menjelaskan sebuah judul, dan elemen p menjelaskan sebuah paragraf.<o:p></o:p><br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sebuah elemen mengandung tiga bagian, yaitu tag awal, isi
dan tag akhir. Sebuah elemen diapit oleh kode "<" dan
">" (tanpa tanda petik). Pada tag akhir disisipkan tanda /.
Misalnya elemen body memiliki tag awal <body>, dan tag akhir
</body>. Start tag dan end tag mengatup isi elemen tag :<o:p></o:p></div>
<div class="MsoNormal">
<body>Isi dari elemen</body>.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Nama elemen tidak memperhatikan besar-kecilnya huruf
sehingga <body>, <BODY>, dan <BodY> sama saja.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen-elemen tidak boleh bertindihan satu sama lain. Bila
suatu baris perintah diawali elemen P lalu disusul elemen EM, maka diakhir
baris harus diakhiri dengan elemen EM terlebih dahulu kemudian P. Misalnya :<o:p></o:p></div>
<div class="MsoNormal">
<P><EM>Isi dari elemen emphasized
text</EM></P><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen Head<o:p></o:p></div>
<div class="MsoNormal">
Elemen <head> merupakan elemen yang berisikan
informasi mengenai halaman web yang tengah dibuka, yang tidak akan ditampilkan
secara visual di halaman browser.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen HEAD bisa digunakan untuk tempat penulisan judul
dokumen, informasi dokumen dan definisi referensi alamat. Selain itu, elemen
Head juga berfungsi untuk menghubungkan antara fike external (CSS atau
JavaScript) dengan halaman web yang bersangkutan dan sebaga tempat penulisan
sebuah keyword/kata kunci agar halaman web tercatat dalam mesin pencari (search
engine), seperti yahoo, google, dan sebagainya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks :<o:p></o:p></div>
<div class="MsoNormal">
<head><o:p></o:p></div>
<div class="MsoNormal">
<title>Belajar Elemen Head</title><o:p></o:p></div>
<div class="MsoNormal">
</head><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Di bawah ini adalah elemen dan atribut yang dapat digunakan
pada elemen HEAD: Atribut dari elemen HEAD di antaranya: dir, lang, xml:lang,
profile.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen BASE<o:p></o:p></div>
<div class="MsoNormal">
Elemen BASE dipakai untuk menguraikan suatu alamat URL agar
browser mengikutsertakan alamat tersebut dalam pencarian suatu obyek pada
dokumen. Atribut: href, target.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<BASE Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HREF digunakan untuk menetapkan default URL untuk
URL-URL relatif didalam dokumen HTML. Atribut TARGET digunakan untuk menetapkan
default target jendela dimana URL-URL relatif nantinya ditampilkan. Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BASE HREF="http://example.com/files/"
TARGET="_blank"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="A.html">Link 1</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="B.html">Link 2</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="C.html">Link 3</A><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berdasarkan dokumen HTML diatas,<o:p></o:p></div>
<div class="MsoNormal">
jika Link 1 diklik, pada address bar akan tercetak
http://example.com/files/A.html.<o:p></o:p></div>
<div class="MsoNormal">
Jika Link 2 diklik, pada address bar akan tercetak
http://example.com/files/B.html.<o:p></o:p></div>
<div class="MsoNormal">
Jika Link 3 diklik, pada address bar akan tercetak
http://example.com/files/C.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Jadi disini sebenarnya URL-URL relatif selalu mengacu kepada
default URL berdasarkan penggambaran di elemen BASE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen TITLE<o:p></o:p></div>
<div class="MsoNormal">
Elemen TITLE dipakai untuk mengartikan judul dokumen.
Atribut dari elemen TITLE di antaranya: dir, lang, xml:lang. Isi dari elemen
title juga digunakan untuk beberapa tujuan lainnya.<o:p></o:p></div>
<div class="MsoNormal">
Ini adalah nama yang muncul di taksbar IE atau Firefox.
Dibawah ini contoh taksbar di IE.<o:p></o:p></div>
<div class="MsoNormal">
Ketika anda menambahkan halaman ke bookmark (atau
favorit),judul akan digunakan sebagai nama penanda.<o:p></o:p></div>
<div class="MsoNormal">
Elemen title digunakan oleh mesin pencari untuk memastikan
apa isi halaman anda, dan informasi apa tentang hal itu yang ditampilkan dalam
hesil pencarian.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<TITLE
Attribute="attributeValue">...</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut LANG dan DIR ("ltr" dan "rtl")
masing-masing digunakan untuk menetapkan kode bahasa dan arah penulisan dari
isi elemen TITLE. Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE LANG="id" DIR="ltr">Judul
Dokumen</TITLE><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
...<o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen META<o:p></o:p></div>
<div class="MsoNormal">
Elemen META dipakai untuk mengartikan keterangan pada
dokumen, seperti nama penulis dokumen, deskripsi dokumen dan informasi kata
kunci yang digunakan oleh mesin pencarian seperti Google, Yahoo, Bing, dll.
dalam pencarian halaman yang sesuai dengan pencarian.<o:p></o:p></div>
<div class="MsoNormal">
Metadata yang digambarkan elemen META tidak ditampilkan
secara visual, tetapi metadata tersebut sangat membantu mesin-mesin pencari,
seperti Google, Yahoo, dll.<o:p></o:p></div>
<div class="MsoNormal">
Elemen META harus digambarkan dibagian HEAD. Namun teramat
disayangkan terlalu banyak webmaster yang menggunakan tag ini hanya untuk
spamming. MIsalnya seperti mengulang-ulang keyword untuk membuat page ranking
yang lebih tinggi, sehingga ada search engine yang telah menghentikan
penggunaan isi dari meta. Atribut dari elemen META di anataranya: content,
http-equiv, name, content,scheme, dir,lang, xml:lang.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<META Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CONTENT digunakan sebagai tempat untuk menggambarkan
informasi dari atribut NAME atau HTTP-EQUIV. Atribut NAME digunakan untuk
menetapkan nama-nama parameter, seperti "author",
"description", "keywords", dll.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
NAME="author" menggambarkan nama pemilik dari
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="keywords" menggambarkan kata kunci untuk
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="description" menggambarkan deskripsi singkat
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
NAME="generator" menggambarkan nama program dimana
dokumen HTML dibuat, misal Notepad.<o:p></o:p></div>
<div class="MsoNormal">
NAME="expires" menggambarkan masa berlaku untuk
dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<META NAME="author" CONTENT="Noeroel
Arashi"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="keywords"
CONTENT="html,css,javascript"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="description" CONTENT="Tutorial
Web"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="generator"
CONTENT="Notepad"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="expires" CONTENT="Sun, 18 sept
2012 12:00:01 GMT"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HTTP-EQUIV digunakan untuk menggambarkan HTTP
header.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Untuk HTTP-EQUIV="content-language" menggambarkan
kode bahasa untuk dokumen HTML. <o:p></o:p></div>
<div class="MsoNormal">
Untuk HTTP-EQUIV="content-type" menggambarkan
jenis media internet untuk dokumen HTML.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<META HTTP-EQUIV="content-language"
CONTENT="id"><o:p></o:p></div>
<div class="MsoNormal">
<META META HTTP-EQUIV="content-type"
CONTENT="text/html;charset="UTF-8"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh menggambarkan metadata untuk sebuah
dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="description" CONTENT="tutorial
web" LANG="en" DIR="ltr"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="keywords"
CONTENT="HTML,css,javascript,DHTML"><o:p></o:p></div>
<div class="MsoNormal">
<META NAME="author" CONTENT="Noeroel
Arashi"><o:p></o:p></div>
<div class="MsoNormal">
<META HTTP-EQUIV="content-type"
CONTENT="text/html;charset=UTF-8"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
...<o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen SCRIPT<o:p></o:p></div>
<div class="MsoNormal">
Elemen SCRIPT dipakai untuk mengartikan/mengembed suatu
script fungsi, seperti : Javascript, VBscript atau mengartikan tautan lokasi
file script untuk digunakan dokumen. Isi dari elemen SCRIPT adalah bahasa
scripting yang diembed atau yang akan dituliskan. Elemen SCRIPT boleh
digambarkan dibagian HEAD, elemen-elemen Block-Level kecuali didalam elemen
SELECT dan SCRIPT. Atribut dari elemen SCRIPT di antaranya: charset, type,src,
defer, xml: space.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT Attribute="attributeValue">...</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut TYPE digunakan untuk menetapkan tipe media internet
untuk bahasa scripting yang akan digunakan, seperti "text/vbscript"
untuk bahasa VBScript, "text/javascript" untuk bahasa Javascript,
dll. <o:p></o:p></div>
<div class="MsoNormal">
Atribut CHARSET digunakan untuk menetapkan character set
untuk bahasa scripting eksternal, nilai default adalah "ISO-8859-1"
jika anda tidak memberikannya. Atribut SRC digunakan untuk menetapkan lokasi
dari bahasa scripting yang akan diembed kedalam dokumen HTML. Atribut DEFER
digunakan untuk memberitahukan kepada browser, bahwa pengeksekusian bahasa
scripting ditunda dahulu sampai dokumen HTML selesai dimuat.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh berikut ini adalah menggambarkan bahasa scripting
Javascript didalam dokumen HTML yang sama:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 1!<o:p></o:p></div>
<div class="MsoNormal">
");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 2!");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh berikut ini adalah mengembed bahasa scripting
Javascript eksternal kedalam dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ketiklah dokumen Javascript eksternal dibawah ini dengan
Notepad, lalu simpan dengan nama halo.js.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
document.write("Halo 1!<BR>");<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Ketiklah kembali dokumen HTML dibawah ini dengan Notepad,
lalu simpan dengan nama halo.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"
SRC="halo.js"></SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<SCRIPT TYPE="text/javascript"><o:p></o:p></div>
<div class="MsoNormal">
document.write("Halo 2!");<o:p></o:p></div>
<div class="MsoNormal">
</SCRIPT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Jalankan dokumen halo.html dengan browser.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen OBJECT<o:p></o:p></div>
<div class="MsoNormal">
Elemen OBJECT dipakai untuk mengartikan/mengembed suatu objek
agar dapat digunakan pada dokumen. Atribut dari elemen OBJECT di antaranya: id,
name, class, dir, lang, style, tabindex, title, xml:lang, align archive,
border, classid, codebase, codetype, data, declare, height, hspace, standby,
type, usemap, vspace, width. Beberapa jenis objek yang diembed seperti applet
Java, animasi Flash memerlukan settingan run-time. Untuk menyetting run-time
untuk objek-objek yang diembed tersebut gunakanlah elemen PARAM.<o:p></o:p></div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen PARAM yang diikuti elemen-elemen Inline dan/atau
elemen-elemen Block-Level boleh digambarkan didalam elemen OBJECT. Untuk elemen
OBJECT itu sendiri boleh digambarkan didalam elemen-elemen Block-Level dan
elemen-elemen Inline, kecuali didalam elemen PRE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<OBJECT
Attribute="attributeValue">...</OBJECT><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut ALIGN digunakan untuk mengatur kelurusan atau posisi
objek yang diembed terhadap elemen-elemen disekitarnya, nilainya adalah
"top", "middle", "bottom", "left", dan
"right".<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut ARCHIVE digunakan untuk menetapkan lokasi atau URL
dari file JAR, umumnya. Atribut BORDER digunakan untuk mengatur ketebalan garis
border untuk objek yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CLASSID digunakan untuk menetapkan lokasi atau URL
dari implementasi (umumnya adalah lokasi dari versi plug-in yang digunakan)
dari objek yang diembed. Atribut CODEBASE digunakan untuk menetapkan default
URL untuk atribut CLASSID, DATA, atau ARCHIVE.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut CODETYPE digunakan untuk menetapkan tipe media
internet untuk nilai atribut CLASSID.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut DATA digunakan untuk menetapkan lokasi atau URL dari
objek yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
Atribut HEIGHT digunakan untuk menetapkan tinggi untuk objek
yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HSPACE digunakan untuk menetapkan banyaknya ruang
spasi antara objek yang diembed dengan elemen-elemen yang berada disisi kiri
dan sisi kanannya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut NAME digunakan untuk memberikan nama pengenal untuk
elemen OBJECT.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut STANDBY digunakan untuk menuliskan pesan pendek
selagi objek yang diembed sedang dalam proses dimuat (loading).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut TYPE digunakan untuk menetapkan tipe media internet
untuk objek yang diembed (berdasar nilai dari atribut DATA).<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut USEMAP digunakan untuk menggambarkan image-map
disisi klien, nilainya adalah nilai atribut NAME elemen MAP, dan diawali karakter
"#".<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut VSPACE digunakan untuk mengatur banyaknya ruang
spasi antara objek yang diembed dengan elemen-elemen yang berada disisi atas
dan sisi bawahnya.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut WIDTH digunakan untuk menetapkan lebar untuk objek
yang diembed.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah dokumen HTML:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT DATA="A.html"
TYPE="text/html" WIDTH="300" HEIGHT="200"><o:p></o:p></div>
<div class="MsoNormal">
Alternatif: <A HREF="A.html">Tautan ke
dokumen A.html</A></OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah dokumen PDF:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT DATA="A.pdf"
TYPE="application/pdf" WIDTH="300"
HEIGHT="200"><o:p></o:p></div>
<div class="MsoNormal">
Alternatif: <A HREF="A.pdf">Ke dokumen
A.pdf</A></OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Berikut adalah contoh mengembed sebuah file SWF kedalam
dokumen HTML::<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<OBJECT
CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" <o:p></o:p></div>
<div class="MsoNormal">
CODEBASE="http://download.macromadia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,16,0"
WIDTH="320" HEIGHT="400"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="movie"
VALUE="namaFile.swf"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="quality" VALUE="high"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="play" VALUE="true"><o:p></o:p></div>
<div class="MsoNormal">
<PARAM NAME="loop" VALUE="false"><o:p></o:p></div>
<div class="MsoNormal">
</OBJECT><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Elemen LINK<o:p></o:p></div>
<div class="MsoNormal">
Elemen LINK dipakai untuk mengartikan suatu style dokumen
dan mengartikan tautan lokasi file style untuk menghubungkan antara dokumen
dengan sumber lainnya. Atribut dari elemen LINK di antaranya: id, dir, class,
lang, style, title, xml:lang, charset, href, hreflang, media, rel, src, rev,
target, type.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Sintaks:<o:p></o:p></div>
<div class="MsoNormal">
<LINK Attribute="attributeValue"><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut REV digunakan untuk menetapkan hubungan antara
dokumen yang ada dengan dokumen yang dilink. <o:p></o:p></div>
<div class="MsoNormal">
Atribut REL digunakan untuk menetapkan hubungan antara
dokumen yang dilink dengan dokumen yang ada. Hanya nilai "stylesheet"
untuk atribut REL yang didukung oleh kebanyakan browser, dibawah ini adalah
contoh menggunakan nilai "stylesheet" untuk atribut REL:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Tuliskanlah kode CSS dibawah ini menggunakan Notepad, lalu simpan
dengan nama STYLE.css.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
P#pertama {<o:p></o:p></div>
<div class="MsoNormal">
color: blue;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
P#kedua {<o:p></o:p></div>
<div class="MsoNormal">
color: red;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Lalu tuliskanlah dokumen HTML dibawah ini menggunakan
Notepad, lalu simpan dengan REL.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>REL.html</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="stylesheet"
HREF="STYLE.css" TYPE="text/css"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<P ID="pertama">Alinea 1</P><o:p></o:p></div>
<div class="MsoNormal">
<P ID="kedua">Alinea 2</P><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Terakhir jalankan dokumen REL.html, akan nampak didalam
jendela browser untuk alinea pertama teksnya akan ditampilkan berwarna biru dan
pada alinea yang kedua teksnya akan ditampilkan berwarna merah.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh dibawah ini adalah contoh dari hubungan-hubungan
antar dokumen didalam dokumen HTML yang bernama Bab2.html:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>Bab2</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Index"
HREF="../index.html"><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Next" HREF="Bab3.html"><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="Prev" HREF="Bab1.html"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="../index.html">Go To Index</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="Bab3.html">Pergi ke Bab
3</A><BR><o:p></o:p></div>
<div class="MsoNormal">
<A HREF="Bab1.html">Kembali ke Bab
1</A><BR><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Atribut HREF digunakan untuk menetapkan lokasi dari dokumen
yang dilink. Atribut TYPE digunakan untuk menetapkan jenis media internet dari
dokumen yang dilink, nilainya antara lain "text/css",
"text/html", "text/javascript", dll. Atribut TARGET
digunakan untuk menetapkan target jendela untuk dokumen yang dilink, untuk
atribut TARGET dapat dilihat di Atribut Target HTML. Atribut MEDIA digunakan untuk
menetapkan tipe media yang digunakan untuk dokumen yang dilink. Atribut
HREFLANG digunakan untuk menetapkan kode bahasa dari dokumen yang dilink.
Atribut CHARSET digunakan untuk menetapkan character set dari dokumen yang
dilink.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Contoh:<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Tuliskan kode CSS dibawah ini menggunakan Notepad, lalu
simpan dengan nama STYLE.css.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
P#pertama {<o:p></o:p></div>
<div class="MsoNormal">
color: blue;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
P#kedua {<o:p></o:p></div>
<div class="MsoNormal">
color: red;<o:p></o:p></div>
<div class="MsoNormal">
}<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Lalu tuliskan lagi dokumen HTML dibawah ini menggunakan
Notepad, lalu simpan dengan REL.html.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<HTML><o:p></o:p></div>
<div class="MsoNormal">
<HEAD><o:p></o:p></div>
<div class="MsoNormal">
<TITLE>REL.html</TITLE><o:p></o:p></div>
<div class="MsoNormal">
<LINK REL="stylesheet"
HREF="STYLE.css" TYPE="text/css"
media="print"><o:p></o:p></div>
<div class="MsoNormal">
</HEAD><o:p></o:p></div>
<div class="MsoNormal">
<BODY><o:p></o:p></div>
<div class="MsoNormal">
<P ID="pertama">Alinea 1</P><o:p></o:p></div>
<div class="MsoNormal">
<P ID="kedua">Alinea 2</P><o:p></o:p></div>
<div class="MsoNormal">
</BODY><o:p></o:p></div>
<div class="MsoNormal">
</HTML><o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Untuk melihat aturan CSS ini bekerja, jalankan dokumen
REL.html, kemudian lihatlah didalam print preview atau coba dicetak kedalam
kertas. Nanti akan terlihat bahwa alinea pertama teks akan berwarna biru, pada
alinea kedua teks akan berwarna merah.</div>
<br />
<div class="MsoNormal">
Sekian Terima Kasih, Semoga Bermanfaat..</div>

Tutorial elemen head html

Haii.. sobat Hots WEB, Elemen adalah struktur yang menjelaskan suatu bagian dari dokumen HTML. Misalnya elemen h menjelaskan sebuah hea...

Thursday, February 20, 2014

Propeller Ads

makalah desain grafis

Design grafis, layout, nirmana, dan tipografi

Berita tentang ustad guntur bumi

Ucapan selamat dan sapaan dalam bahasa jepang

Tips membuat blog untuk pemula

Cara mempercepat loading performa internet explorer

Kata ucapan ulang tahun terlengkap

Program pada windows part2

Fungsi dan jenis-jenis RAM

Daftar widget yang digunakan untuk mempercantik blog

Kata frontal terupdate

Kumpulan kata dalam film naruto

Update status lucu

Tutorial elemen head html

Entri Populer

Labels

Blog Archive