Web page Design specification use FrontPage 2000 to make style sheets

Source: Internet
Author: User
Tags dreamweaver
frontpage| Specification | design | Web page | Web design | style sheet Dreamweaver is expanding to more "net worm" hard drives with its powerful features, yet Dreamweaver is not as good as every feature. At the very least, the style sheet (CSS) settings are too professional, so that these English-poor "bugs" are a big headache. After the n download, installation, in the end I found the best already in their own hands, that is my storage for a long time-FrontPage2000. Below let me lead you to share "fool" software bring happiness.

One or three ways to add CSS

In FrontPage 2000, you can add style sheets to your Web page in three different ways.

1. Page links an external style sheet file, which allows multiple pages to use the same style sheet file, to keep the theme of the page easy. Step: Start FrontPage 2000, and then click File, New, Web page, open FrontPage 2000 's New dialog box, and select the Style sheet option. There are many stylesheets with FrontPage 2000 in these stylesheets for your reference and modification. Of course, if you are familiar with CSS, you can also use a blank style sheet and recreate one yourself.

2. By creating a style form in FrontPage 2000, the style sheet is part of the page, directly between the HTML documents. This is not really a creation, just copy the style sheet that has already been created, then select the HTML option for the page edit and paste it between the 〈head〉.

3. Specify the style sheet individually by using the containing style sheet element. When you edit a page in FrontPage 2000, just select the text that you want to change, and then click the right mouse button and choose Page properties to visualize the operation anywhere.

Second, the use of the built-in style sheet

The following is a change to beautify a search box for example, to introduce the use of the built-in style sheet.

Now let's begin our beautification road. Open FrontPage 2000, and then transfer to this page. The input box is then processed first. With the left mouse button to select the longest input box, and then right-click, select Form Field Properties, text Box properties appear.

Then click Style, then select the Border button in format, and the Border and Shadow dialog box appears.

Because to maintain the unity of the tables, we select Custom in the settings and select solid lines in style. The most important thing is to apply a border setting. Click on the box and the four small buttons around it represent the four borders of the text entry box, respectively. To unify the table outside the text input box, the width is also selected as "1" and then "OK".

Then use the left mouse button to select the Search button, click the right mouse button, select Hyperlink properties will appear in the window.

Select the Style button, and then select Browse to insert our previously made search picture.

Still use the left mouse button to select the four words, and then click the right button, select Hyperlink Properties, pop-up windows window.

Select the background option, and then select Enable hyperlink rollover effect, and then click Flip Style to eject the new Windows window.

Here we can clearly set the rollover effect to be implemented. In order to highlight the "search Help" four words, we set the font to 12pt, so that when the mouse is put up, the font will change from 9pt to 12pt, so that users see more clearly. Next we can also according to their own hobbies to set the favorite color and other styles. With the use of an embedded style sheet, we can easily beautify the search box



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.