Live Chat Software by Kayako |
Knowledgebase: XSitePro Version 2 & 2.5
|
Design Wizard- Headlines
Posted by - NA - on 06 November 2008 03:15 PM
|
|
|
The Headlines and Subheads Design Wizards allow you to create attractive headlines in record time. Not only does this tool apply appropriate font styles and sizes, but also applies the relevant tags (H1, H2 etc.) to your heading so that it is identified properly as heading text in your Web page's HTML code. You can choose between Basic and Advanced settings, explained in the following sections. Headlines- Basic The Basic Heading tool allows you to create a headline or subheading just like those you would expect to see on the top-performing sales pages throughout the Internet. Using the Basic Headings tool is simple - simply type your text in the text-box, left of the screen, and then choose the text-style on the right that you would like to apply to your heading text. As you will see from the illustration below, as you type your text in the text-box the previews, on the right, update to show exactly how your heading will appear on the Web page.  Once you are happy with your selection, click the  button to insert your heading at the cursor-position, in the Web page design window. Headlines- Advanced The Advanced Headings tool is similar to the Basic tool, but offers more control over the exact styles and formatting of your heading text. On loading the advanced heading tool, the screen will resemble the one shown below:  The settings that you can modify on this screen are as follows: Headline Text - This is the actual text that you would like to use as your heading. Simply type your text into the text-box provided. As you type, a preview of your heading will appear at the bottom of the window, showing exactly how your current text/style selections will appear on your Web page. Style: Font - Using the font drop-down selector, choose the preferred font in which your heading text should be displayed.  Font Color - This color control sets the color of your heading text. Either type the name of your desired color straight into the color text-box or click the  button, to the right of the color text-box to launch the color picker tool.Align - To align your heading text, in the page, use the  drop-down selector (shown here with left alignment selected) to choose from the following alignment options:Center Left Right Clicking your preferred alignment option will apply that to your heading. Font Style - If you want to make your details text bold, italic and/or underlined, click the appropriate button. The below image shows the three text style buttons, with the Bold button selected.  Size - The sizes in the font size control are actually heading sizes (not the standard font point-sizes. The following actual heading text sizes indicate how large the heading text will be using the options in the list:  When you are happy with your settings, click the  button to insert your heading at the cursor-position, in the Web page design window. Tip: Try to ensure when entering the heading text that you include at least one of your main page keywords. Note: If you wish to change the way your headline is split between lines you can do so by positioning the cursor where you would like to have a link-break and then press SHIFT-ENTER. The following two screen shots illustrate a headline without line-breaks and another with a line breaks after the words "idea" and "heading". The second was achieved by positioning the cursor between the words, where we wanted to create our line-break, then by deleting the space and pressing SHIFT-ENTER.  
| |
 (173 vote(s)) This article was helpful This article was not helpful |
|
Comments (0)