Web Development > Live HTML Editor

 

LIVE WEBSITE BUILDER

Live WYSIWYG Website Builder kami bekerja seperti halnya HTML editor offline lainnya seperti: Frontpage atau Dreamweaver (WYSIWYG = What You See Is What You Get). Untuk menggunakannya Anda minimal harus memiliki browser: Internet Explorer 5.5 ke atas dengan Javascript enabled.

 Cara Pemakaian Sangat Mudah (4 Langkah) back to top

Hanya dengan 4 langkah mudah ini Anda telah dapat mulai membuat website Anda:

  1. Anda dapat menata dan mengedit tabel di bawah ini sama seperti Anda menggunakan MS Word. Silakan Anda edit tulisan "Welcome to Techscape Live HTML Editor!" di bawah ini dan gunakanlah Tool Bar yang tersedia untuk mengatur font, table, form, links dan lain sebagainya.
  2. Untuk melihat hasilnya di browser Anda cukup click "Preview".
  3. Untuk mendapatkan kode HTMLnya, Anda cukup click "Get HTML >>". Cara save:
    1. Block seluruh kode HTML dengan "Ctrl + A"
    2. "Ctrl + C" untuk mengopi
    3. "Ctrl + V" untuk paste ke software Word Pad yang tersedia di komputer Anda.
    4. Save file tsb di Word Pad Anda dengan extension .html (misalnya index.html)
  4. Uploadlah file tsb dengan menggunakan software FTP dan letakkan file tsb di directory "html" Anda. Selesai!
Silakan lihat hasilnya di http://www.NamaDomainAnda.com/index.html (sesuai nama file yang Anda buat)

Untuk mendapatkan panduan pemakaian (Help Files), silakan click di tombol =>

HideBoldButton(); //$myEW->HideUnderlineButton(); //$myEW->HideItalicButton(); //$myEW->HideNumberListButton(); //$myEW->HideBulletListButton(); //$myEW->HideDecreaseIndentButton(); //$myEW->HideIncreaseIndentButton(); //$myEW->HideLeftAlignButton(); //$myEW->HideCenterAlignButton(); //$myEW->HideRightAlignButton(); //$myEW->HideJustifyButton(); //$myEW->HideHorizontalRuleButton(); //$myEW->HideLinkButton(); //$myEW->HideAnchorButton(); //$myEW->HideMailLinkButton(); //$myEW->HideHelpButton(); //$myEW->HideFontList(); //$myEW->HideSizeList(); //$myEW->HideFormatList(); //$myEW->HideStyleList(); //$myEW->HideForeColorButton(); //$myEW->HideBackColorButton(); //$myEW->HideTableButton(); //$myEW->HideFormButton(); //$myEW->HideImageButton(); //$myEW->HideSymbolButton(); //$myEW->HidePropertiesButton(); //$myEW->HideCleanHTMLButton(); //$myEW->HideGuidelinesButton(); //$myEW->DisableSourceMode(); //$myEW->DisablePreviewMode(); //$myEW->DisableImageUploading(); //$myEW->DisableImageDeleting(); //How do we want images to be inserted into our HTML content? //EW_PATH_TYPE_FULL will insert a link/image in this format: http://www.mysite.com/test.html //EWP_PATH_TYPE_ABSOLUTE will insert a link/image in this format: /myimage.gif $myEW->SetPathType(EW_PATH_TYPE_FULL); //Are we editing a full HTML page, or just a snippet of HTML? //EW_DOC_TYPE_HTML_PAGE means we're editing a complete HTML page //EW_DOC_TYPE_SNIPPET means we're editing a snippet of HTML $myEW->SetDocumentType(EW_DOC_TYPE_HTML_PAGE); //Do we want images to appear in the image manager as thumbnails or just in rows? //EW_IMAGE_TYPE_ROW means just list in a tabular format, without a thumbnail //EW_IMAGE_TYPE_THUMBNAIL means list in 4-per-line thumbnail mode $myEW->SetImageDisplayType(EW_IMAGE_TYPE_THUMBNAIL); //Set the initial HTML value of our control $myEW->SetValue("Welcome to Techscape Live HTML Editor!"); //Display the EditWorks control. This *MUST* be called between and
tags $myEW->ShowControl("90%", "350", "/images"); //Display the rest of the form ?>



Live Web Builder v.1.0