Step 3: Contact 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 Contact 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_contact

 

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

 

 

Details Text

 

The details text comprises the following text elements in your Contact QuickPage template design:

 

Contact Name Label & Value

Position Label & Value

Address Label & Value

Web Address Label & Value

Email Address Label & Value

Telephone Number Label & Value

Fax Number Label and Value

 

 

Details Font – Using the piece_quickpages_font_drop-down drop-down selector, choose the preferred font in which your contact page’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

 

 

Links Text

 

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

 

 

Links Font Color – This setting controls the color of your link 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.

 

 

Links Font Size – Pick a size for your link 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).

 

 

Links Font Style – If you would like to make your link 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 Contact 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 contact page is set, by default, to the heading that you gave your contact page, when using this QuickPage tool.

Home  Previous  Next