Dreamweaver, and NotePAd,

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Macromedia meluncurkan versi terakhir Macromedia Dreamweaver yaitu versi 8.

Notepad++ adalah penyunting kode sumber bebas yang mendukung berbagai bahasa pemrograman yang berjalan di sistem operasi Windows. Proyek ini dilayani oleh Sourceforge.net. Program ini dibuat dengan dasar Scintilla dan ditulis dengan bahasa C++.

Entitas Karakter

Beberapa entitas karakter yang sering dipakai:

Hasil	Penjelasan	Nama Entitas	Nomor Entitas
	Spasi	 	 
<	Kurang dari	&lt;	&#60;
>	Lebih dari	&gt;	&#62;
&	Dan	&amp;	&#38;
"	Tanda kutip	&quot;	&#34;
'	Kutip tunggal	&apos; (Ndak berlaku di IE)	&#39;

Membuat Tabel

Baru2 ini abis dapet request untuk cara pembuatan tabel, kemaren2 mo nge-post ga sempet,hohohoho sok sibuk deh. Sebenar ny simple aj c, beberapa elemen yang di gunakan ialah:

• <table> - membuat table
  
• <td> - kolom pada table/sel pada table
• <tr> - baris pada table/row pada table

<TABLE>
Pelengkapnya :

• align - meratakan tabel ke kiri, ke tengah atau ke kanan.
• bgcolor - menunjukkan warna background pada tabel
• border - lebarnya batas border dalam satuan pixel
• cellpadding - luas yang tak terlihat antara isi sel dan aktual dinding sel
• cellspacing - luas yang aktual (dalam pixel) antara dua sel
• width - menunjukkan luas dari tabel dalam satuan pixel atau presentase
  

Contoh : <table align=''center'' bgcolor=''blue'' border=''3'' cellpadding=''3'' cellspacing=''5'' width=''90%''>

<TR>
Pelengkapnya:

• align - meratakan isi dari baris (row) yaitu ke kiri, kanan, dan tengah
• bgcolor - menunjukkan warna background dari baris (row)
• valign - meratakan secara vertikal isi dari baris (row) ke atas, tengah, dan bawah

Contoh : <TR align="right" bgcolor="pink" valign="top">

<TD>
Pelengkapnya:

• align - meratakan isi dari baris (row) yaitu ke kiri, kanan, dan tengah
• background - tempat dari gambar background di dalam sel
• bgcolor - menunjukkan warna background semua tabel
• colspan - menambah panjang dari sel ke angka 2 atau lebih
• height - menunjukkan tinggi dari sel dalam satuan pixel
• nowrap - perlengkapan untuk mengunci isi yang kita buat agar tetap pada garis yang sama
• rowspan - menambah ketinggian menambah panjang dari sel ke angka 2 atau lebih
• valign - meratakan secara vertikal isi dari baris (row) ke atas, tengah, dan bawah

Contoh yang paling simple dalam membuat table ialah :

<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>



note: &nbsp; bermakna spasi (dapat di ganti dengan text yg kamu inginkan). Apabila kamu ingin text yg berada table tersebut "center" maka <tr> (tag pembuka) di ganti dengan <tr align="center"> maka otomatis semua text yang kita masukkan ke dalam kolom (<td>) tersebut akan menjadi center sampai akhir tag penutup dari elemen (</tr>) kita memang belom mempelajari tentang entitas karakter, tapi aku akan mengepost ny as soon as possible,hehehehhehehh

Dasar HTML

Entri kali ini aku pingin sedikit membahas tentang Dasar HTML. Tag HTML yang penting ialah yang mendefenisikan judul, paragraf, dan ganti baris. Cara terbaik dalam penggunaan Tag HTML ialah dengan banyak berlatih, ya tentu saja dengan menggunakan NOTEPAD (ya iyalah masa' ya iya dong).

Judul

Judul didefinisikan dengan menggunakan tag <h1> sampai >h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kamu bikin file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1> <h2>Ini Judul</h2> <h3>Ini Judul</h3> <h4>Ini Judul</h4> <h5>Ini Judul</h5> <h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf

Paragraf didefinisikan dengan menggunakan tag <p>.

<p>Ini adalah sebuah paragraf</p> <p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.

Jangan lupa Tag penutup

Kamu pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag penutup </p> kayak ginii:

<p>Ini adalah sebuah paragraf <p>Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin hal itu. Versi-versi HTML ke depan kayaknya ndak akan ngijinin kamu untuk melewatkan tag penutup.
Menutup semua elemen HTML dengan tag penutup adalah cara yang ampuh untuk menulis HTML yang kompatibel dengan smeua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).

Ganti Baris

Tag <br> digunakan pada saat kamu pengen membuat baris baru, tapi belum ingin ganti paragraf. Tag <br> akan membuatkan sebuah baris baru buat kamu dimanapun kamu letakkan tag itu.

<p>Ini <br> adalah sebuah pa<br>ragaraf dengan ganti baris </p>

Tag <br> adalah tag yang kosong. Nah, karena itu dia tidak punya tag penutup seperti misalnya </br>, karena jadi ndak masuk akal. Ya tho?

<br> atau <br />

Kamu akan makin sering melihat penulisan tag <br> dengan cara begini: <br />
Karena tag <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.
Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kamu akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML

Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kamu bisa menggunakan komentar untuk menjelaskan kode yang kamu bikin, dan tentu saja hal ini akan membantu kamu saat kamu perlu melakukan perubahan pada kode kamu kapan-kapan.

<!-- Ini adalah sebuah komentar -->

Perhatikan bahwa kamu perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Ingat hal-hal berikut!

• Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
  
• Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
  
• Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
  
• Isi elemen berada di antara tag pembuka dan tag penutup
  
• Beberapa elemen HTML tidak memiliki isi elemen
  
• Beberapa elemen HTML tidak memiliki teg penutup
  

Beberapa Tips Yang Bermanfaat

Waktu kamu menulis teks HTML, maka kamu tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.
HTML akan menghapus spasi dalam teks kamu. Berapa banyakpun kamu tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.
Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).
HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar

Berikut adalah tag-tag penting yang akan sangat sering kamu pakai. Dan kamu akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.

Tag	Description
<html>	Mendefinsikan sebuah dokumen HTML
<body>	Mendefinisikan isi utama
<h1> to <h6>	Mendefinisikan judul 1 sampai 6
<p>	Mendefinisikan paragraf
<br>	Menyisipkan sebuah baris
<hr>	Mendefinisikan garis horisontal
<!-->	Bikin komentar

Good Luck!

FrontPage vs NotePad

Setelah berulang kali mengepost beberapa artikel yg kurang berguna dengan segala macam kalimat hasil copy-paste (ampun ketahuan deh), kali ini kami (tepatnya c aku sendiri, karena ngetikny sendirian nih,huhuhuhu) akan benar-benar mengepost dalam bentuk bahasa yang telah lulus sensor,heheheh..(zigh..)
Dalam entri kali ini, kami akan membahas tentang FrontPage dan Notepad.. Kami ulangi sekali lagi, FrontPage and Notepad. Dua aplikasi ini memang biasa di gunakan untuk membuat web. Namun each of these application memiliki keuntungan yg berbeda, trgantung cara orang memandang juga bung.
Well, first of all, i want to talk about FrontPage. Memang kalo kita pikir-pikir, yaa.. Frontpage absolutely much easier than Notepad.. How come? ya tentu saja, coz we don't need to learn HTML which can make our minds blow up,hahahahaha. Mulai ngaco deh ah. Back to the topic, Frontpage can automatically convert a file which you have made into HTML code. So simple isn't it? well i did say that FrontPage is easy. FrontPage can generates any tag HTML extensions termasuk cascading style sheets, frames, dan ActiveX Controls. Wow sangat mudah, singkat, padat, dan jelas. So, the advantages of using FrontPage is FrontPage can develop a web quickly cause FrontPage generates HTML code automatically sehingga tidak perlu repot-repot membuat HTML code.Tapi tetep aja, segala sesuatu yang ada di dunia ini memiliki kelebihan dan kekurangan. FrontPage bersifat visual yang biasa disebut WYSIWYG (What You See Is What You Get). Yang terlihat hanyalah objeknya, sedangkan script tidak terlihat. Hal inilah yang menyebabkan FrontPage memiliki kekurangan yakni If we want to change the script, we must use NotePad. FrontPage cannot be used for script editing, semisal kita mau menambahkan javascript pada tag head, kita tidak bisa langsung mengeditnya lewat FrontPage namun kita harus menggunakan Text Editor seperti NotePad.
Sekarang bagaimana dengan NotePad? Bagi pengguna NotePad, sudah jelas bahwa NotePad identik dengan kata ''NJLIMET'' alias rumit alias complicated alias ra karuan alias acakadul,hehehehe. Saya akan memberi contoh membuat web menggunakan Text Editor Notepad.
Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad).
Ketikkan teks berikut:

<html> <head> <title>Judul Halaman</title> </head> <body> Ini halaman pertama saya. <b>Teks ini ditebalkan</b> </body> </html>

Simpan dengan nama “halamanku.htm” (dont forget tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default .txt sehingga menjadi halamanku.htm.txt).
Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat.
Gampang kan? Njilmet kan? Atau masih bingung? Aku juga bingung,hahahaha. Ok, kita akan melihat penjelasan dari contoh di atas.

Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>

-Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.

-Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.

-Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu).

-Teks di antara tag <body>  adalah teks yang akan ditampilkan pada jendela browser kamu.

-Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.

Sebagaimana sudah disampaikan di awal, we can make HMTL file in 2 extensions yaitu .htm dan .html. Nah ekstension .htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi .html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML.
Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me-refresh browser untuk melihat perubahan tampilannya. With this explanation, i can guarantee that all of you understand.
So, The Advantages of using Notepad is we can know the detail of source code of HTML, so we can change and edit the code whatever and whenever we want. Inti nya ialah kalo menggunakan NotePad harus mau ketik ini itu, harus teliti, dan njlimet. Kekurangan dari penggunaan NotePad ialah memerlukan waktu yang lama untuk membuat web karena kita harus membuat secara manual dan one by one.

Memang kedua aplikasi menjadi kontroversi para pembuat web, kalau mau pake Notepad harus begini begini dan lama pula, kalau mau pake FrontPage emang cepet tp ga bisa begini begini. Nah kan bingung? so do i.hahaha. Memang bener kata pepatah ''Nobody's Perfect'', segala sesuatu yang tercipta dari karya dunia tidak ada yang sempurna, karena kesempurnaan ialah kesombongan tanpa ujung. Hehehehehe, jadi sok pepatah deh. Tapi kalo saya di suruh milih antara NotePad dengan FrontPage, jujur lebih pilih FrontPage karena memang yang paling mudah bung.. Semua jawaban relative dan tergantung dengan kemauan serta kebutuhan. Bagaimana dengan anda?

Difficulties in archieving WYSIWYG

A given HTML document will have an inconsistent appearance on various platforms and computers for several reasons:

Different browsers and applications will render the same markup differently.

The same page may display slightly differently in Internet Explorer and Firefox on a high-resolution screen, but it will look very different in the perfectly valid text-only lynx browser. It needs to be rendered differently again on a PDA, an internet-enabled television and on a mobile phone. Usability in a speech or braille browser, or via a screen-reader working with a conventional browser, will place demands on entirely different aspects of the underlying HTML. Printing the page, via different browsers and different printers onto various paper sizes, around the world, places other demands. With the correct use of modern HTML and CSS there is no longer any need to provide 'Printable page' links and then have to maintain two versions of the whole site. Nor is there any excuse for pages not fitting the user's preferred paper size and orientation, or wasting ink printing solid background colours unnecessarily, or wasting paper reproducing navigation panels that will be entirely useless once printed out

Browsers and computer graphics systems have a range of user settings.

Resolution, font size, colour, contrast etc can all be adjusted at the user's discretion, and many modern browsers allow even more user control over page appearance. All an author can do is suggest an appearance.

Web browsers, like all computer software, have bugs.

They may not conform to current standards. It is hopeless to try to design Web pages around all of the common browsers' current bugs: each time a new version of each browser comes out, a significant proportion of the World Wide Web would need re-coding to suit the new bugs and the new fixes. It is generally considered much wiser to design to standards, staying away from 'bleeding edge' features until they settle down, and then wait for the browser developers to catch up to your pages, rather than the other way round In this regard, no one can argue that CSS is still 'cutting edge' as there is now widespread support available in common browsers for all the major features even if many WYSIWYG and other editors have not yet entirely caught up

What you see may be what most visitors get, but it is not guaranteed to be what everyon

HTML Editor

An HTML editor is a software application for creating web pages. Although the HTML markup of the web page can be written by any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HTML editors work not only with HTML, but also with related technologies such as CSS, XML and Java script or ECMAScript.

yahoo ! Directory

Yahoo! Directory adalah situs standart. Banyak orang mempergunakan situs ini sebagai situs uji coba koneksi website mereka. Fast Loading dan komplit fasilitasnya. Yah ! mereka memang unggul di bidang per website-an. Yang paling hebat lagi, satu link dari Yahoo! memiliki rangking yang jauh lebih baik daripada 10 website selain Yahoo!

Mendaftar pada Yahoo! susah - susah gampang. Susah karena mereka ini manusia dan gampang karena kalo situs kita sesuai dengan selera mereka, maka mereka akan segera memasukkan situs kita dalam daftar mereka.

Sebuah situs tentang Leonardo de Caprio takkan mudah masuk ke situs mereka kecuali kamoe menyuguhkannya secara spektakuler. Tapi kalo kamoe bikin situs tentang cara efektif memelihara lele, maka dengan segera situsmu akan nongol di halaman mereka.

Sebelum mendaftarkannya, coba periksa situs kamoe, apakah udah cukup rapi, apakah perlu gambar itu disini, apakah link ini udah tepat, dan warna-warnanya, apakah tidak menyakitkan mata orang yang melihatnya. dan yang paling penting jangan sampai ada Broken Link atau Link dengan tulisan "Dalam Tahap Pengembangan".

Bila kamoe udah cukup yakin, maka kunjungi Yahoo! dan cari Kategori yang tepat untuk situsmu. Ingat! Yahoo! paling benci orang yang mendaftar pada Kategori yang tak sesuai dengan isinya. Anda bisa berharap situsmu mejeng di database mereka seratus tahun lagi.. he..he..heee

Dan jangan lupa, untuk memberikan catatan kecil tentang apa dan untuk apa websitemu ada. Cantumkan juga kenapa website mu begitu perlu untuk ditampung di database mereka. dan ingat catatan kecil itu sebaiknya berbahasa Inggris. Biar mereka segera paham dan langsung meletakkannya pada database mereka.

Dan yang terakhir..banyaklah berdoa dan ulangi lagi 2 minggu lagi. Tapi pastikan situsmu belum tercantum dalam daftar mereka.

Sebelumnya..saya ucapin SELAMAT buat kamoe yang telah berhasil meletakkan situsnya di Yahoo !!

What is an HTML File?

* HTML stands for Hyper Text Markup Language
* An HTML file is a text file containing small markup tags
* The markup tags tell the Web browser how to display the page
* An HTML file must have an htm or html file extension
* An HTML file can be created using a simple text editor

You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.

However, if you want to be a skillful Web developer, we strongly recommend that you use a plain text editor to learn your primer HTML.

You can easily edit HTML files using a WYSIWYG (what you see is what you get) editor like FrontPage or Dreamweaver, instead of writing your markup tags in a plain text file.

However, if you want to be a skillful Web developer, we strongly recommend that you use a plain text editor to learn your primer HTML.

Frequently Asked Question

Q: After I have edited an HTML file, I cannot view the result in my browser. Why?
A: Make sure that you have saved the file with a proper name and extension like "c:\mypage.htm". Also make sure that you use the same name when you open the file in your browser.

Q: I have edited an HTML file, but the changes don't show in the browser. Why?
A: A browser caches pages so it doesn't have to read the same page twice. When you have modified a page, the browser doesn't know that. Use the browser's refresh/reload button to force the browser to reload the page.

Q: What browser should I use?
A: You can do all the training with all of the well-known browsers, like Internet Explorer, Firefox, Netscape, or Opera. However, some of the examples in our advanced classes require the latest versions of the browsers.

Q: Does my computer have to run Windows? What about a Mac?
A: You can do all your training on a non-Windows computer like a Mac.

Pengenalan HTML

. World Wide Web

Internet merupkan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringan-jaringan yang beragam di seluruh dunia untuk dapat berkomunikasi.

World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer.

WWW bekerja merdasarkan pada tiga mekanisme berikut:

Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.

Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.

HTML digunakan untuk membuat document yang bisa di akses melalui web.

B. Pengenalan HTML

Hypertext Markup Language merupkan standard bahasa yang di

gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:

Mengontrol tampilan dari web page dan contentnya.

Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.

Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.

Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.

C. Browser dan Editor

Browser

Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator dan masih banyak yang lainya.

Editor

Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.

Web Builder

Web Builder Versi 5.0.1 adalah software yang sangat mudah digunakan untuk dapat membuat website profesional, bahkan oleh orang yang tidak tahu sama sekali pemprograman html dan java script.

Web Builder adalah sebuah program WYSIWYG (What-You-See-Is-What-You-Get) yang digunakan untuk membuat halaman website. WYSIWYG berarti bahwa setelah sebuah web didesain maka hasilnya akan sama persis seperti saat website tersebut didesain.

Program akan menciptakan skrip HTML (HyperText Markup Language) otomatis ketika anda menjalankan fungsi perancangan yang diinginkan; jadi walaupun anda tidak tahu sama sekali pemprograman HTML, hal tersebut tidak masalah. Cukup drag and drop objects ke halaman yang anda inginkaan dan program akan menciptakan kode HTML yang sesuai. Setelah anda selesai menciptakan website anda sendiri, Program ini menyediakan layanan untuk publish sehingga memungkinkan anda untuk dapat mengontrol halaman website anda dengan mudah.

Program ini cocok sekali bagi pemula/newbie yang ingin memiliki website sendiri tanpa mau dipusingkan oleh sintax HTML yang rumit.

Download:

Web Builder Versi 5.1.0
Crack Web Builder Versi 5.1.0

Struktur Dasar HTML

HTML singkatan dari Hypertext Markup Language, adalah sebuah bahasa pemrograman mengandung hypertyext yang mendefinisikan, mendeskripsikan sebuah struktur antarmuka web page untuk membentuk sebuah kombinasi halaman web, yang terdiri atas desain, database dan prosesnya.

HTML Editor, sebuah editor (sarana) untuk membuat sebuah file HTML, misalnya Macromedia Dreamweaver.

Struktur dasar HTML digambarkan sebagai berikut :

main page : halaman keseluruhan dari sebuah file HTML

main head : menggambarkan header atau title yang menyangkut identitas sebuah halaman

main body : menggambarkan tubuh dari halaman HTML itu sendiri, didalmnya dapat dimasukkan unsur tabel, paragraf dan lainnya

Hypertext adalah suatu paradigma ( cara atau pola ) antarmuka untuk menampilkan dokemen, yaitu dapat bercabang ke dokumen lain, menurut definisi awal hypertext berarti “ branch or perform on request” yang artinya bercabang atau melaksanakan saat diminta. Yang paling banyak digunakan dalam dunia computer adalah penelusuran antar dokumen yang disebut hyperlink. Dengan memilih hypertlink menyebabkan computer memuat dokumen yang ditunjuk. Untuk mewujudkan hal ini digunakan tag yang bernama Anchor ( jangkar ).

Dokumen-dokumen yang ditulis pada halaman web akan menggunakan tag, tag-tag inin mempunyai atrribut, seperti contohnya “backround”, :bgcolor”, “FONT”, “IMAGE”, dll. Cara penulisan tag-tag ini juga harus diperhatikan bentuk-bentuk tanda bacanya, seperti tanda < , > , / , “, dll. Terdapat banyak sekali yag-tag untuk memformat bentuk tampilan halaman web.

Microsoft FrontPage Editor

Microsoft FrontPage Editor adalah sebuah program untuk membuat, mendesain, dan
mengedit halaman World Wide Web. Seperti menambahkan text, images, table, form, dan
elemen lain di halaman web. FrontPage editor menampilkan itu semua seperti apa yang akan
Anda ingin tampilkan di Web browser (Interner Explorer dan Netscape)

Anda tidak perlu belajar HTML [Hyphertext Markup Language] untuk menggunakan
FrontPage Editor, karena secara otomatis akan membuat file yang Anda ketikan menjadi
sebuah HTML code. FrontPage Editor mengenerates semua tag HTML termasuk extensions
seperti cascading style sheets, frames, dan ActiveX Controls.

APA YANG DAPAT ANDA LAKUKAN DI FRONTPAGE EDITOR ?

1. Membuat halaman

• Membuat halaman dengan templates [blangko] yang dibuat sendiri
  

• Membuat halaman dengan templates atau wizards yang sudah ada [default]
  

2. Desain dan Layout halaman

• Menggunakan Themes
  

• Membuat desain sendiri dengan template yang dibuat
  

3. Convert File ke HTML

• MS WORD 2.0 dan 6.0
  

• MS WORD 95 dan 97
  

• Microsot Excel 4.0 dan 5.0
  

• Microsoft 95 dan 97
  

• Word Perfect 6.x
  

4. Membuka File HTML
5. Mengetik dan Edit Text, dan gambar
6. Membuat Hypherlinks dan Bookmarks
7. Membuat Tabel

WYSIWG

Program HTML editor WYSIWG (What You See Is What You Get) adalah program HTML editor
yang menyediakan interface seperti program pada Microsoft Word. Namun output yang dihasilkan berupa file HTML. Contoh program HTML editor yang bersifat WYSIWYG adalah
Microsoft FrontPage, Macromedia Dreamweaver dan Adobe GoLive.

Kita asumsikan anda sebagai orang awam yang belum mengenal sama sekali HTML. Jika anda
menggunakan program semacam ini dan hanya drag n drop saja tanpa mengerti kodenya maka
sama saja anda tidak menguasai teknik pemrograman web secara nyata.

Ini akan mempersulit anda jika nanti anda mempelajari bahasa web progromming seperti Java
atau PHP. Oleh karena itu, dalam materi yang kita bahas dalam ebook ini menggunakan “PHP
Designer 2006” yang sifatnya hanya syntax highlighting. Namun setelah membaca e-book ini
dan menguasai HTML anda tentu sudah mengerti dan tidak bingung ketika menggunakan
program WYSIWYG.

Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah
simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk
menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan dan diakhiri
dengan dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang
tidak diakhiri dengan tanda seperti tag
, dan lainnya.

Sebuah halaman website akan diapit oleh tag ……. File-file HTML selalu
berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan
menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.

Definisi HTML aditor

Html editor adalah aplikasi yang digunakan untuk membuat halaman web. Meskipun tag html sebuah web dapat ditulis menggunakan editor apapun, html editor khusus menyediakan kenyamanan dan fungsionalitas yang baik. Sebagai contoh, beberapa html editor bekerja tidak hanya dengan html, tapi juga dengan teknologi yang berhubungan seperti CSS, XML dan Javascript. Pada beberapa kasus mereka juga mengatur komunikasi dengan web server melalui FTP dan Webdav, serta manajemen versi seperti CVS atau Subversion

Web-based HTML editor (WYSIWYG)

Sekarang banyak sekali aplikasi-aplikasi opensource yang berbasis web. Pada umumnya mereka menggunakan Web-based HTML editor untuk mempermudah user dalam memanipulasi content. Wordpress yang saya pakai ini misalnya menggunakan tinyMCE. WYSIWYG ini sangat memudahkan user karena behavior yang mirip sekali dengan aplikasi Office (seperti Microsoft Office, Openoffice.org, dll) yang sudah sangat lazim dipakai. Tulisan mau dibuat miring? Tinggal diblok terus pilih italic. Mau dibuat tebal? Blok kata/kalimat yang dimaksud terus pilih bold. Pada awal mengenal web, Web-based HTML Editor yang saya ketahui hanya HTMLArea saja. Tetapi sekarang ini HTMLArea sepertinya sudah tidak disupport lagi untuk versi bebasnya. Dan saat ini, sudah sangat banyak Web-based HTML Editor yang memberikan alternatif bagi kita semua, baik yang berbayar ataupun yang bebas (tidak berbayar). Berikut ini daftar Web-based HTML Editor yang dapat Anda gunakan secara bebas (bukan berarti boleh dikomersialkan loh ya, lihat lisensi masing2 untuk detailnya) fckEditor (http://www.fckeditor.net/) Menurut saya ini adalah editor yang paling terkenal. Fasilitas lengkap, control untuk manipulasi tampilan, fasilitas upload file (mendukung beberapa bahasa pemrograman seperti php, asp, dll), Kompatibel di 4 browser utama (IE, FF, Mozilla, Netscape), Safari sekarang juga didukung (nightly build). tinyMCE (http://tinymce.moxiecode.com/) Editor yang satu ini dipakai oleh wordpress untuk web-based HTML editor mereka. Ukuran file lebih ringkas daripada fckeditor. Load pertama kali lebih cepat daripada fckEditor. Tetapi sayangnya editor ini tidak memiliki fasilitas upload & file manager (Fasilitas ini dikomersialkan). Kompatibilitas dengan browser lebih baik dari fckEditor, tinyMCE support: IE, FF, Netscape, Mozilla, Opera, Safari. RTE (http://www.kevinroth.com/rte/) Editor ini cukup kecil jika dibandingkan dengan editor-editor sebelumya. Cuma sayangnya kita harus membelinya agar dapat dioprek-oprek lebih lanjut. Secara umum editor ini patut digunakan. openWYSIWYG (http://www.openwebware.com/products/openwysiwyg/) Hampir seringan RTE. Tetapi editor ini sepertinya lebih lengkap kontrolnya daripada RTE. Integrasi dengan web cukup mudah. Browser yang didukung adalah IE, FF, Netscape, Mozilla. Wyzz (http://www.wyzz.info/home_page.html) Saya baru tau editor ini baru-baru ini, belum sempat mencoba explore lebih lanjut. Sepertinya cocok untuk editor yang sifatnya basic. WYMEditor(http://www.wymeditor.org/en/) Editor ini meng-claim support standar XHTML. Saya tidak tahu banyak tentang editor ini karena baru tahu. SuMber DAri aris.pituruh.com