The role of pictures in the web page is irreplaceable, a good and suitable picture, more than ten kinds of introduction! The pictures and the feelings of the visitors are unmatched by the web page of the visitors.
The picture is not only the role of decoration, in many pages, the picture is indispensable. Such as the product advertisement, technical articles of the company, no pictures of the publishing of personal works.
Although the picture can beautify your webpage, when you add pictures, animations, and videos to your site, the main page will increase rapidly, the download time of the web page will greatly increase, and even more online speeds, Will go to an unable tolerance. If the main page space provided by the Internet service provider is limited, the image file size will be an important consideration. Therefore, webpage producers must pay special attention to the size of the picture file, try to use a smaller space, sometimes to sacrifice the quality of the image properly.
I. Basic knowledge of the picture
Most browsers can only display images of two formats. GIF and JPEG (JPG). When using the FrontPage to program a web page, you can insert an image file in other formats and convert the format into one of the above two.
1) GIF file
GIF is a compressed 8-bit image file, which is widely used in network transmission, with up to 256 colors.
The new GIF89A format can be stored in the form of background transparency, and the number map can be stored into a file to form an animation effect, and the bitmap mode, grayscale or index color mode image can also be supported. GIF files are relatively small, mostly used in icons, buttons, scroll bars, and backgrounds.
2, JPEG file
JPEG is a highly efficient compression format that can be deleted when the information cannot be distinguished in the archive to save storage space. The JPEG format compresses the file by selectively removing the data, it is damaged compression. It is more realistic than the color of GIF images, suitable for photos such as photos, and files are also small.
GIF files and JPEG files have its advantages, as shown in the following table. Which format is used, it can be determined according to the actual picture file.
Comparison of table GIF and JPEG format
GIFJPG / JPEG color 16/256 color color special function transparent background, no compression loss loss lossless compression loss compression suitable for scene color limited, mainly with comic pattern or line, general performance architectural map or hand drawing color abundant , Have continuous tones, generally perform real things
Although GIF files and JPEG files are the most basic image format on the Internet, this is not to insert only two forms of pictures in FrontPage, such as PNG, BMP, TIF, WMF, RAS, EPS, PCX, PCD. Documents such as Targa can be inserted in FrontPage. FRONTPAGE embedded a picture conversion program automatically converts BMP, TIF, etc., and other image format files such as PMP, TIF into JPEG or GIF format files. In recent years, the PNG format file is now popular. Its feature is: Just download 1/64 of the image, you can display a low resolution picture on the web page. With the download of the image information, the picture is getting clearer. This picture format clearly adapts to the current form today. Second, inserting a picture now, we learn how to put pictures on the web. In a web page, you can insert a picture file or insert a clip art or a plate clipping to a web page. 1. The image file inserted into the image file in the web page is preferably the file in this site, or it can be a picture file in the local disk or even the Internet site. [Note] Unlike Word, the inserted picture is not included in the web page (HTM) document. There must also be a corresponding image file in the website, and the relative location of the image file and the web file must be consistent with the local site when published on the Internet. So the "Save Embedded File" dialog box appears when you insert a picture file in the non-this site or insert the image with a clipboard. Remind you to save the image file to this site for future upload to the Internet server. The easiest way is to import (copy) to the current website in advance. Get images or video imports to the site will allow you to quickly access the required files. For example, you can add a picture to your site by saving the image after adding a picture to the web page. However, if you know that you will use a picture group, you can import all of them to the folder specified in your site. Then, when you want to add a picture to a web page, you can quickly access it without having to go to the file system to find it. If you choose the image in the Internet site, if you don't save it to your site, this picture is just a path reference in your web page, if this picture is removed from the Web site, you will not be See it on your page. Inserting the image file can be done on the "Picture" / "From the File" command through the "Picture" menu. 1) This site can find the required file directly in the file list of the dialog box (but should pay attention to the "search" path of the dialog box to store the folder of the image file); 2) Local outside the site The image file in the disk needs to click the "Select a File" button on the dialog and select a folder and image file on the Select Picture dialog; 3) Insert the image in the Internet site, you can in "Picture "Type the path and name you want to insert into the image (you must be an English URL) in the" URL "box on the dialog. Or click "Use a web browser to select a web page or file" button on the dialog. After finding the appropriate image image file in the browser, switch to the FrontPage window, the address of the image file is automatically in the "URL" box under the "Picture" dialog (note: must appear in the URL box It is a picture file path that cannot be a web page containing the image). [Example 1] Insert a "Fox Highlight" animation picture (FXGZ.GIF) introduced in advance to the local site in the "Spring Festival" web page.
1) Open "Ycjf.htm" in FrontPage. 2) Move the cursor to insert the picture, click "Insert"> "Picture"> "from the file" (lower left). 3) On the "Picture" dialog, select the image file "fxgz.gif", click "OK" (lower right). "Insert Image" menu "Picture" dialog
4) The picture below is inserted into the page in the browsing state:
Insert the picture of the picture in the browse state
[Example 2] Insert the "Three Rivers' New Friend" pictures in the old teachings in the "Picture" web page.
1) Open the local site "Web Practice" in FrontPage, and click the "New" button in the toolbar to create a web page. 2) Enter the title "picture exercise" in the new web page. 3) Click "Insert"> "Picture"> "From File". On the Picture dialog box, click the "Use the web browser to select the web page or file" button. At this time, the IE window shown below will appear.
4) Find the old teach in the IE browser and find the "Sanjiang Dip New" picture in "Senior Park / Art Park". And click on the address bar of the browser to make the URL of the image is selected. 5) Go back to the FrontPage window, on the "Picture" dialog, the address "http://oldchild.nbc.net.net.cn/sjk.jpg" of the image file will automatically appear in the "URL" box.
6) Click the "OK" button to display the "Three Rivers' New Pictures" pictures in the new web page.
7) Click the "Save" button on the common toolbar to name "TPLX.htm" to the new web file in the Save As dialog. After clicking the "OK" button, keep this web file, while the Save Embedded File dialog box as shown below.
If you select "OK", save the image file to your local site, we choose Cancel. At this time, there is no such image file in the local site, and the image file is still in the old teat spot. If a reason old urchin website is not opened or this file is deleted by the old urchin website, this image cannot be displayed.
2. Add clip art to the web page (Pictures Opening of Office 2000) FrontPage 2000 contains the Microsoft Clip Library. You can preview the image in the clip library and then use it on your webpage. On the Insert menu, point to "Picture" and click Clip Art. Find the clip art you want to use in the "Scrapbook" dialog box, right-click on the graph, then click "Insert" on the shortcut menu. Since the inserted clip art is not in the local site, the "Save Embedded File" dialog box shown in the previously shown will appear. You must select "OK" to save the image file to your local site. [Example] Insert a clip art in the "Picture Exercise" web page. 1) Open the "Image Exercise" webpage in FrontPage. 2) Move the cursor to insert the image, click "Insert"> "Picture"> Clip Art (below the left). 3) Select (click) "Animal" category (right) in the "Scrapbook" dialog box.
Insert Clipart Menu "Scrapbook" dialog box (category)
4) Select Find the Clip Art "Matou" in the "Scrapbook" dialog box, right-click the mouse, and then click "Insert" on the shortcut menu to insert this clip art.
"Scrapbook" dialog (right-clicking on the shortcut menu)
5) Click the "Save" button on the usual toolbar to save the "Image Exercise" webpage. After the web file is saved, the "Save Embedded File" dialog box shown in the above example occurs. 6) Click the "Change Folder" button on the "Save Insert" dialog box, "Change the Folder" dialog box. 7) Click Folder "Images", then click OK to return to the Save Embedded File dialog (as shown below). The field below "Folder" has become "images /", so that the image file is saved to the "Image" folder. Click OK to complete the save of the image file. You can also click "Rename" to modify the image file name, but there should be Chinese and Chinese symbols in the file name.
[Note] When saving the picture, FrontPage automatically converts into a GIF format or JPEG format according to the contents. If there is a picture of 256 colors or fewer colors, it will be converted to a GIF format, and all other images will be converted to a JPEG format. 3. By adding the clipboard to the web page, like all applications for Windows, you can paste the images of other windows to the web page via the clipboard. Here is a brief introduction to how to operate: Select a Chinese image in other windows of Windows, right click to select "Copy" in the shortcut menu that pops up. Then use FrontPage to open the web file, move the cursor to insert the image, right click, select "Paste" in the shortcut menu, you can insert the image. Like the clip art, you need to save the image file to your local website when saving web files. Third, changing the size of the picture and the location of the size and location of the picture in FrontPage are the same as Word. 1. Change the picture size Click (select) the picture, move the mouse to the control point (small square) of the picture (small square), when the mouse pointer turns into a double arrow, press the left button to change the picture size. [Note] Changing the picture size only changes its flat space in the web page, and does not change the size of the picture file. 2. Changing the picture size mouse to the image, press the left button to change the location of the image. Fourth, setting up a background image You can use a suitable picture to make a web page background, making the webpage more beautiful. Below us, we will explain the specific steps for adding a background image to the homepage of the "Web Practice" local website: 1) Click the "Format" menu, select "Back to the left" (bottom left) in the drop-down menu, appear as follows The "Web Page Properties" dialog (Background tab). 2) Use the mouse to click the box before the "Background Image" in the dialog, so that this small box appears (called "Select").
"Web Properties" / "Background" Dialog
3) Click Browse (B) "to open the Select Background Image dialog (below).
"Select Background Picture" dialog
4) Open the "Image" folder in this dialog, select "0002.jpg" as a background image, click the "OK" button, return to the "Web Properties" dialog box, click "in the" Web Properties "dialog box" Confirm button. You can get a web page as shown in the following figure.
On the browser with the background
V. Insert video Online not only set up a beautiful music, but also set a small movie (video file) on the web, if you have a camera, you can get a video, then people who visit the web can not only hear you. Sound, see your picture, you can see your performance! But video files are relatively large, generally have a few MBs. Everyone pays attention to the space of the server when using video files. Now, we insert a video on the home page of the "Website" local website. Note that it is best to convert the contents of the small movie to the video files named AVI. First, import video files into the current site. In the home page, determine the location of the cursor. Click the "Insert" menu, select "Picture" in the drop-down menu, click "Video" (lower left), open the Video dialog box (bottom right). Insert video "Video" dialog
In the Video dialog box, open the ImageS folder, select "Fox.avi", click the "OK" button, the video file is inserted. Like the picture, we can adjust the size of the video file play window. Just inserted video files look more like a picture, and add play controls for video files. Move the mouse to the video file, click the right mouse button, pop up the shortcut menu, select "Picture Properties" in the shortcut menu, open the Image Properties dialog, as shown below.
Image Properties dialog
In the "Picture Properties" dialog box, select "Display Controls in the browser"; "OK" is selected in the "Open" in the "Repeat" area selected "Opens" in the "Open" in the "Dress" area "." OK ". Get the results shown below. After saving the page, click the File menu to select "Preview in the browser" in the drop-down menu. Open the web page in the IE browser, you can enjoy the web page with a rotating globe video.
Video files that have been added to control
[Note] and the "Sound" in the "Playing" in the "Playing" in the third lecture, if you cannot play a video in the IE browser, you can reset the "Advanced" option of the IE browser "Internet Option" in it. "Multimedia" class "Video of Video".
[Practice] Insert some pictures for your own web, and add a background picture to the homepage.
