Ewisoft Website Builder

Transcription

1 Ewisoft Website Builder

2

3 Table Of Contents TUGetting StartedUT... 3 TUNew website WizardUT... 3 TUnderstanding the interface - Website page elementsut... 5 TUToolbars and tabsut... 6 TUAdd a new page or navigation linkut... 6 TUMove a page from one place to anotherut... 8 TUAdd a title to your pageut... 8 TUInsert an imageut TUAdd text to your page contentut TUChange the alignment of the image to your textut TUCreate a hyperlink to a page within your websiteut TUCreate a hyperlink to a page outside your websiteut TUPreview your websiteut TUBackup your websiteut TUPublish your website to the internetut TUManaging WebsitesUT TUNew website WizardUT TUOpen a website projectut TUCreate a backup of your websiteut TURestore your website from a backuput TUAdd a website titleut TUAdd or change your website logout TUChange the copyright textut TURemove the Website Builder link from your websiteut TUAdd keywords to your website meta dataut TUCreate a static or dynamic navigationut TUStatic navigation exampleut TUDynamic navigation exampleut TUServer setuput TUPublishing your WebsiteUT TUPublish your website to the internetut TUAdvanced FTP settingsut TUPublish your website to the internetut TUPublish to a sub-folder on your websiteut TUI don't have web hosting. How do I sign up for one?ut TUPublish your website files to a folder on your computerut iii

4 TUClear your publish historyut TUChange sub-folder or sub-directory of where your files get uploadedut TUOnline Website Backup or Online SharingUT TUCreate an online backup of your website - Online sharingut TUWhat do you want to do?ut TUI want to share my project on the InternetUT TUI want to download this project from the InternetUT TUI want to stop sharing this project on the InternetUT TUI want to stop downloading this project from the InternetUT TUOnline backup exampleut TUOnline backup or online sharing setuput TUManaging TemplatesUT TUAdd a new templateut TUSelect a templateut TUDelete a templateut TUDownload new templatesut TUsing an external HTML editorut TUAdvanced styles, update template colors and editable regionsut TUEdit content in a template editable regionut TUTemplate MakerUT TUTemplate maker introductionut TUSetting up your templateut TUCreate a templateut TUWorking with PagesUT TUAdd a new page or navigation linkut TUCreate a new page link in your navigationut TUAdvanced page propertiesut TUMove a page from one place to anotherut TUAdd a title to your pageut TUInsert an imageut TUInsert an imageut TUAdd text to your page contentut TUChange the alignment of the image to your textut TUCreate a hyperlink to a page within your websiteut TUCreate a hyperlink to a page outside your websiteut TUOpen a page to a new windowut TUEdit font stylesut iv

5 Table Of Contents TUAdvanced styles, update template colors and editable regionsut TUEdit background colorut TUWorking with TextUT TUndo a text editut TURedo a text editut TUCut your textut TUCopy your textut TUPaste your textut TUSelect all textut TUFind text on your pageut TUSearch and replace textut TUInsert a horizontal lineut TUCreate a hyperlink to a page within your websiteut TUInsert an address linkut TUEdit font stylesut TUSpell check your textut TUChange languageut TUWorking with ImagesUT TUInsert a pictureut TUEdit a pictureut TUAdvanced picture propertiesut TUHyperlink a pictureut TUAdding Audio and VideoUT TUInsert a download fileut TUInsert a movie fileut TUInsert a background soundut TUsing TablesUT TUInsert a tableut TUEdit cells in a tableut TUEdit your content in a tableut TUAdd a row or column to a tableut TUsing FormsUT TUInsert a formut TUForm propertiesut TUAdvanced form propertiesut TUField propertiesut TUAdvanced field propertiesut v

6

7 1

8

9 Getting Started Getting Started What is it you would like to do? TUNew website WizardUT TUnderstanding the interfaceut TUAdd a new page or navigation linkut TUMove a page from one place to anotherut TUAdd a title to your pageut TUInsert an imageut TUAdd text to your page contentut TUChange the alignment of the image to your textut TUCreate a hyperlink to a page within your websiteut TUCreate a hyperlink to a page outside your websiteut TUPreview your websiteut TUBackup your websiteut TUPublish your website to the internetut New website Wizard 1. When you first start EWB, the website wizard will start. 2. Enter a name for your website. 3. Click Next. 3

10 Printed Documentation 4. Select an existing website to start from the left side. Here you will find a few different sample websites that contain pages already started for you. 5. Select a Template Name from the list. When you click on a template on the left side, it will show you a preview of how the template looks on the right side. 6. Click Next. TNote: This is a list of free templates that are included with EWB. If you wish to change your template later, you can do so. Also, you can download more templates from our Library that are ready to plug into your website.t 7. Click OK to the template license agreement. 4

11 Getting Started You have just created a website. Next, you can start putting in your text and images. Next topic: TUnderstanding the interfaceut Understanding the interface - Website page elements A Represents the top navigation menu and pages. This is also known as navigation 1. B Represents the left navigation menu and pages. This is also known as navigation 2. C Represents the page content. 5

12 Printed Documentation TNote: You can quickly jump to a page you would like to edit by either selecting a page on the left side window or by clicking on a navigation link on the right side window.t Toolbars and tabs A The toolbar where you can access the different tools needed to edit your website. B Tabs: Edit Allows you to edit the content of the page. View Shows you how your page will visually look. HTML For editing html code should you need to manipulate code. Next topic: TUAdd a new page or navigation linkut Add a new page or navigation link EWB gives you the ability to add a page and a navigation link at the same time. If you only wish to add a page and not have it show in navigation 1 or 2, there are options you can turn on and off to accomplish this. 6

13 Getting Started 1. Let s add a News page on navigation 2 as the first link, select the Home page on the left hand window. 2. Right click on the Home page and select New Page. 3. In the Page Name field, enter the name of your page News. 4. Select the radio button As Child. As Child Places the page as a sub-page Before Places the page above the page. After Places the page below the page. The News page appears in navigation 2. Next topic: TUMove a page from one place to anotherut See also TUCreate a static or dynamic navigationut TUStatic navigation exampleut 7

14 Printed Documentation TUDynamic navigation exampleut Move a page from one place to another If you have found that you have added a page in the wrong position in your navigation (navigation 1 or 2), you can easily move your pages by clicking and dragging them. 1. Click on the page you wish to move and hold your mouse down in the click position. 2. Drag the page upwards or downwards to where you want to move it. In this example, I am dragging the News page upwards onto the Projects page. 3. Let go the click of the mouse on top of the Projects page and you will get prompted with which page position you want. 4. Select the radio button Before to place the page above the Projects page and click OK. Next topic: TUAdd a title to your pageut Add a title to your page Now that you have created a new page and navigation link, you can add a title to your page. TUMicrosoft Word users please click here. UT 8

15 1. As you mouse over editable areas, you can click to edit the page. TNote: You can right click the mouse and choose if you want to edit the page using Microsoft Word or Ewisoft's Internal Editor.T 2. Start typing your text. You can also copy and paste text from other documents. Getting Started 3. Place your cursor into the blank side (right side) window. Type the title of your page and hit enter. 4. Highlight your title and select from the Paragraph toolbar, Heading You will notice that you have changed your title by using the Heading 1 format. TNote: You can customize your formatting options by selecting Set Font Styles toolbar.t button from the Next topic: TUInsert an imageut Add a title to your page For Microsoft users: Now that you have created a new page and navigation link, you can add a title to your page. 9

16 Printed Documentation 1. As you mouse over editable areas, you can click to edit the page. TNote: You can right click the mouse and choose if you want to edit the page using Microsoft Word or Ewisoft's Internal Editor.T 2. Start typing your text. You can also copy and paste text from other documents. TNote: Microsoft Word must already be installed on your computer.t 3. Highlight your title and select from the style dropdown Heading You will notice that you have changed your title by using the Heading 1 format. 6. When you have finished editing your page, either click Save or exit Microsoft Word. If didn't click Save, then you will be prompted if you want to save your changes. Select Yes and you will be brought back to Ewisoft Website Builder. 10

17 Getting Started You should see your updated page in Ewisoft Website Builder. Next topic: TUInsert an imageut Insert an image Let s add an image under the title of your new page News. TUMicrosoft Word users please click here.ut 1. Place your cursor below the title and select the Insert Picture button on the toolbar. 2. Browse your computer and locate where the picture is that you wish to add to the page. Select the picture and click Open. 11

18 Printed Documentation 3. To place a border on the image, click the image to select it and select the Insert Picture button on the toolbar again. 4. Change the Border size to a 1 and click OK. 0 no border 1 thin border 2 thicker border Next topic: TUAdd text to your page contentut Insert an image For Microsoft Word users: Let s add an image under the title of your new page News. 1. Click Edit me and Microsoft Word will open. 12

19 Getting Started 2. Place your cursor below the title where you want to insert the picture and select Insert > Picture > From File. 3. Browse your computer and locate where the picture is that you wish to add to the page. Select the picture and click Insert. 13

20 Printed Documentation 4. To place a border on the image, right click the image and select Borders and Shading. 5. Click the type of Border you like and click OK. Next topic: TUAdd text to your page contentut Add text to your page content Let s add some text to your page beside the image. 14

21 Getting Started 1. Place your cursor beside the image and start typing your text. Next topic: TUChange the alignment of the image to your textut Change the alignment of the image to your text To shape the page a little better and make better use of the content space, you can change the position (alignment) of your image. TUMicrosoft Word users please click here.ut 1. Click the image to select it and select the Insert Picture button on the toolbar. 2. Select Left in the Align dropdown and click OK. 15

22 Printed Documentation You will see that the image has become aligned to the left of your text. Next topic: TUCreate a hyperlink to a page within your websiteut Change the alignment of the image to your text For Microsoft Word users: To shape the page a little better and make better use of the content space, you can change the position (alignment) of your image. 1. Right click the image and select Format Picture. 16

23 Getting Started 2. Click the Layout tab, select Square and Left under Horizontal alignment. 3. Click OK. Next topic: TUCreate a hyperlink to a page within your websiteut Create a hyperlink to a page within your website You can add hyperlinks to other pages within your website. TUMicrosoft Word users please click here.ut 1. Type the text you wish to link. 2. Select and highlight the text. 3. Click the Insert Hyperlink button on the toolbar. 17

24 Printed Documentation 4. Select the Internal Link tab. 5. Select the page you wish the hyperlink to link to. In this example, select the Products page and click OK. Your text will now be linked. To test it, you will need to Preview your website (explained further in this chapter). Next topic: TUCreate a hyperlink to a page outside your websiteut See also: TUHyperlink a pictureut Create a hyperlink to a page within your website For Microsoft Word users: You can add hyperlinks to other pages within your website. 18

25 1. Type the text you wish to link. 2. Select and highlight the text. Getting Started 3. Click the Insert Hyperlink button on the toolbar. 4. Click the File button to open your list of pages. 5. Select the page you wish the hyperlink to link to and click OK. 19

26 Printed Documentation 6. Click OK again. Your text will now be linked. To test it, you will need to Preview your website (explained further in this chapter). Next topic: TUCreate a hyperlink to a page outside your websiteut See also: TUHyperlink a pictureut Create a hyperlink to a page outside your website TUMicrosoft Word users please click here.ut 1. Type the text you wish to link. 2. Select and highlight the text. 20

27 Getting Started 3. Click the Insert Hyperlink button on the toolbar. 4. Select the External Link tab. 5. Enter the website s URL. 6. Checkmark Open In New Window. TNote: Opening the link to a new window, when clicked by a user, will open a new browser window. This method is recommended for linking to outside (external) websites to make sure your user doesn't get lost, leave your website and forget to come back. Once the user has finished looking at the outside website, they will probably close their browser. Then, they can return to your website because it was open in a separate browser to begin with.t 7. Click OK. Next topic: TUPreview your websiteut See also: TUCreate a hyperlink to a page within your websiteut Create a hyperlink to a page outside your website For Microsoft Word users: 1. Type the text you wish to link. 2. Select and highlight the text. 21

28 Printed Documentation 3. Click the Insert Hyperlink button on the toolbar. 4. Enter the website s URL. 5. Click OK. Next topic: TUPreview your websiteut See also: TUCreate a hyperlink to a page within your websiteut Preview your website You can see what your website will look before you publish your website to the internet. This is important for testing your website to make sure that all the navigation and links are functioning properly. The preview will launch your internet browser so you can click through your website on your local machine (your computer). 1. Click the Preview button on the toolbar and your internet browser will be launched (opened). 22

29 Getting Started Next topic: TUBackup your websiteut Backup your website The last thing you would want is to loose all of the work you have done on pages that may have not been published to the internet or saved anywhere else. Backing up your website should be done once a week depending on how frequently you update your website. EWB can perform a complete backup of your entire website as one file that includes text, images, download attachments, font styles, formatting, publish settings and template settings. 1. Select from the File menu, Export Backup. 2. Checkmark Website publish information, Templates in use and click OK. 23

30 Printed Documentation 3. Browse your computer and find a good location to save the backup file and click Save. TNote: Not only should you save the file on your computer, you should also copy the file to a CD or other backup device.t Next topic: TUPublish your website to the internetut Publish your website to the internet After you have previewed your website and tested all the links, you can publish website to the internet. EWB has smart FTP functionality built-in so you do not need an external FTP program to upload your files to the internet. Also, EWB has enough intelligence to only upload pages that have been changed or added. You do not need to know where you put your images or download attachment files. EWB remembers all of that for you. 1. To configure your publish settings, click the little arrow beside the Publish button and select Publish Setup. TNote: You only have to set this up the first time. Next time you are ready to publish, you can just click the Publish button.t 2. Select I already have a web hosting account and click Next. 24

31 Getting Started 3. Enter your domain name and click Next. 4. Fill in the fields and click Test. FTP server enter your ftp address FTP username enter your ftp account username FTP password enter your ftp account password Web folder you can leave this blank if you like and the Test this account button will find it. TNote: If you are not sure what your ftp settings are, please ask your web hosting provider or ISP (internet service provider) for the information. If your ISP does not provide web hosting space, you will need to find a web host provider.t 5. Click Test this account. EWB will go through some tests to make sure you have the proper settings and connection. If the connection is successful, click OK. 6. Now that you are ready to publish to the internet, click the Publish button on the toolbar. 7. The first time you publish you will be asked if you would like to save a backup of your website on your server. TNote: It is highly recommended to select YES so that in the event you have a system crash, you will be able to download your website after your system is back up and running.t 8. Click OK when you are prompted Are you 25

32 Printed Documentation sure you want to publish. 9. You will see a status bar showing you that the upload is in progress. TNote: The first time you publish, it may take a few minutes or more to complete (on high speed connection). The next time you publish, EWB will recognize to upload only the pages that were updated or added since the last publish. Therefore, the publish will take less time.t See also TUAdvanced FTP settingsut TUI don't have web hosting. How can I sign up for one?ut 26

33 Managing Websites New website Wizard 1. When you first start EWB, the website wizard will start. 2. Enter a name for your website. 3. Click Next. 4. Select an existing website to start from the left side. Here you will find a few different sample websites that contain pages already started for you. 5. Select a Template Name from the list. When you click on a template on the left side, it will show you a preview of how the template looks on the right side. 6. Click Next. TNote: This is a list of free templates that are included with EWB. If you wish to change your template later, you can do so. Also, you can download more templates from our Library that are ready to plug into your website.t 27

34 Printed Documentation 7. Click OK to the template license agreement. You have just created a website. Next, you can start putting in your text and images. Next topic: TUnderstanding the interfaceut Open a website project A website project is a collection of files and folders that your website is made with. If you only work on one website, your website will open automatically when you open EWB. 1. To open a previously saved website project, from the File menu select Open Website. 28

35 Managing Websites 2. Browse your computer to where you saved your project, select the.ewp (ewisoft project) file and click Open. Create a backup of your website A website backup file consists of all your images, publish/ftp settings, font styles, website settings and template settings all in one file. 1. To create an entire backup of your website into one file, from the File menu, Export Backup. 2. Checkmark Website publish information, Templates in use and click OK. 3. Browse your computer and find a good location to save the backup file (.ewb), give it a file name and click Save. TNote: Not only should you save the file on your computer, you should also copy the file to a CD or other backup device.t 29

36 Printed Documentation Restore your website from a backup You can restore your entire website from a backup file you created by EWB. 1. To open a previously saved website backup file that you had backed up before, from the File menu select Import Backup. 2. Browse your computer to where you saved your website backup file (.ewb) and click Open. See also TUI want to download this projectut Add a website title If you are not using TUpage propertiesut to add a title on each page, you can add a main title that will appear for all pages. 30

37 Managing Websites 1. From the Site menu, select Website Setup. 2. Enter your title in the Web Title field and click OK. TNote: It is suggested that you enter your name or company name and a short description of what you do. For example: MyWEB - Web Design services for all your website needs.t This is especially good for search engine ranking if you have some keywords in your website title.t Web Title Enter your name or company name and a short description of what you do, maybe some keywords as well. TNote: If you don't have a title here but have a TUPage TitleUT, then the Page Title is the one that will show.t Logo You can change your logo. TNote: You can only change your logo on your template if the template was built with the ability to change the logo.t Copyright Enter your copyright information here. The html code for the copyright symbol is (without the "") Add or change your website logo You can to swap out the logo with a different one if you have a template that was built with the ability to do so. 31

38 Printed Documentation 1. From the Site menu, select Website Setup. 2. Click the Browse button next to the Logo field and choose your new logo to insert. Web Title Enter your name or company name and a short description of what you do, maybe some keywords as well. TNote: If you don't have a title here but have a TUPage TitleUT, then the Page Title is the one that will show.t Logo You can change your logo. TNote: You can only change your logo on your template if the template was built with the ability to change the logo.t Copyright Enter your copyright information here. The html code for the copyright symbol is (without the "") Change the copyright text You can change the copyright text that usually appears at the bottom your website. 32

39 Managing Websites 1. From the Site menu, select Website Setup. 2. Enter your copyright text in the Copyright field. Web Title Enter your name or company name and a short description of what you do, maybe some keywords as well. TNote: If you don't have a title here but have a TUPage TitleUT, then the Page Title is the one that will show.t Logo You can change your logo. TNote: You can only change your logo on your template if the template was built with the ability to change the logo.t Copyright Enter your copyright information here. The html code for the copyright symbol is (without the "") Remove the Website Builder link from your website To remove the link that appears at the bottom of your website and the Website Builder link in the navigation, you will need to TUpurchase a Ewisoft Website Builder licenseut. Once you have received your registration code in an , follow these directions: 1. From the Register menu, select Register. 33

40 Printed Documentation 2. Enter your Register and Serial Code. 3. Click Register button. If you do not have a registration code, click the Buy button to make a secure purchase. Add keywords to your website meta data Adding keywords to your website will increase your search engine rankings and will enable visitors to find your website easier. Due to abuse by many Web sites in the past, search engines have reduced the importance of the keywords meta tag when ranking a Web page for keyword relevance. Many search engines have actually decided to not consider the keywords tag altogether. While it has reduced in significance, it is still an important meta tag to include in your Web pages. 1. From the Site menu, select Website Setup. 2. Click the Advanced button. 34

41 Managing Websites 3. Enter your keywords and keyword phrases separated by commas and click OK. Static navigation This function is not related to keywords at all. If Static navigation is selected, then your navigation links will appear the same on all pages. If Static navigation is not selected, then you can have different navigation links on each page. This is dependent on the way you build your pages if they are Child pages or parent pages. See also TUCreate a static or dynamic navigationut Create a static or dynamic navigation You can create navigation links throughout your website that can either remain the same on every page or change depending on what page your user is on. 1. From the Site menu, select Website Setup. 2. Click the Advanced button. 35

42 Printed Documentation 3. Select Static navigation and click OK. Static navigation If this is selected, your navigation links will be static and appear the same on all pages. If Static navigation is not selected, your navigation links will be dynamic; you can have different navigation links on each page. This is dependent on the way you build your pages if they are Child pages or not. See also TUStatic navigation exampleut and TUDynamic navigation exampleut Static navigation example Static navigation means that no matter what page your user clicks on, they will always see all the navigation links. Navigation 1: Home, Partners, Contact Navigation 2: News, Projects, Services, Products. Static navigation is selected. 36 This is how your navigation links will look

43 Managing Websites See also TUDynamic navigation exampleut TUCreate a static or dynamic navigationut Dynamic navigation example Dynamic navigation means depending on what page a user is on will depend on what navigation links will appear. So, you can have different navigations links per page. Static navigation is not selected. 37

44 Printed Documentation If a user is on the Home page, they will see: If a user is on the Partners page, they will see: If a user is on the Contact page, they will see: See also TUStatic navigation exampleut TUCreate a static or dynamic navigationut 38

45 Managing Websites Server setup In server setup you can change your default home page name to be different like default.htm, home.html or other name. You can also change your home page name in TUPage PropertiesUT. You can also put in what kind of server you are using such as PHP or ASP. This is for advanced users so please research PHP and ASP before changing this configuration. 1. From the Site menu, select Server Setup. 2. Make your changes and click OK. Remove other default files in the same directory - this selection will generate and replace the default files created in the same directory such as index.htm, index.html, default.htm Default File - enter the filename you want to have as a default file. Server Script - enter the file extension for the type of server your pages are to be using. For example, php, asp, jsp TNote: You can reset server settings by clicking the Reset button.t 39

46

47 Publishing your Website Publish your website to the internet After you have previewed your website and tested all the links, you can publish website to the internet. EWB has smart FTP functionality built-in so you do not need an external FTP program to upload your files to the internet. Also, EWB has enough intelligence to only upload pages that have been changed or added. You do not need to know where you put your images or download attachment files. EWB remembers all of that for you. 1. To configure your publish settings, click the little arrow beside the Publish button and select Publish Setup. TNote: You only have to set this up the first time. Next time you are ready to publish, you can just click the Publish button.t 2. Select I already have a web hosting account and click Next. 3. Enter your domain name and click Next. 41

48 Printed Documentation 4. Fill in the fields and click Test. FTP server enter your ftp address FTP username enter your ftp account username FTP password enter your ftp account password Web folder you can leave this blank if you like and the Test this account button will find it. TNote: If you are not sure what your ftp settings are, please ask your web hosting provider or ISP (internet service provider) for the information. If your ISP does not provide web hosting space, you will need to find a web host provider.t 5. Click Test this account. EWB will go through some tests to make sure you have the proper settings and connection. If the connection is successful, click OK. 6. Now that you are ready to publish to the internet, click the Publish button on the toolbar. 7. The first time you publish you will be asked if you would like to save a backup of your website on your server. TNote: It is highly recommended to select YES so that in the event you have a system crash, you will be able to download your website after your system is back up and running.t 8. Click OK when you are prompted Are you sure you want to publish. 9. You will see a status bar showing you that the upload is in progress. TNote: The first time you publish, it may take a few minutes or more to complete (on high speed connection). The next time you publish, EWB will recognize to upload only the pages that were updated or added since the last publish. Therefore, the publish will take less time.t 42

49 Publishing your Website See also TUAdvanced FTP settingsut TUI don't have web hosting. How can I sign up for one?ut Advanced FTP settings You can tweak your FTP settings in this area if you want to try and maximize your transfer speeds. 1. From the Site menu, select Advanced Setup. TNote: Sub-Directory is not related to the FTP settings. This is used to TUpublish files to a subfolderut off of your main website.t 2. You can change your FTP settings. That is the best way to see if you can maximize your throughput. If you wish to go back to the original settings, click the Reset button. 43

50 Printed Documentation Publish your website to the internet After you have previewed your website and tested all the links, you can publish website to the internet. EWB has smart FTP functionality built-in so you do not need an external FTP program to upload your files to the internet. Also, EWB has enough intelligence to only upload pages that have been changed or added. You do not need to know where you put your images or download attachment files. EWB remembers all of that for you. 1. To configure your publish settings, click the little arrow beside the Publish button and select Publish Setup. TNote: You only have to set this up the first time. Next time you are ready to publish, you can just click the Publish button.t 2. Select I already have a web hosting account and click Next. 3. Enter your domain name and click Next. 44

51 Publishing your Website 4. Fill in the fields and click Test. FTP server enter your ftp address FTP username enter your ftp account username FTP password enter your ftp account password Web folder you can leave this blank if you like and the Test this account button will find it. TNote: If you are not sure what your ftp settings are, please ask your web hosting provider or ISP (internet service provider) for the information. If your ISP does not provide web hosting space, you will need to find a web host provider.t 5. Click Test this account. EWB will go through some tests to make sure you have the proper settings and connection. If the connection is successful, click OK. 6. Now that you are ready to publish to the internet, click the Publish button on the toolbar. 7. The first time you publish you will be asked if you would like to save a backup of your website on your server. TNote: It is highly recommended to select YES so that in the event you have a system crash, you will be able to download your website after your system is back up and running.t 8. Click OK when you are prompted Are you sure you want to publish. 9. You will see a status bar showing you that the upload is in progress. TNote: The first time you publish, it may take a few minutes or more to complete (on high speed connection). The next time you publish, EWB will recognize to upload only the pages that were updated or added since the last publish. Therefore, the publish will take less time.t 45

52 Printed Documentation See also TUAdvanced FTP settingsut TUI don't have web hosting. How can I sign up for one?ut Publish to a sub-folder on your website You can setup EWB to publish to a sub-folder or a sub-directory of your website. This is useful if you have a members area setup that is password protected and is in a sub-folder off of your main website. Example: You can maintain one website project at and the other at Both can use the same website template so the user experience is seamless. 1. From the Site menu, select Advanced Setup. 46

53 Publishing your Website 2. Enter a Sub-Directory and click OK. TNote: The Retry Settings section is not related to publishing to a sub-directory. It is for tweaking your TUFTP settingsut.t I don't have web hosting. How do I sign up for one? Web hosting is a service that allows you to post your website on a powerful server with high speed Internet connection so that your website can be seen by everyone in the world. EWB is compatible with all web hosting providers. Using EWB, you can upload your website to the Internet with built-in FTP functionality to any web hosting provider. 1. From the Publish pulldown, select Publish Setup. 2. Select I want a new web hosting account and click Next. 47

54 Printed Documentation 3. Click through our recommended web hosting providers on the left side. You can click on a link on the web host provider's page on the right side to browse their website. 4. Click the Next button once you have received your web hosting account details by after you have made your purchase. Publish your website files to a folder on your computer 5. Proceed to Step 3 of the TUSetting up your FTP settingsut topic. Publishing your website files to a folder is a method of generating all your website files, images and pages to a folder on your computer. Publishing to the web and publishing to a folder generates the same pages. The only difference is that a folder on your computer can be used later, or, this method can be another way of backing up your website. 1. From the Publish pull-down, select Publish to Folder. 2. Browse your computer to find a place for your files to be published and click OK. 48

55 Publishing your Website Clear your publish history EWB has built-in smart technology that remembers what you have modified, added or removed on your pages and will only publish any changes in the pages you have made. If for some reason a page or image is not getting published to the Internet, you can reset your publish history so you can start the publish cycle again. 1. From the Publish pull-down, select Clear History. Change sub-folder or sub-directory of where your files get uploaded If you wish to change the folder where your images and files get uploaded on your website you can specify them in Ewisoft Website Builder. 1. From the Site menu, select Publish Sub- Folders. 49

56 Printed Documentation 2. Fill in the folders you would like your images and files to be uploaded to and click OK. TNote: These can be reset to the default folders by clicking the Reset button.t 50

57 Online Website Backup or Online Sharing Create an online backup of your website - Online sharing Creating an online backup of your website or online sharing can be very useful if you are any of these users: 1. If you are a web designer who works on your website on multiple computers, you can use this function so that no matter what computer you are using, you can work on the latest version of your website. 2. If you are a webmaster who has multiple authors or designers working on the same website, you can use this function. Your designers can make changes to the website but only you, as the master, can publish changes to the Internet. This will allow you to check the changes first before they are made to the web. 3. If you are a beginner web designer and would like some help from another web designer, you can use this function. If you are in need of assistance or don't have the time to do a job on your website, you can share your website with a support person. You have control over any changes that are made because only you would be the webmaster with the ability to publish the changes made to your website live to the web. TNote: As a precautionary measure to using this function, be sure to select Backup when online download as an extra safeguard in saving the current website you are working on. There you can also select an Auto Backup Folder where this backup will be stored on your local computer. If you don't select it now, you will be asked if you want to select it later.t What do you want to do? TUI want to share my project on the InternetUT TUI want to download this project from the InternetUT TUI want to stop sharing this project on the InternetUT TUI want to stop downloading this project from the InternetUT TUOnline backup or online sharing setuput See also TUOnline backup exampleut I want to share my project on the Internet 51

58 Printed Documentation See also TUCreate an online backup or share your websiteut 1. From the Publish pull-down, select Online Sharing Wizard. 2. Select I want to share this project on the Internet and click Next. 3. Select I want to publish the pages "live" and click Next. TNote: Master Mode is if you are the webmaster who will be publishing changes live to the web.t 52

59 Online Website Backup or Online Sharing 4. Enter a File Name for your backup. You can name it what you like but do not put in any spaces or special characters. Click Next. 5. Select Yes, publish it now and click Finish. TNote: The Download URL shown is what you provide to your other webmaster or website builder so they can setup their EWB to download the latest version of the website.t 6. In Mode: Designer, in the Note field you can enter the changes that were made to let the others know what to look for. 7. Enter your name in the Author field and click OK. If you are Mode: Master, your browser will launch with your updated website like it normally would when you publish changes to the web. If you are Mode: Designer, you will see this message that the online backup has been successfully published. 53

60 Printed Documentation I want to download this project from the Internet You can receive or download an online backup that was made by the Master or Designer, given you have already been setup as shown in the TUI want to share my projectut topic. TNote: As a precautionary measure to using this function, be sure to select Backup when online download as an extra safeguard in saving the current website you are working on. There you can also select an Auto Backup Folder where this backup will be stored on your local computer. If you don't select it now, you will be asked if you want to select it later.t 1. From the Publish pull-down, select Online Sharing Wizard. 2. Select I want to download this project from the Internet and click Next. 54

61 Online Website Backup or Online Sharing 3. Insert the Download URL that would have been given to you from your webmaster or other web designer and click Next. 4. Select Yes, restart it now and click Finish. 5. When EWB restarts, it will check for a newer version of the website. If it found a later version, you will be prompted with a screen that details what the modifications were and who the author of the changes were. 6. Click OK and the website will be automatically downloaded. I want to stop sharing this project on the Internet 55

62 Printed Documentation 1. From the Publish pull-down, select Online Sharing Wizard. 2. Select I want to stop sharing this project on the Internet and click Finish. I want to stop downloading this project from the Internet 1. From the Publish pull-down, select Online Sharing Wizard. 2. Select I want to stop downloading this project from the Internet and click Finish. Online backup example 56

63 Here is an example setup of a Master and Designer setup: Online Website Backup or Online Sharing Master setup Share Mode: Master Share File Name - backup1.htm Tell your friends Download URL - This is the file that the online backup will go to. Give this URL to your other users that will share this website project. Download this project from Internet - checked Download URL - TNote: The URL of remote backup is the name of the file that EWB will check for that was uploaded from the Designer's or other user's computer.t Designer setup Mode: Designer Share File Name - backup2.htm TNote: When you make your changes as a Designer, this is the file that the online backup will go to.t Tell your friends Download URL - This is the file that the online backup will go to. Give this URL to your other users that will share this website project. Download this project from Internet - checked Download URL - TNote: The URL of remote backup is the name of the file that EWB will check for that was uploaded 57

64 Printed Documentation from the Master's or other's computer.t Online backup or online sharing setup If you choose not use the Wizard to guide you through the setup, you can go straight to the Online backup or Online sharing screen. 1. From the Site menu, select Online Sharing Setup Make your selections and click OK. Share Mode: Not Share - Not to use the online backup function. Master - Select this if you are the webmaster who will be publishing changes live to the web. Designer - Select this if you are the designer who will only publish changes to the online backup. This selection will not make any updates to the web. Share File Name - Enter the name of your backup. Tell your friends Download URL - This is the file that the online backup will go to. Give this URL to your other users that will share this website project. Download this project from Internet - Checkmark this if you want to have EWB check for a later version of the website and download it to your computer. Download URL -Enter the full URL name of the other person's backup file. This is the file that will be checked if your designer has made an update to the website.

65 Online Website Backup or Online Sharing 3. Click the Publish button to initiate the online backup. If you are Mode: Master, your browser will launch with your updated website like it normally would when you publish changes to the web. If you are Mode: Designer, you will see this message that the online backup has been successfully published. 59

66

67 Managing Templates Add a new template EWB gives you the ability to apply a template to your entire site and even multiple templates throughout your website. This will ensure you maintain a consistent and professional look and feel when a user moves from one page to another. This makes an enjoyable browsing experience for your visitors. EWB is a template-powered website builder which means it depends on a template to be used for your website. It also allows for other powerful functions such as when you add a page, you can also add a navigation link at the same time. It also is a safeguard against non-technical users who are editing pages and might break the page s look and feel. There are a variety of ways to find the perfect template for your website: Option 1 EWB website builder is packaged with some templates to choose from. Option 2 - You can visit the TULibraryUT to download a template ready to plug into your website. Option 3 You can build your own templates using TUEwisoft Template MakerUT. HTML and CSS is required. Option 4 You can do a Google search for "free website template" and download one you that like. Then you can convert the template using TUEwisoft Template MakerUT. Option 5 You can TUhire a web designerut to either build you a template from scratch (per your specifications) or build you a template based on a downloaded template you found on the web. They may even help guide you through the entire web building process. 1. To add a template to your website select the Templates menu and select Add Template. You can also click the Template button in the toolbar. 2. Browse your computer to where the template (tpl, ewt) file is, select it and click Open. 61

68 Printed Documentation 3. Some template information will be shown to you explaining any license information and who created it. 4. Select Apply to whole website and click the I agree button. Apply to whole website will apply the template on every page. Don't use it right now Allows you to save it for later use. Select a template EWB gives you the ability to change the look and feel of your website without affecting the content at all. 1. Select the Templates menu and choose Select Template or you can click the Template button in the toolbar. 2. Select a template from the list and click OK. A preview of this template is shown in the right hand side window. TNote: You can also download new trial website templates from the Library by clicking the Download new templates link at the bottom of the window.t 62

69 Managing Templates Here is another way of changing a template just for a particular parent page and it's sub-pages. 3. If you right click on a page and select Template, you will get prompted with this screen: Choose Select a template for this website and click Next. Select a template only for this page and its sub-pages is used will apply this template to a particular page and any child pages under it. TNote: This is very useful if you have an Introduction home page but wish to have a different template for the rest of your website.t 4. Click OK. Template Name The name of the template. Copyright Holder The person or company that created the template. Menu Levels The number of navigations this template allows. Usually you will have a top navigation and left side navigation which is a 2 level design. Delete a template You would only need to use the delete template function only if you are absolutely sure; you have a backup (tpl, ewt) of it; or if you want to do some cleanup because you were doing a lot of template testing. 63

70 Printed Documentation 1. Select the Templates menu and select Delete Template. TNote: A template can only be deleted if it is not being used on your website at that moment. You will need to select a different template and then you can delete template.t 2. Select the template you wish to remove and click OK. TNote: You can delete more than one template at the same time by either click and drag or using the Control and Shift keys on your keyboard.t 1. Click Yes to delete the template(s). Download new templates Ewisoft has a Library of trial premium website templates available for you to download and try. If you would like to use a template for publishing your website onto the Internet you can purchase it. 1. Select the Templates menu and choose Download new templates. 64

71 Managing Templates All the trial premium website templates from the Library will download. To select a template go to TUSelect or change templateut Using an external HTML editor Ewisoft Website Builder has a great internal editor but if you are more comfortable using a different editor to edit your pages you can use almost any HTML editor to edit your pages including popular programs like Microsoft Word, Dreamweaver and FrontPage. TNote: It is not possible for us to test every HTML editor available in the market so please keep that in mind should you come across an unexpected error. We cannot fix errors that happen as a result of using your external editor.t If you do not have an specialized HTML editor, you can use Microsoft Word to edit your pages. You can utilize most of Microsoft Word's powerful formatting capabilities and functions to edit your pages. TNote: Your own copy of Microsoft Word is required to be installed on your computer before you can use it with Ewisoft Website Builder.T 1. From the View menu, select Select default editor. 2. You can select either Internal Editor, Microsoft Word or choose another editor program. 3. Click OK. 65

72 Printed Documentation 4. If you chose Let me choose the editor program, click Browse to locate your program and click OK. 6. You should see highlighted areas around the editable areas you wish to edit. If you mouse over an editable area, just click to edit it. 66

73 Managing Templates 7. Click the area you would like to edit and your external editor will open the page in another window. 8. Make your changes. When you are finished your changes, click the Save button in your external editor 9. You can either keep your external editor open and flip back to Ewisoft Website Builder or you can close your external editor window. TNote: if you didn't click the Save button, you will be prompted to save your changes.t Advanced styles, update template colors and editable regions Each template has styles and editable regions. Editable regions are places where you can edit the content in it -- which is separate to the actual page content that you put into your pages. Depending on the template, you can edit background colors, fonts, hovered colors, pictures, border colors, background images and more. What we mean by "depending" is that each template is designed differently than another, also, different designers use different style names. If the template was built with the intention of changing a color or font, then you will be able to edit that part of the template. This example below is using template number vg010 from our template TULibraryUT. 67