Edit an HTML page and save it for later (re)use.

In this workflow, we'll go through a set of steps involved in creating a media-rich HTML page (a page with images, tables, flash etc.) If you are a 0space web-site member and have logged in, you can upload hyper-media objects into your workspace and embed them into the page with the help of a file browser. If you are an anonymous user (not logged in), you can only insert URLs of hyper-media objects into the page.

We do not provide any facility for creating/editing any kind of graphics or video objects. They are to be created externally, and kept at some web-accesible location. They can be uploaded into your workspace if you are a 0space member and you  would like to serve them from your 0space account.

Launch the 0space online editor: 0sEd

Click on the 0sEd icon (). 0sEd popup appear with 5 tabs (Help, HTMLPage, TeXPage, Hindi, and VKbd) as 0sEd toolbar near top, and a What-You-See-Is-What-You-Get (WYSIWYG) edit area (default mode: View) with Edit and Save (default mode: disabled) buttons.

Sample snapshot:


Explore the HTML Editor

To delete the initial sample text and put your own content, click on the Edit button. Edit button changes into Preview botton, but the Save button still remain disabled.

The edit area becomes editable and (TinyMCE) HTML editor control buttons appear at the bottom in a few seconds (depends on your Internet connection speed).

Wait till the HTML editor controls appear.

Sample snapshot:

Edit your content in WYSIWYG mode

You may insert hyperlinks, tables, images, multimedia objects (flash or other movie formats) by clicking on the associated editor control buttons near the bottom. Most of them will ask for additional information in a popup window.

Sample snapshot (showing a popup for 'image insert'):

You may also use "Copy/Cut-Paste" to bring content from some existing document. However, the content inserted with the "Copy/Cut-Paste" method may not carry the format of the source, because "internal" transfer of content from source to the 0sEd editor will depend on the applications and the operating system involved. You might have to put extra effort to get the pasted content in desirable format. (Knowledge of HTML will allow you to directly modify the HTML code to get the desired format.)

Preview and save.

Click on Preview button to find how your content will look in its current form. At this stage, Save button becomes enabled, and Preview button revets back into Save button.

Click on Save button after required interations Edit-Preview cycles.

Your content will be sent back to a new browser window/tab. From there you can save or print via the File menu option of the browser.

[If you were a 0space member and had logged in, your page gets saved as a file in your 0space workspace. Your workspace folders/files are managed via the 0space file manager 0sFM.]