FRONTPAGE2003 Construction Station All Raiders 2

Frontpage| Raiders

Topic

After the above process, my homepage is basically finished. But the background of the page, navigation bar, color selection, border and so I do not quite satisfied, and these are automatic template design, and can not be modified. This time, the theme will be used. The

topic is that FrontPage automatically sets the background, navigation bar, banner, button, and various borders on the page, with dozens of of topics, and the operator can choose according to his or her preferences, so that you can save yourself the settings for these page elements. The

Action specifies a theme for a Web page: Open the Home page, select Format/theme, and pop up the theme window. On the left side of the theme window, lists the topics you can choose from, the default is "Straight Edge", click on these topics, you can see the style of the subject in the right window, such as what the banner is, what color, the style of the title, the display style of the hyperlink, the style of the navigation bar and so on. In addition, you can also set whether a background picture is required, whether to use bright colors and so on. Select the fade theme and click OK to see the effect in the page window.

Topics are designed in advance, and if you have specific requirements and FrontPage doesn't allow you to modify them while you are editing them, you can customize the theme.

to test Web pages and Web sites: Now, my home page is basically finished, to test the home page and the entire site, to see if the page is normal, the hyperlinks are correct, the design of what is still defective. Open the home page you want to preview, and then choose File/preview home page in browser so that I can see the real look of my well-designed home page. Test the time, to carefully look at the various elements of the page to see if there is not the right place. Change some of the browser's related settings, such as font size, full screen, Zoom window. Click on the hyperlinks on the page to see if you can jump to the correct page. Also, it's a good idea to copy the entire Web site folder to another machine to see if it's correct, especially if the font is displayed correctly.

Action View Web site reports: Select the report icon in the View window and open the Report window, where you can see some statistics for the entire Web site. Take a closer look at the data and see if there are any problems, such as invalid hyperlinks. If there is no problem, you can publish it.

Suggestions for further study: Web page beautification is an experience and self-cultivation of the problem, on the one hand more practice, on the other hand to see more excellent web pages. In addition, the site test is very important to explore and grasp the experience and skills in this area. The

is tune, making good use of tune and becoming a musician. Eat with five, make use of the five and become kitchen. What do I use to build a home? Water wood gold fire soil.

Text

Sites and Web pages created by templates are just a prototype of the structure, now open these pages, add a variety of elements, and start building your own home. We start with the main page (index.htm), this is the door of home.

Operations Awareness Template page: Opens the home page file, and you can see the approximate structure of the home page in the Pages view window. 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). The

Generic template home page, usually consisting of a banner, a table of contents, a body, and so on, is just a different number and arrangement, or a few 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. The

Action pastes and enters text: Copies the text from a prologue to the Clipboard, clicks the Mouse in the page window to the location where you want to insert it, and then copies 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 simple, and is not different from normal text editing programs. 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 words in Word, there are a lot of small differences, but these differences don't bother the user much, but there are some differences to be noted.

in a Web page, paragraphs and line wraps vary widely, and the 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 learning suggestions: 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.

The main text edits in the

picture

Home page, if you need to add a Chao and a few diagrams to make 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 to add clip art: In FrontPage, there are many clips 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.

To save a picture: Now that you save the page, the program prompts you to save the picture's destination in a folder, select the picture's saved directory, file name, and file format (or you can follow the default settings) and store the picture in the Web. 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 resize the picture in the page, add the effects of the various pictures, and set the properties of the picture.

Action to edit a picture: In the page editing window, select a picture, and then drag a picture border to resize it. 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. The

action sets the properties of the picture: the properties of the 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. The

Action inserts a picture file: first copy the picture to the site folder, select the menu insert/Picture/From file, and select the picture file to insert in the pop-up window. Then, adjust and modify the picture according to the above method.

Further learning suggestions: in-depth understanding of various 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 white select the text you want to hyperlink-"Welcome to the site name", 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.

　　 Planning your Web site

Planning the site, in fact, is the overall positioning of the site. To be fashionable is a bit like CI (corporate identity), meaning to unify the image of an enterprise through vision. Forget it, don't be so complicated, I'm just a xiaojiabiyu.

1. Identification of themes and content

The theme and content of the white point is to do the purpose of the website. See a lot of personal website, the feeling is: you copy i copy everyone together, yellow sand Amoy do not see gold. I can never do this, otherwise it will become a net garbage. After brooding, I decided to do a real sense of the "personal" site, to be a personal home, a network to promote their own, make friends "home."

Thus, the main content should be to introduce themselves. Personal resume? No, that would be too much fun. Just do it as a biography of self-illustrated! There should be a part of the resume, but should also say more about their hobbies. In addition, there should be a proper introduction of the relevant things ah!

The content is OK, should it give my website a good name? Predecessors said: The site name is also a part of the site design, but also a key element. Very reasonable, just as everyone wants to take a good name, home also should have a good name!

Look at the name of the internet, "brighter" a bit empty, "XX's personal homepage" a bit vulgar. Or more down-to-earth, my name is "Doug's house".

　　 2. Website Structure

Refer to other personal websites, and then look at the senior speech, I also confusedly understand some nouns.

Web page--that is, you see a page in the browser, composed of pictures and text. Usually there is a level of page, level two page of the said. When you enter the URL to see the first page is called the homepage, the usual name is index.htm.

Web site--simply to say that a lot of related Web documents, picture files? His portfolio of documents. A web site consists of a network of related pages that jump between different pages through links on the page.

The structure and content of the site seem to have some unwritten rules (of course, all seniors nag):
1. The website must be subject to deduction.
2. Set up an interactive column, such as a message book.
3. The page is concise, as far as possible to facilitate visitors to browse and query.
4. The level of the site should not be too complicated, the small site by 3 layers of Web page composition is more appropriate.
5. The overall page design style should be consistent.
　　
3. Choice of Style

Website style, is not a bit like the temperament of people ah? "Home" Of course is temperament, or lively, or serious, or exquisite, or simple, or bold uninhibited, or Xiaojiabiyu. We should choose a suitable style type according to our subject and content, in order to combine the content and form, and highlight our own characteristics and individuality. Unfortunately, I do not learn art, but simply know some warm and cold color, it seems to be in practice more than comparison.

4. Page Design

The site is made up of pages, so the production of each page becomes extremely important. It is also a question of art design. I'll look for some white paper to sketch my page.

This is one of several common Web page layouts on the web. Although all are in arranging the catalogue, the topic, the text, but really must make the structure clear, at a glance also must see the concrete production Kung Fu.

Of course, you can choose a more lively style, just need to play their own, or to the network to learn a variety of beautiful page design.

Choose a production tool

The ancients said well: 工欲善其事, its prerequisite. Online building is always a tool, the production of Web pages and Web tools a lot of, even with Notepad can (like a Mason House, is to write the source code of the page). But there are also a lot of tools that can be used to put the frame of the house directly, the rest of the work is to determine how many rooms and how to decorate the room. FRONTPAGE2000 is such a tool.

Dreamweaver3 and FrontPage2000 are the current mainstream sites and Web page editors. Dreamweaver3 is more professional, its code concise, compatibility and overall function is stronger than Frontpage2000. But FrontPage2000 is a Microsoft product, a component of Office2000, with similar interfaces and operations to the word that you often use. Writing a Web page in FrontPage is as simple as writing an article in Word, and it's good for people like me to build a small "home".

Look for FrontPage2003 books, it is really powerful, at least enough for me, and the operation is really convenient, will use Word can quickly learn FrontPage2003.

1. Installation program

FRONTPAGE2003 has been integrated in Office2003 to become a member of the Office family. If you buy a Office2003, you only have to choose to install FrnotPage2003 on the installation. Alternatively, you can purchase a separate FrontPage2003 CD for installation.

The FrnotPage2003 installation process is very simple, and I am using a separate FrnotPage2003 CD. When you double-click a Setup.exe file on the disc, Setup starts to install automatically.

First, a User Information window appears, asking you to enter the username, unit, and password correctly. Then click the "Next" button to appear in the User License Agreement screen and select "I accept the terms of the license Agreement". Click the Next button to appear in the installation selection interface. Click on the "Start Install" button above, FrontPage2003 is installed by default, and you can choose the path to install if you click the "Customize" button below.

During the installation process, the system will reboot once, before you can continue the installation, installation is complete, there will be a Site Server account Settings window, enter the username and password, the installation is all over.

2. Enable

When you start FrontPage2003, it's just like word, and the top is the menu bar and toolbar, so people like me don't have to learn it; the left side is the View Area window, which has six buttons, representing six different features, It greatly facilitates our site and Web page production and management. Most of the screen space is our workspace, where all page edits are done.