Accessing Site Editor: Access the editor either by clicking on the "Login" link on your website, or by going to the special access link provided to you by Net Sketchers. A small login window will pop up where you need to enter the user name and password provided to you by Net Sketchers. At this time, the website editor window will open to you. Please note that the first time you open the editor, it will take some time to load all the editor icons but after that, pages will load faster. Top of page Table of Contents: When the CMS is incorporated in your website, a table of contents (TOC) is created. It lists all the pages of your website in a tree structure form, so sub-pages branch from the main pages and may, in turn, have sub-pages of their own. Page names that are used in TOC are the same as the page heading. So, if the heading of a page says: "Page One", the reference to it on the TOC will also say: "Page One". In some cases, this TOC forms the navigation bar of your website, providing links from each page to all the other pages: you can see the TOC either on the left, or on the right column of your website, and when you add a new page to your website, a link to it is automatically added to the navigation bar. Sometimes, due to the required structure and desired look of your website, this TOC is replaced by a different type of navigation section (maybe a horizontal, or pop up type of navigation). In these cases, when you add a new page, a link to it is not automatically added to your navigation section. So you'll need to manually create a link to it on your web page. To learn how to add a link to your web page, see The Online Editor section. For the Page URL to be used when adding the link, see Page URL. Top of page Page name rule in the CMS: Here is how the new pages that you create in our CMS find their names: The page top heading is used to make the new page's name, by replacing word spacings by an underscore (_). For example, if the page's top heading is: "My New Page", then the new page's name will be: "My_New_Page". Top of page Page URL: URL is the address of a file, or a page. When you want to insert an image on your page, you need to give its URL. Also, when you create a link to a web page, you need to provide its URL. When you create a new page in our CMS system, its URL will be defined as follows: Question mark, followed by the new page's name, as defined above. For example, if the new page's name is "My_New_Page", then its URL would be: "?My_New_Page". Top of page The Online Editor: When the editor opens, the content part (usually the central part) of your website changes. You'll find 2 new sections on the top of the main content: - The first section, on the very top is the tasks menu of the editor. It is a horizontal bar with the following buttons:
- The second section is the edit menu of the editor. This is where you have all the buttons similar to MS Word or other text editors. The buttons have the familiar appearance of the other text editors, so you can probably guess what each of them means. If not, just hover your mouse over them and a little yellow box pops that explains what they mean. To find the detailed meaning of different buttons, press on this button:  It will pop a help window from TinyMCE that explains the meaning of most of the buttons. TinyMCE is the web based HTML editor used in our CMS system.Below is an explanation of the remaining buttons:  ,  ,  : Cut, Copy, Paste like in usual text editors. : Find, pops a window to enter the text part you want to search for. : Find/Replace, pops a window to enter the text you want to search, and its replacement text. : Insert date. : Insert time. : Preview, lets you preview the results of the changes you made to your website.  : Table Merge Cells: Merge several cells of a table into one cell. : Table Split Cells: Split a table cell into 2 cells. : Character Map, to insert custom characters from a list of special characters into your page. : Emotions, to insert an 'emoticon' in your page. : To select the background color. : To select the text color. : To insert or edit a Flash movie on your page. : To insert and edit a horizontal rule on your page.  : To print your page : This is the most important button: the Save button, to save all your updates and changes, before you exit the page, or open another page.
While you are typing in the editor: -To go to a new paragraph, press the RETURN key on the keyboard. -To go to a new line only (Line Break), press the SHIFT+RETURN keys together. Top of page How to upload an image: Before you can insert an image into your page, you need to upload it to the server. To do that, on the tasks menu (the very top row) press on the IMAGES button. On the next window, press the Browse button, browse your computer files to find the image file and double click on it. Then click on the Upload button to upload the image. The image file will be uploaded into the /images directory of your website. If you want to delete an image file from your server, after clicking on the IMAGE button, select the radio button next to the file to be deleted, and press the Delete button at the bottom of the page. Top of page How to upload a file: Before you can insert a link to a file into your page, you need to upload it to the server. To do that, on the tasks menu (the very top row) press on the DOWNLOADS button. On the next window, press the Browse button, browse your computer files to find the needed file and double click on it. Then click on the Upload button to upload the file. The file will be uploaded into the /downloads directory of your website.If you want to delete a previously uploaded file from your server, after clicking on the DOWNLOADS button, select the radio button next to the file to be deleted, and press the Delete button at the bottom of the page. Top of page How to insert an image: Place the cursor in the position on your page where you want to inser the image. Press on the Insert/edit image button of the editor. Assuming the name of your image file is "your_image.jpg", in the Image URL field of the next window, you need to type: images/your_image.jpg Press the Insert button to insert the image. Top of page How to create a link to a file: If you want to create a link to an external file that you have previously uploaded to your website, do the following: Highlight the text part that should link to your file (or select the image that should link to your file). Click on the Insert/edit link button of the editor. Assuming the name of your file is "your_file.html", in the Link URL field of the next window, you need to type: downloads/your_file.html Press the Insert button to create the link.. If you want to create a link to a new page that you have created in the CMS, then do the following: Highlight the text part that should link to your file (or select the image that should link to your file). Click on the Insert/edit link button of the editor. Assuming that the name of your new page (as defined in the above section: Page name rule in the CMS ) is "New_Page", in the Link URL field of the next window, you need to type: ?New_Page Press the insert button to create the link. Top of page How to insert a table: Place the cursor in the position on your page where you want to inser the table. Press on the Insert table button of your editor. On the next window, select the number of rows, columns, and other properties of your table. The press the Insert button. Top of page How to add a new page: A new page should always start with a H1 formatted paragraph. Conversely, every H1 formatted paragraph starts a new page. So, you should do the following to start a new page: Assuming your website structure is like this: -Page 1 -Sub-page 1-1 -Sub-page 1-2 -Page 2 -Sub-page 2-1 -Sub-page 2-2 -Sub-sub-page 2-2-1 -Sub-sub-page 2-2-2 -Page 3 -Sub-page 3-1 -Sub-page 3-2 If you want to insert a page after Page 2, you need to open the last sub-page of page 2 (that is sub-sub-page 2-2-2). Place the cursor at the very end of the sub-sub-page 2-2-2 and hit the return for a new paragraph. Then click the selection arrow to the right of the Format box in the edit menu and select H1. You will be typing the heading of the new page. Select either the desired style from the pull down menu to the left of the Format box, or the desired Font Family and Font Size from the pull down menus to the right of the Format box. Then type the page heading. After the heading, type a return to go to a new paragraph. From this point, type the rest of the page like any other word processor, but don't select any of H1, H2 or H3 formats for the rest of the page. You can select any style or font family and font size you want. You can also select a H4 heading for inner page headings, if you want to, but most of the times, with the available styles and fonts you won't even need that. Anything that you type till the next H1, or H2, or H3 selection will go into your new page. Top of page How to add a new sub-page: To add a new sub-page to a page, if the page already has other sub-pages, open the last sub-page, otherwise open the page itself. Place the cursor at the very end of the page and hit the return for a new paragraph. Then click the selection arrow to the right of the Format box in the edit menu and select H2 (H2 is used to start a new sub-page). You will be typing the heading of the new sub-page. Select either the desired style from the pull down menu to the left of the Format box, or the desired Font Family and Font Size from the pull down menus to the right of the Format box. Then type the sub- page heading. After the heading, type a return to go to a new paragraph. From this point, type the rest of the sub-page like any other word processor, but don't select any of H1, H2 or H3 formats for the rest of the page. You can select any style or font family and font size you want. You can also select a H4 heading for inner page headings, if you want to, but most of the times, with the available styles and fonts you won't even need that. Anything that you type till the next H1, or H2, or H3 selection will go into your new sub-page. Top of page How to add a new sub-sub-page: To add a new sub-sub-page to a sub-page, if the sub-page already has other sub-sub-pages, open the last sub-sub-page, otherwise open the sub-page itself. Place the cursor at the very end of the page and hit the return for a new paragraph. Then click the selection arrow to the right of the Format box in the edit menu and select H3 (H3 is used to start a new sub-sub-page). You will be typing the heading of the new sub-sub-page. Select either the desired style from the pull down menu to the left of the Format box, or the desired Font Family and Font Size from the pull down menus to the right of the Format box. Then type the sub-sub- page heading. After the heading, type a return to go to a new paragraph. From this point, type the rest of the sub-sub-page like any other word processor, but don't select any of H1, H2 or H3 formats for the rest of the page. You can select any style or font family and font size you want. You can also select a H4 heading for inner page headings, if you want to, but most of the times, with the available styles and fonts you won't even need that. Anything that you type till the next H1, or H2, or H3 selection will go into your new sub-sub-page. Top of page How to delete a page: To delete a page, or sub-page, simply delete all its content, including the heading. Most of the times, even when you have deleted the heading, an empty heading remains and appears in the TOC. In this case, try with your mouse to select the entire content of the empty page and hit the Backspace on your keyboard. This should delete the remaining empty heading, and the whole page will be removed. Top of page |