HTML Editor
ConcordFTP provides you with the convenience of a double pane HTML editor, a color-coded source editor and a side-by-side WYSIWYG web view of the pages for you to see exactly what the pages will look like online. You can change the editor layout to vertical or horizontal display via the View > Split View menu, or by using the toggle Ctrl+0 shortcut key. If you prefer to have only the source code view or the web view, you can also use the View > Split View menu or the Ctrl+1, Ctrl+2, or the Ctrl+3 shortcut keys to switch around.
Below are some sample illustrations of how HTML source code is displayed in the color-coded ConcordFTP HTML Editor.
Main Body
A simple sample HTML code is defined by "Head" and "Body" information. Everything else falls in between. For example:
<html>
<head>
<title>Title of your site</title>
<meta name="description" content="Enter description of your web site here.">
<meta name="keywords" content="keyword1, keyword2">
</head>
<body>
<!-- Your Main Section Starts Here -->
<p>Insert your text here…<br>
<p><IMG SRC="yourimage.jpg" WIDTH="325" HEIGHT="98" BORDER="0">
<p>Add more text here…<br>
<!-- Your Main Section Ends Here -->
</body>
</html>
Comments
HTML source may contain comment statements, which starts with <!-- and ends with -->. This information is for annotation purpose only and will not be displayed by the web browser. For example:
<!-- Property of your company http://www.yourdomain.com -->
Font Style
You can define font color, style, size, and other attributes for displaying text in web browser. The sample HTML source code below will display the text in bold, as indicated by the pair of <b> and </b>. The font color will be displayed in red represented in hexadecimal number.
<font color="#FF0000"><b>Sample Text</b></font>
Inserting Image
You can include image files on your web pages. If you like, ConcordFTP can generate the HTML source code for inserting the image from the active Image Editor into your web page. The width and height of the image are generated for you. All you have to do is to paste the code into the desired point in your HTML source code.
The Edit > Copy HTML Code menu is only available when the active file in the Editor is an image file.
<IMG SRC="yourimage.jpg" WIDTH="325" HEIGHT="98" BORDER="0">
If the image file is stored in a subfolder, e.g. "mygraphics", then you have to edit the above code to include the server path information.
<IMG SRC="mygraphics/yourimage.jpg" WIDTH="325" HEIGHT="98" BORDER="0">
If the image file is from an external source on the Internet, e.g. "otherdomain.com", you can edit the above code to include URL information.
<IMG SRC="http://www.otherdomain.com/yourimage.jpg" WIDTH="325" HEIGHT="98" BORDER="0">
Preferences
You can also select HTML Preference settings for HTML source code display. To do so, select the Tools > Default Options menu or click the Options icon on the Navigationbar, on the General > HTML and Syntax Editor page, and choose HTML or other HTML related file types from the language list. Enter desired preference selections in the Tab and Indent tab, and the Compatibility tab.
|
