Tutorials to .com

Tutorials to .com » Website » Frontpage » FrontPage XP No. 4 train station - the application of style sheets

FrontPage XP No. 4 train station - the application of style sheets

Print View , by: iSee ,Total views: 7 ,Word Count: 1154 ,Date: Wed, 27 May 2009 Time: 7:42 PM

frontpage XP users can ensure design pages with different browsers, it provides the style sheet (CSS) function is one of them. FrontPage XP to use the page style sheet elements can be widened or tight spacing fonts, paragraph settings "indent" and "paragraph spacing" settings, such as borders and shading. FrontPage XP can create external and embedded cascading style sheets, let us do one by one.

Create an external CSS

This is a page that can be applied to a number of style sheets, that is, the website page link with an external style sheet document, and its expansion, called CSS, so you can make multiple pages use the same style sheet file so as to maintain a theme throughout the page, edit css files can be in any text-processing procedures carried out. FrontPage XP in the provision of the establishment of the CSS document template can be customized according to the needs of their own style template of interest.

1, the establishment of style

The implementation of "File / New / Web page or site" command in the "Create a new page or site," the task window, in "Under the new template", click "web page template," open "page template" dialog. Click the "Stylesheet" tab, and then click to create the CSS type, such as weeping willow pattern, and then click "OK" button.

At this point, FrontPage XP creates a file extension of the new web site called CSS, and in the "page" view mode will open it for editing, must be able to save the page after the application of the style sheet document.

Will show the creation of CSS "style" toolbar, in Figure 1. In the Toolbar, click to activate the "Style" dialog box. If you want to modify the style sheet has been saved file, you can click the menu "View / Folder" and then in the "Folders" list by double-clicking to open the CSS file can be.


Figure 1 style tools

2, edit style

Let us look at how to edit style. Click the "style" toolbar "style" button or "Format" menu, click "style" command into the "Style" dialog box, as shown in Figure 2.


Figure 2 In the Edit Style Sheet

In the style list, including a number of styles, including "a: link" to the link text that effectively, "a: active" on the activation link that effective, "a: visited" to have effective access to the text, "a: hover" said that when the mouse is hovering effective.

First of all, in the left side of the "style" box, click to amend the style of type, such as "a: link", and then in the bottom of the "list of" select "user-defined style" option, need to pay attention to is that if at this time to revise the standard HTML tags, you can choose "HTML tags." Then double-click the list in the form "a: link" style, open the "Edit Style" dialog box, in Figure 3. If you want to set alignment, indentation or paragraph spacing, you can choose to "paragraphs", set the Border and Shading can choose to "frame", set up and numbered bullet style, you can select "number." Complete the settings, close all dialog boxes to return to the CSS file. Then we completed a set style, good style can be set directly applied to the page specified in the text document, paragraphs.


Figure 3 in this style of format settings

Return to the main interface, the implementation of the menu "File / Save" command, this style link.CSS saved as backup.

Create a built-in CSS

In the "page" view, the implementation of "Format / Style" command, open the Styles dialog box, and then click "New" button in the "Name" box, enter the name of the new style ". Pal", then "style type "style of choice for" paragraphs. " And then click "format", then the method described above in accordance with the new format of the characteristics of style, such as fonts, paragraphs and so on.

Application form

First of all, we in the "page" view, open the need for the application of style sheets (CSS) of the page, and then in the "Format" menu, click "style sheet link," Open "link style sheet" dialog box, click "Add" button to open the "Select Style Sheet" dialog box, select the just created CSS style file, click "OK", you can add in the "URL" list. If you select "all pages" option, you can file the application of style to all pages in the site, select "Current page" will only edit the page in the current use. In addition, if you want to style used in web page or text paragraphs, the first application can choose the style of the text, and then the style of the toolbar to the application list box, select the style name.

Stop Tip: Style in the process of web design the more common, clever use of style can not only make the page more attractive, but also norms of a good web site display. Next stop, we will use the FrontPage XP to our web design form.




FrontPage Tutorial Articles


Can't Find What You're Looking For?


Rating: Not yet rated

Comments

No comments posted.