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.