Build a little nest in FrontPage-text picture hyperlink

Source: Internet
Author: User
Frontpage| Links

  Text

The site and page created through the template is just a prototype of the structure, now to open these pages, add a variety of elements to start building their own home. We start with the main page (index.htm), this is the door of home.

Action Knowledge Template page: Opens the home page file, and in the Page view window you can see the approximate structure of the home page. The page is divided into three parts, the above part of the main placement of the title picture (picture elements), the left part of the main link to other pages of the directory (linked elements mainly), while the middle of most of the main content of the home page (text elements).

General template home, usually by the banner, table of contents, body and other parts of the composition, but the number and arrangement is not the same, or more special elements. Of course, there are completely special elements of the page, such as multiple nested tables, components, and so on. But these for me such personal nesting, generally do not use, use up trouble, as much as the use of this simple and concise page.

Action paste and enter text: Copy the text from a prologue to the Clipboard, and then click the Mouse in the page window to the location where you want to insert it, and then copy it to see the text appear on the page. You can also enter a text directly. Delete the text that is not in the Web page.

Pasting and entering this operation is very simple, and the general text editing program is not different. In fact, many text-editing operations are similar to Word programs. Includes input, copy, paste, undo, find, style, font, color, spacing, symbol, border, paragraph formatting, and so on.

Although most of the text decorations in FrontPage are similar to Word, there are a lot of small differences, but these differences do not cause a lot of trouble for users, but there are some differences to be noted.

In a Web page, paragraphs and wrapping are very different, and general paragraphs and paragraphs are spaced very wide, so you often notice that you want to wrap (press "Shift+enter"). If you want to display line breaks and paragraph breaks in a Web page, you can click the Show All button in the toolbar (behind the first row of tool buttons).

Further study suggestions: the skills of the text editing is very strong, and the operation of a lot of functions, to master must be more practice, more use. People who use Word typesetting generally are easy to get started with.

  Image

The main text editor in the home page, if you need to add a Chao and a few diagrams, so that the page more vivid. Chao picture already beforehand? Well, use the image editing tool for appropriate editing, such as zooming the picture to the right size, decorating the picture, and saving the picture in GIF format based on the picture's contents. Note that if the picture is rich in color, or if it is a landscape or a character photo, it is generally saved in JPEG format. The schematic is found in the Clip art library built into the program.

Action Add clip art: In FrontPage, many clips are built in, and can be easily added. In the Web page, move the mouse to the location you want to add, and then insert/Picture/clip art to open the Clip Art Selection window, which is very rich in clip art and sorted and stored for easy searching. After you find the clip you want, click the clip and click the "Insert Picture" button in the pop-up menu. You can then see the picture in the page editing window.

Action Save Picture: Now Save the page, the program prompts you to save the picture's destination folder, select the picture saved directory, file name and file format (also can follow the default settings), the picture saved to the site. It is recommended that you save the picture in the folder "image" that you set up in your site folder.

After the picture is added, you may want to rearrange the picture's position in the page, add the effects of the various pictures, and set the properties of the picture.

Action Edit Picture: In the page editing window, select the picture, and then drag the picture border to resize. Drag the picture to change the position in the page. In addition, when you select a picture, in the interface window below will display the Picture Editing toolbar, including a variety of image editing tools, such as in the picture to add text, adjust the location. Note that when you resize the picture, the program will save the picture with a new picture size.

To set the properties of a picture: the properties of a picture generally refer to some internal properties of the picture, such as the source file, format parameters, display mode, alignment, border and white, and so on. Right click on the picture, select "Picture Properties" in the pop-up menu, you can set picture properties in the pop-up Picture Properties window.

Action Insert Picture file: First you will insert a picture copy to the site folder, select the menu "insert/Picture/From File", in the pop-up window to select the picture file to insert. Then, adjust and modify the picture according to the above method.

Further study suggestions: in-depth understanding of a variety of Web page picture format, in-depth study of various pictures of the effect of editing, master picture position adjustment, learning to use background pictures.

  Hyperlinks

The strength of the page is in its hyperlinks, in the browser by clicking on the hyperlinks in the page, you can easily open another page, or pictures, files, e-mail addresses. A link in a Web page is divided into two parts: the carrier of the link and the destination address of the link.

The link's carrier is in the page the text and the picture, usually contains the link the text and the picture is called the hyperlink.

Action Settings Text hyperlink: Open the Home page file, with the mouse to select the hyperlink text-"Welcome to the Beans Home", and then press the right mouse button. Select Hyperlink from the pop-up menu. Click the Hyperlink Settings window, and then select the hyperlink file in the list-"photo.htm", and you'll see that the hyperlink is set up. Note that in the page editing window, you can hold down the CTRL key and click the hyperlink to open the page that the hyperlink points to.

Action Settings Picture hyperlink: Right click to set the picture of the hyperlink, in the right-click menu, select Hyperlink Properties, and then set the file to link, you can also link pictures, e-mail addresses.

Operations Management Hyperlinks: A Web site's hyperlinks are like a net, Web site all the files. Click Hyperlink in the View window, open the Management window of the hyperlink, in which we can see the links between each file, for example, to see which files are linked in the "photo.htm" file and which files are linked, you can select the file in the Next folder window, You can then view it in the link hint window. You can also expand a file's top and bottom hyperlinks directly in the schematic window of a hyperlink.

Further study suggestions: Master a variety of hyperlink settings, bookmarks, learning to use the navigation bar, learning to use graphics hotspots. Learn to use the hot area of the picture.



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.