[LITERASI KOMPUTER] NOTEPAD++ {REVIEW DAN TUTORIAL SEDERHANA)
Assalmualaikum wr.wb Hi Friends~ Dear my visitor, because I have new task in Computer lesson, I will post in Bahasa, not in english again. Okay?
Ini adalah tugas Literasi Komputer saya, dimana tugasnya adalah membuat review dan tutorial tentang salah satu software multimedia dan saya mengambil aplikasi multimedia NOTEPAD++
Mungkin banyak dari kalian yang belum tahu akan aplikasi NOTEPAD++ karena kalian hanya sering mendengar tentang notepad saja.
Jadi, NOTEPAD++ adalah aplikasi penyunting teks untuk membuat program kecil dengan bahasa yang diinginkan dan merupakan penyunting kode sumber yang berjalan pada windows. NOTEPAD++ adalah sebuah text editor yang sangat berguna bagi setiap orang dan khususnya bagi para developer dalam membuat program. Biasanya sih kalau pengalam saya pribadi, saya menggunakan aplikasi NOTEPAD++ untuk mendesain web berbasis HTML. Sebenarnya masih banyak lagi bahasa program yang didukung seperti C, C++, Java, C#, XML, HTML, PHP, Javascript.
Fitur-fitur:
WYSIWYG
User Defined Syntax Highlighting
Multi-Document Tabs
Regular Expression Search/Replace supported
Full Drag N’ Drop supported
Dynamic position of Views
File Status Auto-detection
Zoom in and zoom out
Multi-Language environment supported
Bookmark
Brace and Indent guideline Highlighting
Macro recording and playback
Keunggulan
1) Pada Notepad ++ kita dapat mengerjakan dan membuka berbagai format dokumen (untuk lebih jelasnya coba sendiri soalnya sanyak sekali tongue
out ) cukup satu window saja yang dibuka. Sedangkan Notepad bawaan windows tidak bisa melakukannya.
2) Tampilan pada Notepad++ cukup bagus dan menari
3) Di Notepad ++ ada Plugins yang anda dapat download manual atau Install Notepad++ dan pilih sesuai keinginan anda
4) Software ini opensource jadi anda dapat melihat source kodenya dan Notepad++ juga sudah mendukung bahasa Indonesia
Kekurangan
Tidak bisa Compile atau Running source code program.
ELEMEN DASAR
|
||
Jenis Dokumen
|
<HTML></HTML>
|
(terdapat pada awal dan akhir dari
file HTML)
|
Judul
|
<TITLE></TITLE>
|
(harus selalu terdapat pada mukadimah)
|
Mukadimah (Header)
|
<HEAD></HEAD>
|
(keterangan umum, seperti judul
dsb.)
|
Batang Tubuh
|
<BODY></BODY>
|
(isi dari halaman HTML)
|
FORMAT
TAMPILAN
|
||
Huruf Tebal
|
<B></B>
|
(Bold)
|
Huruf Miring
|
<I></I>
|
(Italic)
|
Garis Bawah
|
<U></U>
|
(Underline - jarang digunakan)
|
Rata Tengah
|
<CENTER></CENTER>
|
(Center - berlaku untuk teks
maupun gambar)
|
Huruf Kedip
|
<BLINK></BLINK>
|
(Blinking - tag terlucu sampai
kini)
|
Ukuran Huruf
|
<FONT
SIZE=?></FONT>
|
(Font Size - boleh diisi dari 1
sampai 7)
|
Warna Huruf
|
<FONT
COLOR="#$$$$$$"></FONT>
|
|
Pilih Jenis Huruf
|
<FONT
FACE="***"></FONT>
|
|
PEMISAH
|
||
Paragraf
|
<P></P>
|
(tag penutup seringkali tak
diperlukan)
|
Align Text
|
<P
ALIGN=LEFT|CENTER|RIGHT></P>
|
|
Pndah Baris
|
<BR>
|
(pindah ke baris berikut)
|
Garis Datar
|
<HR>
|
(Horizontal Rule)
|
Penataan Letak Garis
|
<HR
ALIGN=LEFT|RIGHT|CENTER>
|
|
Tebal Garis
|
<HR SIZE=?>
|
(dalam satuan pixel)
|
Lebar Garis
|
<HR
WIDTH=?>
|
(dalam satuan pixel)
|
Lebar Garis Persentasi
|
<HR
WIDTH="%">
|
(dalam persentasi terhadap lebar
halaman)
|
LATAR BELAKANG
DAN WARNA
|
||
Latar Belakang Gambar
|
<BODY
BACKGROUND="URL">
|
(Tiled Background)
|
Warna Latar Belakang
|
<BODY
BGCOLOR="#$$$$$$"
|
(Background Color - urutan:
merah/hijau/biru)
|
Warna Huruf Teks
|
<BODY
TEXT="#$$$$$$">
|
|
TABEL
|
||
Rancangan Tabel
|
<TABLE></TABLE>
|
|
Garis Batas Tabel
|
<TABLE
BORDER=?></TABLE>
|
|
Lebar Tabel
|
<TABLE
WIDTH=?>
|
(dalam satuan pixel)
|
Lebar Tabel Persentasi
|
<TABLE
WIDTH="%">
|
(dalam satuan persen terhadap
lebar halaman)
|
Baris dalam Tabel
|
<TR></TR>
|
|
Penataan Letak Baris
|
<TR
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Sel dalam Tabel
|
<TD></TD>
|
(harus ada dalam setiap baris
tabel)
|
Penataan Letak Sel
|
<TD
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Kepala Tabel
|
<TH></TH>
|
(Table Header - seperti data
dengan Bold dan Center)
|
Penataan Letak Kepala Tabel
|
<TH
ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE> |
|
Warna Kepala Tabel
|
<TH
BGCOLOR="#$$$$$$">
|
|
Membuat Desain Website Berbasis HTML Dengan Notepad++
<html>
<head>
<title> My First HTML Project
</title>
</head>
<body
BGCOLOR=“Green”
TEXT=“Red”>
WELCOME TO MY WEBSITE
</body>
<body
bgcolor=”#00ff00”>
</html>
Langkah selanjutnya simpan dalam format
HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti
pada gambar 1 berikut:
Nah, jadi NOTEPAD++ itu sangat berguna banget bagi kalian yang berkecimbpung di dunia multimedia, yang suka banget sama programming, terutama mempunyai bakat dan minat di web design. Gak nyesel deh pastinya kalau kalian mencoba mempelajari aplikasi NOTEPAD++. Selain itu, Notepad++ sangat ringan untuk digunakan, jadi sekalipun komputer yang kalian miliki berspesifikasi rendah tetap bisa digunakan.
Nah, sekian dulu yah dari saya, semoga bermanfaat ^~^ semangat kreatif sampai mati!
Komentar
Posting Komentar