Cari Blog

Senin, 13 Desember 2010

Membuat Script Di Notepad

Fungsi notepad yaitu untuk membentuk file PDF, Elfima juga berfungsi untuk mengubah dan mengatur berbagai parameter penting dalam file PDF tersebut. Anda dapat mengatur margin, panjang dan lebar kertas, jarak antar-paragraf, serta memberikan header atau footer. Setting tersebut dapat Anda atur secara mudah melalui option-option yang telah disediakan oleh tool ini. Dan juga dapat digunakan untuk membuat file PDF, SVG, XHTML, dan XML. Pembuatan file PDF melalui tool ini begitu kompleks karena file teks yang Anda buat dapat digabungkan dengan fungsi-fungsi sintax HTML, SVG, dan XML. Dengan begitu, setiap file PDF yang terbentuk memiliki bentuk serta gaya yang menarik.
Sayangnya, meskipun memiliki fungsi dan hasil kualitas PDF yang baik, saat diuji oleh CHIP, ternyata tidak semua jenis file PDF dapat dibuka dan diubah beberapa parameternya oleh tool ini.
Kesimpulan : Walaupun masih terdapat beberapa kekurangan, text editor ini memiliki feature lebih sehingga fungsi utamanya tidak hanya mampu mengedit PDF saja.

Bentuk script yg akan dibentuk di dalam notepad merupakan bentuk kode(code).
Diawali dg <html> dan diakhiri dg </html>, dsb. Catatan penting: jika diawali dg <head> harus diakhiri dg </head> menggunakan garis miring.

1. Contoh kode(code) untuk membuat suatu script menggunakan fasilitas notepad:
<html>
<head>
<title>script saya</title>
</head>
<body bgcolor="yellow">
<font size=5 color=”blue">hidup mulia atau mati sahid</font>
<marquee>
<h2><font size=5 color="red">selamat datang di situs orang berbahagia dunia dan akhirat</h2>
</marquee>
</body>
Hasilnya seperti ini!






2. Contoh kode(code) untuk membuat tabel(table) / comment box menggunakan fasilitas notepad.
<html>
<table border="2" cellspacing="2" BORDERCOLOR="#410082" cellpading="2" ALIGN="Center">
<TR>
<TD><P ALIGN=Center><font size=5 color="red">
welcome to riyn's site!!
</font></TD>
</TR>
</table>
</html>
Hasilnya seperti ini!





Teks dg warna merah bisa diubah sesuai kehendak.
(Jangan lupa teks kode tersebut diketik di dalam notepad bukan Ms. Word atau dsb)
Untuk melihat hasilnya antara lain dg cara:
Setelah diketik di dalam notepad lalu di save as dg nama file sesuai kehendak diakhiri dg .html (misal: script saya.html) setelah disimpan, file tersebut otomatis akan berbentuk file internet explorer.
Buka kembali file notepad yg sudah disimpan dalam bentuk internet explorer.
Hasil akan terlihat.

Penjelasan tentang istilah beberapa kode(code) diatas:
<html> = untuk mengawali teks kode di dalam notepad
<body> = untuk mengatur segala macam yg akan tampil di body /bagian isi
<title> = untuk memberi nama judul pada internet explorer
bgcolor = untuk mengatur warna latar belakang/background
marquee = untuk mengatur teks berjalan

Jika tidak mau repot mengetik kode script diatas, di copy paste aja…. ^^
Anda bisa menambah dan mengedit code diatas sesuai kehendak untuk menghasilkan sesuatu yg lebih menarik lagi.

Berikut adalah pencarian HTML tips di situs friendster.com untuk menambah referensi anda dalam membuat kode html.
HTML Tips
Use HTML to add color and personality to the “About Me" and “Who I Want to Meet" sections of your profile! There are just a few rules you need to follow:
What’s allowed: Feel free to modify and enhance your text with any standard HTML (<B>, <A HREF>, <IMG SRC>, <FONT>, <TABLE>, etc.). Keep in mind that there is a character limit for each field, so make sure to leave enough room to close your tags (otherwise you might mangle the remaining code of your page).
What’s not allowed: Applets, frames, layers, forms, scripts, XML, or any mouse-over events (they’ll be stripped from your code automatically). Adding elements to the page that cover Friendster advertising is also a no-no.
New to HTML?
Don’t worry, HTML is incredibly easy to learn. All you have to do is surround whatever text you want to modify with tags. Like this:
The Very Basic Basics

What You Type    What You Get     
<B>Men</B>    Men     
<I>Are</I>    Are     
<U>from</U>    from     
<S>Men are from Mars</S>    Men are from Mars     
You can even combine tags (just remember to next each pair of tags)     
<B><I><U>Mars Needs Women</U></I></B>    Mars Needs Women     
And That’s Not All     
<CENTER></CENTER>    Centers text or image.     
<A HREF="URL HERE"></a>    Makes whatever text/image it surrounds into a link.     
<IMG SRC="IMAGE URL HERE" WIDTH="100" HEIGHT="100" />    Add an image, using optional WIDTH and HEIGHT attributes to control the sizing. Note: IMG code is stand-alone (no seperate close tag necessary     
<FONT FACE="verdana" SIZE="6" COLOR="green">Little Green Men</font>    Alter the size, style, and color of text.    

Cross-browser friendly fonts: Arial, Arial Black, Comic Sans, Courier New, Georgia, Times New Roman, Trebuchet, Webdings.
Cross-browser friendly colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. (Want more colors? Use a HEX code.)

Berikut adalah beberapa website yg dapat menambah referensi dan membantu anda dalam membuat script html:
http://www.w3.org/MarkUp/Guide/
http://www.webmonkey.wired.com/webmonkey/authoring/html.basics/
http://www.htmlhelp.com/
http://cedesign.net/tablesj.htm

Selamat Mencoba!!


Source: riyn’s site

Tidak ada komentar:

Posting Komentar