|
|
|
|
|
|
|
|
|
|
- Overview
- Background image of pages
- Background image of browser
Page look: Background image
To optimize the style of your pages, WEBDEV allows you to use: - a background image in your pages. Your controls are displayed above this background image.
- an image in browser background.
Background image of pages To define the image that will be used in page background: - Display the page description window: under the "Page" pane, in the "Description" group, click on "Description" (or select the "Description" option from the page context menu).
- On the "Style" tab, in the "Style" area, select the "Page border/background" element.
- To define the page background color, specify:
- the color of the borders
- the background color
- the style of the borders and background.
- To define the background image of the page:
- Select the image that will be used as page background (via the
 button of the "Background image" control): - The "Browse" option is used to select an image file accessible from your computer.
- The "Catalog" option is used to select an image in the image catalog provided with WEBDEV.
- Specify the characteristics regarding the image repetition:
- None,
- Tiled image (in height and width),
- Tiled image X (in width),
- Tiled image Y (in height).
- Specify the horizontal and vertical position of background image. These options allow you to manage the alignment of the background image: Left, Center, Right, Top and Bottom..
- Specify the management mode of image size:
- none
- extended homothetic (cover): The image is proportionally enlarged so that the smaller side of the image is displayed entirely on the page.
- homothetic (contain): The image is enlarged proportionally to be displayed entirely on the page.
- Validate.
Remarks: - The management mode of the image size is a feature available in CSS3. To use this feature, the page must be generated in HTML 5 mode. The generation mode of HTML pages can be defined:
- for the project ("Advanced" tab of project description, "Generation standard of HTML code" option).
- for the page ("General" tab of page description, "Generation standard of HTML code" option).
- To define the same page background image for all the pages of your project, define this image for the page template used by your project. For more details, see Page template.
- The background image is displayed by the browser. If the image file used is too big, the display of the page may be slowed down.
Background image of browser To define the image that will be used in browser background: - Display the page description window: under the "Page" pane, in the "Description" group, click on "Description" (or select the "Description" option from the page context menu).
- On the "Style" tab, in the "Style" area, select the "Browser background" element.
- Specify (if necessary) the background color of the browser.
- Specify the characteristics of the background image:
- Select the image that will be used as browser background (via the button of the "Background image" control):
- The "Browse" option is used to select an image file accessible from your computer.
- The "Catalog" option is used to select an image in the image catalog provided with WEBDEV.
- To create a gradient, click the "Create a gradient" button. This button allows you to generate an image containing a gradient and to use it as browser background. A wizard helps you create the gradient.
- If "Fixed background image" is checked, the background image of the browser will be fixed when the Web user scrolls the page (vertical scrollbar).
- Specify the characteristics regarding the image repetition:
- None,
- Tiled image (in height and width),
- Tiled image X (in width),
- Tiled image Y (in height).
- Specify the horizontal and vertical position of background image. These options allow you to manage the alignment of the background image: Left, Center, Right, Top and Bottom..
- Select the management mode of image size:
- none
- extended homothetic (cover): The image is proportionally enlarged so that the smaller side of the image is fully displayed in the browser.
- homothetic (contain): The image is enlarged proportionally to be displayed in its entirety in the browser..
- Validate.
Remarks: - The management mode of the image size is a feature available in CSS3. To use this feature, the page must be generated in HTML 5 mode. The generation mode of HTML pages can be defined:
- for the project ("Advanced" tab of project description, "Generation standard of HTML code" option).
- for the page ("General" tab of page description, "Generation standard of HTML code" option).
- To define the same browser background image for all the pages of your project, define this image for the page template used by your project. For more details, see Page template.
- The background image is displayed by the browser. If the image file used is too big, the display of the page may be slowed down.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|