Step by Step Tutorial
Define a New Site
Before you start creating web pages for your web site, you should create a folder in your disk to be the root folder of your web pages. All the files and documents belonging to a web site will be stored under this root folder. You can edit all the files in your local site and then upload them to a defined web server.
Steps:
- Start Site Manager
- In Site Manager, choose "Site/New Site" command from the menu bar to open the dialog box
- In the "Site Name" field, give a name "Test" to the new site
- In the "Local Root Folder" field, type in the complete path "D:\test"
- Click OK
- A prompt appears, asking you whether to create the new folder "test". Click OK. The folder "test" will appear on the local site pane.
Import the Template
Sothink HTML Editor contains ten well-designed templates that are designed to help users quickly create their own web pages. Each template has its unique style with images, tables, navigation bars, etc. Users should only add text, link and other contents to make them their personalized web pages.
Steps:
- Click the Import icon on the toolbar
- A preview window is opened. Choose "Company Internet" from the catalog list and then "Legends of the Fall" from the template names list. Click the links on the home page to view other pages of the template.
- Click the Import button on the top right to copy this template to your local root folder. All the files and documents are displayed in the local site pane. Image files of the template are stored in the "image" folder under the local root folder "test"
Add a File
You will add a new file named "comment.htm" to the imported template. The new page will be used to gather feedback from customers or visitors to your web site.
Steps:
- Right-click the folder "test" in the local site pane
- Choose "New File" from the context menu. A new file icon will appear under the root folder.
- Enter a file name "comment.htm" in the name field.
- Press Enter.
Set Page Properties
You've already added a new HTML file to the template. The style of this page should be consistent with that of the whole template. So you should define the same background image, font style, links color, etc.
Steps:
- Double-click the new file to open it in Sothink HTML Editor
- Click the Design button on the bottom of the document window to edit the page in the Design (WYSIWYG) window. If a warning appears, check "Don't show this dialog again" to get rid of it. Don't be worried by the warning. The reformatting does not affect the content of your file.
- Click OK to proceed
- Right-click the mouse on the tool bar and select Properties Panel from the context menu. If the Properties Panel already appears on the right side of the document window, skip this step(you can drag the Properties Panel anywhere in the document window in your convenience).
- The <BODY> attributes will be displayed on the Properties Panel. You can set page properties that applies to the whole page. Do as follows:
ALINK: click in the ALINK field, choose the white block from the drop-down list. It specifies white for all the links that have been clicked
BGCOLOR: click in the field to select the black block from the drop-down list. It specifies black for the background color of the page. If images with transparent background are inserted into the page, the background color will show through.
LINK: click in the LINK field, choose the white block from the drop-down list. It specifies white for all the links in normal state.
VLINK: click in the VLINK field, choose the white block from the drop-down list. It specifies white for all the links that are being clicked.
Insert a Table
As you have already seen, each of the template pages has a "logo" image in a golden background on the top of the page. You will be guided to create this effect. But first of all, you should insert a table.
Steps:
- In the Design Window, put the cursor on the left top of the document window
- Click the icon on the tool bar to open the Table dialog box
- In the dialog box, enter the following information
- Click OK and a table will appear in the document window
Publish the Local Site
The final step in the tutorial is to publish the local site to the remote server. You should at first define a web server to which to upload your files and then enter FTP information. Site Manager contains an FTP component that will transfer files from your local site to the remote web server.
Steps:
- Choose "File/Site Manager/Switch to SiteManager" to switch to Site Manager
- Choose "Site/Define Site" from the menu bar to open the dialog
- Click "Test" in the sites list on the left of the dialog to select it
- Press the Edit button
- Press the "Web Server Info" tab
- Enter information about the web server in the box
FTP Host: name of the FTP host to which the files are uploaded.
Port: the port through which you connect to the FTP server
User ID/Password: your login name and password
Host Directory: the name of the host directory at the remote site where documents visible to the public are stored (also known as the site root)
Save: check this box to save the password. If you uncheck it, each time you connect to the web server, you will be prompted to enter password
- Click OK to close the dialog box
- Choose "Edit/Preference" from the menu bar to open the dialog box
- Enter information in the dialog:
Send Buffer: specify the send buffer size when you upload files
Enable Proxy Access: if you upload files through a proxy server, enable the checkbox and then go on to the following options
Host: the host of the proxy server
Port: the port of the proxy server
Do Not Use Proxy Server for Addresses: the addresses of some FTP servers to which you upload files without the proxy server.
- Click OK to close the dialog box
- Choose "Publish/All" from the menu bar and the documents in the local site will be transferred to the remote server. A progress bar appears while files are uploaded.
- When the transfer is completed, click the "Refresh" icon on the toolbar. The files that have been uploaded to the server will be displayed in the remote site pane.
|
