Step 3: Articles Pages - XSitePro Website Design

Home Previous  Next

icon_xsp

Brought to you by XSitePro Website Design Software

professional website design made easy      

 

 

 

In the third tab, Step 3, you can fine-tune the text elements in your Article QuickPage. When you arrive at this tab, the screen will look something like the illustration below (although your chosen design template design may well vary):

 

window_quickpages_tab3_articles

 

On the left side of the window you will see a set of controls with which you can modify the text elements in your page design. As changes are made to the text a real-time preview of the page design, in the right side of the window, will update to reflect that change. This enables you to see exactly how your QuickPage content is going to look, before you finish modifying the design.

 

The controls that you can use are outlined below:

 

Heading Text

 

Heading Font – Using the font drop-down selector you can choose the preferred font in which you would like your heading text displayed.

 

piece_quickpages_font_drop-down

 

 

Heading Font Color – This control determines the color of your heading text. To choose your preferred text color, either type the color right into the color text-box or click the button_application_image_browse button, to the right of the color text-box.

 

This button will launch the Color Picker tool, which you can use to make your color selection. For more information on using the color picker tool, see the Color Picker section in this manual.

 

 

Heading Font Size – Specify a size for your heading text using this font-size drop-down. Click the piece_quickpages_font_size_drop-down drop-down selector to make your choice from the available font sizes (6pt to 72pt).

 

 

Heading Font Style – If you would like to make your heading text bold, italic or underlined simply click the appropriate button.

 

piece_quickpages_font_styles

 

 

Subheading Text

 

Subheading Font – Use the piece_quickpages_font_drop-down drop-down selector to choose which font you would like to display your subheading text in.

 

 

Subheading Font Color – The color selection control enables you to set the color of your subheading text. To choose your preferred color, you can simply type the color right into the color text-box or, alternatively, click the button_application_image_browse button to the right of the text-box. This button will launch the color picker tool for you to use in selecting the preferred color.

 

 

Subheading Font Size – Click the piece_quickpages_font_size_drop-down drop-down selector to make your choice from the different font sizes available. The choices range from 6pt to 72pt.

 

 

Subheading Font Style – Making your subheading text bold, italic or underlined is straightforward - just click the appropriate button, as you would do in a regular word processor.

 

piece_quickpages_font_styles

 

 

Details Text

 

The details text includes the following text elements in your articles QuickPage template design:

 

Author Label & Value

Date Label & Value

Source Label & Value

More Info Label and Value

 

 

Details Font – Using the piece_quickpages_font_drop-down drop-down selector, choose the preferred font in which your article’s details text should be displayed.

 

 

Details Font Color – This color control sets the color of your details text. Either type the name of your desired color straight into the color text-box or click the button_application_image_browse button, to the right of the color text-box to launch the color picker tool.

 

 

Details Font Size – Choose a font size to be used for your details text using this drop-down. Click the piece_quickpages_font_size_drop-down drop-down selector to make your choice from the available font sizes, from 6pt to 72pt.

 

 

Details 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.

 

piece_quickpages_font_styles

 

 

Body Text

 

Body Font – Using the piece_quickpages_font_drop-down drop-down selector you may choose the preferred font in which you would like your body text displayed.

 

 

Body Font Color – This setting controls the color of your body text. To choose your preferred color, either type the color into the color text-box or click the button_application_image_browse button, to load the color picker tool.

 

 

Body Font Size – Pick a size for your body text using this font-size drop-down control. Click the piece_quickpages_font_size_drop-down drop-down selector to make your selection from the font sizes available (6pt to 72pt).

 

 

Body Font Style – If you would like to make your body text bold, italic or underlined simply click the appropriate style button. Once selected, you can turn off the style effect by pressing the same button a second time.

 

piece_quickpages_font_styles

 

 

Once you have completed making all of the desired changes on this screen you will have completed the steps necessary to generate your Article QuickPage.

 

To finalize the page creation process, simply click the button_quikpages_create button to generate the QuickPage and return you to the Web pages tab, in XSitePro.

 

If you take a look at the list of Web pages you will spot a new page. The name of this new article page is set, by default, to the heading that you gave your article, when using this QuickPage tool.

Home  Previous  Next