Don't be computer dependent. What are the dangers of computer game addiction?

Microsoft Office FrontPage 2003 is a unique program with which you can easily create a website. The presence of Help and many simple, one might say standard, programs make it an indispensable assistant for beginners. In order to become more familiar with the capabilities of Microsoft Office FrontPage, we will look at a set of possible commands.

To optimize HTML text when publishing a page, you must configure a remote site.

1. In the Remote Web Site view, on the Web Site tab, click the Optimize Published HTML button.

2. On the HTML Optimization tab, select When publishing, optimize the HTML code by removing the following elements.

3. Select the options you want.

Notes

· Microsoft FrontPage does not apply these settings to Web pages previously published on the Web site. To apply these settings to a page, publish it to a website.

· You can optimize HTML text when publishing from a local site to a remote site, but not vice versa.

· If you select the All HTML Comments or Dynamic Web Templates Notes check box, FrontPage removes all dynamic web template code for that page when optimizing the HTML text. Therefore, any page content associated with the dynamic web template will no longer be displayed to site visitors. Using Web Components in Microsoft FrontPage, you can include a wide range of functionality in your Web site, from hit counters, which record the number of visitors to a page, to photo collections, which are collections of graphic images. There are two kinds of web components: design-time components and view-time components. Design-time components are tools for creating and developing web pages. They are available in the FrontPage program. When you add a design-time component to a Web site—for example, a photo gallery or a link bar—you do not need to install any additional software or server technology on the Web server that hosts the Web site. Browsing time components are available on Web sites that are hosted on Web servers that are running Microsoft FrontPage Server server extensions, Microsoft SharePoint Team Services, or Microsoft Windows SharePoint Services.

· A hyperlink is a link between web pages or files. When a site visitor clicks a hyperlink, the object it references appears in the Web browser, opens, or runs, depending on the type of the object. For example, when you click a hyperlink to a page, that page appears in your web browser, and when you click a hyperlink on avi-file This file opens in Windows Player. Ways to use hyperlinks:

Go to a file or web page on a local network, intranet, or the Internet

Navigate to a file or web page that will be created in the future

Sending a message by email

Starting a file transfer, such as downloading a file or sending a file over a protocol FTP

Transition to bookmark

After creating a hyperlink, follow it to the destination to make sure that it leads to the desired page, program, file, or email address. When you hover your mouse over text or a picture that contains a hyperlink, it appears as a hand with the index finger raised, indicating that the item can be clicked. In Microsoft FrontPage, hyperlinks are followed and displayed differently depending on the target. When a hyperlink is created, its destination is encoded in URL (Uniform Resource Locator) format. The URL specifies the protocol (such as HTTP or FTP) and contains the name web server or network locations, as well as the path and file name, as shown in the table.

Hyperlinks in pictures are not always visible. However, to check whether a picture is a hyperlink, just hover your mouse over it. When you hover over a hyperlink, the mouse pointer changes to a hand with the index finger raised. You can create a hyperlink as text or a picture. A text hyperlink is a word or phrase to which an address is assigned. URL appointments. A picture hyperlink is a picture that has a destination URL assigned to it. This address can be assigned to a picture in one of two ways.

· The entire picture is assigned a default hyperlink. In this case, clicking any part of the drawing displays the destination. For example, a button is a picture that is assigned a default hyperlink.

· One or more hyperobjects can be assigned to a picture, that is, areas of the picture that are hyperlinks can be specified. A drawing containing hyperobjects is called a hypermap. For example, a hypermap could be a graphic that represents different sections of a Web site, such as the home page, catalog page, and so on. To display a page, a site visitor clicks on the corresponding area of ​​the hypermap.

How hyperlinks are displayed: In web browsers, text hyperlinks are usually underlined and displayed in a different color. You can select the colors that will be used in the web browser to display hyperlinks. When using standard HTML attributes, you can select three colors to represent different hyperlink states. Hyperlink -- an unused hyperlink. Active hyperlink is the currently selected hyperlink. A viewed hyperlink is a hyperlink that has already been followed. A bookmark is a specific location or selected text on a page that is marked in an appropriate way.

Bookmarks can be used as destinations for hyperlinks. For example, if you want to show a site visitor a specific part of a page, add a hyperlink that sets the destination to a bookmark for that part of the page. Clicking this hyperlink will display the corresponding portion of the page rather than the beginning of the page. Bookmarks can also be used to find specific places on a page. For example, you can add a bookmark for each main heading on a page. When changing the page, each section can be easily found by clicking on the corresponding tab.

When a bookmark is created for a location rather than text, it is indicated by an icon in FrontPage. Otherwise, the text is underlined with a dashed line. When you rename a file on a Web site, Microsoft FrontPage searches for hyperlinks to that file. If such hyperlinks exist, the file name is automatically updated in them. When you move a file on a Web site (for example, to a different folder or subfolder), Microsoft FrontPage automatically updates all hyperlinks to it. It is recommended that you always test the hyperlinks before publishing your site. If a Web site contains a broken hyperlink (a hyperlink with an incorrect destination URL), an error message appears in the Web browser when a visitor to the site clicks the link. This error may be caused by a typo in the URL, or the URL may point to a page that has been removed from the site. If the destination is another Internet page, it may have been moved or deleted.

Accessibility Checker: Microsoft Resources Office FrontPage 2003 introduces a new accessibility checker for web pages. Accessibility testing detects that certain features do not conform to Web Content Accessibility Guidelines (WCAG) WWW Consortium (W3C) or the requirements of Section 508 of the U.S. Rehabilitation Act. WCAG lays the foundation for creating accessible web pages for people with mobility, vision and hearing impairments. Section 508 sets U.S. Government standards for accessibility across a wide range of information sources and technologies.

For more information about FrontPage accessibility checking features, see Microsoft FrontPage Help. Use keyboard shortcuts to quickly perform frequently used tasks. The availability of keyboard shortcuts in Microsoft FrontPage depends on whether the desired command is available in the selected view. Commonly used tasks in Microsoft FrontPage:

Managing and working with web pages - F8

Launch the accessibility checker - CTRL+N

Create a new web page - CTRL+O

Opening a web page - CTRL+F4

Closing a web page - CTRL+S

Saving a web page - CTRL+P

Print web page - F5

Updating the web page; updating the list of folders - CTRL+TAB

Switch between open web pages - CTRL+SHIFT+B

View a web page in a web browser - ALT+F4

Shut down Microsoft FrontPage - CTRL+ SHIFT+8

Display non-printable characters - CTRL+ /

Display HTML tags in design view - CTRL+F

Find text or HTML code on a web page - CTRL+H

Replacing text or HTML code on a web page - F7

Check spelling on a web page - SHIFT+F7

Search for a word in the reference book - ESC

Cancel an action - CTRL+Z or ALT+SPACEBAR

Undo last action - CTRL+Y or SHIFT+ALT+SPACEBAR

Return or repeat an action - DEL

Remove a web page or folder from the folder list or any dialog box - SPACEBAR

Accessing and Using Views - F12

Preview the current page in the web browser CTRL+PAGE DOWN or CTRL+PAGE UP

Move between Code, Design, Split, and View views - ALT+PAGE DOWN or ALT+PAGE UP

Move between the Code and Design panes in Split view - ALT+F1

Show or hide the folder list - UP Arrow key

Navigate to hyperlink nodes in Hyperlinks view - UP, DOWN, LEFT, or RIGHT ARROW

Expand the current node and navigate to the right in Hyperlinks view - SHIFT+LEFT ARROW

Working with encoding tools

Quick tag editor - CTRL+F2

Insert temporary bookmark - F2

Next temporary bookmark - SHIFT+F2

Previous temporary bookmark - CTRL+G

Go to line - CTRL+L

Autocomplete - CTRL+ENTER

Inserting code snippets - CTRL+>

Insert a closing tag - CTRL+<

Insert opening tag - CTRL+ /

Inserting HTML Notes - CTRL+SPACEBAR

Formatting text and paragraphs - CTRL+SHIFT+F

Changing the font - CTRL+SHIFT+P

Change font size - CTRL+B

Applying bold formatting - CTRL+U

Applying underline - CTRL+I

Applying italic formatting - SHIFT+TAB

Using the eyedropper - CTRL+plus sign

Application superscript formatting - CTRL+minus sign

Application subscript formatting - CTRL+ SHIFT+C

Copy formatting - CTRL+SHIFT+V

Paste formatting - CTRL+SHIFT+Z or CTRL+SPACEBAR

Removing formatting manually - CTRL+E

Center paragraph alignment - CTRL+L

Align a paragraph left - CTRL+R

Align a paragraph to the right - CTRL+M

Setting the left indent for a paragraph - CTRL+ SHIFT+M

Set the right indent for a paragraph - CTRL+ SHIFT+S

Application style- CTRL+SHIFT+N

Applying the "Normal" style - CTRL+ALT+1

Applying the Heading 1 style - CTRL+ALT+2

Applying the Heading 2 style - CTRL+ALT+3

Applying the Heading 3 style - CTRL+ALT+4

Applying the Heading 4 style - CTRL+ALT+5

Applying the Heading 5 style - CTRL+ALT+6

Applying the Heading 6 style - CTRL+ SHIFT+L

Editing and moving text and pictures - BACKSPACE

Delete one character from the left - DEL

Delete one character from the right - CTRL+BACKSPACE

Delete one word from the left - CTRL+DEL

Delete one word from the right - CTRL+C or CTRL+INS

Copy text or pictures - CTRL+X or SHIFT+DEL

Cutting selected text to the Microsoft Office clipboard - CTRL+V or SHIFT+INS

Paste the contents of the clipboard - SHIFT+ENTER

Insert a line break - CTRL+SHIFT+SPACEBAR

Selecting text and pictures - SHIFT+RIGHT ARROW

Select one character from the right - SHIFT+LEFT ARROW

Select one character on the left - CTRL+SHIFT+RIGHT ARROW

Select a word to the end - CTRL+SHIFT+LEFT ARROW

Select a line to the end - SHIFT+HOME

Select a line from the beginning - SHIFT+UP ARROW

Select one line at the top - SHIFT+DOWN ARROW

Select one line from below - CTRL+SHIFT+DOWN ARROW

Select a paragraph to the end - CTRL+SHIFT+UP ARROW

Selecting one screen from below - SHIFT+PAGE UP

Select one screen from above - CTRL+A

Select entire page - ALT+ENTER

Inserting a table - TAB

Selects all cells in a row when the cursor is in a cell.

Creating an auto- sketch selected image - CTRL+K

Access and work with the Help task pane and Help window - SHIFT+CTRL+ALT+T

Inserting a table - TAB

Selecting the contents of the next table cell - SHIFT+TAB

Select a column when the cursor is in the top or bottom cell - CTRL +T

Creating an auto- sketch selected image - CTRL+K

You can set the data type and other options allowed for text fields and text areas. For example, to collect member numbers or serial numbers, you should only allow numbers in the text field and not allow any other characters. You can also specify the required number of characters so that a site visitor does not miss a number or letter by mistake. You can require that one radio button be set in a group of radio buttons.

For example, if a form has two radio buttons, Yes and No, and a site visitor tries to submit the form without checking one of them, a message will appear. You can require a site visitor to select an item from a drop-down list, specify a minimum and maximum number of items allowed, and prevent the first item from being selected if it is a statement such as "Select an item." After you've set your data entry rules, you need to decide how the results should be processed by the form. After submitting a form by a site visitor, it is necessary to collect the entered data - the results of the form; you can view them, display them to the site visitor, or process them in a certain way.

When a site visitor submits a form in the browser, the values ​​of all of its fields enclosed

And
sent to form processor (Form processor. A program on the server that runs when a site visitor submits a form. Each form in Microsoft FrontPage is associated with a specific form processor.). For example, if a form field is a text field, then the value that is sent to the form handler is the text entered in the field. Microsoft FrontPage has several form handlers that accept form results and perform various operations. Every time you submit a form, FrontPage saves the information in the database. For example, if you use a form to collect contact information, you can store the form results directly in the customer database. You can save the results to an existing database or create a new one using FrontPage. Each time a site visitor submits a form, FrontPage appends results to the file that can be viewed the next time the file is opened. For example, you can set up a guest book for site visitors and choose to save the results to an HTML file and create a link to that file so site visitors can see what others have written. If you save the results to an XML file, you can use the results in FrontPage or export them to any application that supports XML data, such as Office Excel 2003. Each time a site visitor submits a form, an email message will automatically be sent to the specified address containing results of this form.

You can also use custom scripts to process form results. The process of publishing a Web site involves copying all the files and folders that make up the site from the original location to a specific location. In Microsoft FrontPage, you publish a site to make it available to visitors, to create a backup copy of the site, and to update a previously published site. Typically, the creation of Web site files and folders occurs on your local computer. Once a site is created, it is published to the Internet or local intranet so that visitors can view its Web pages using a Web browser. Sometimes you need to create a copy of a Web site and save this copy to a specific location on your hard drive or network drive. The Microsoft FrontPage publishing tool provides a convenient way to create this copy. When updating files or folders on a Web site, FrontPage uses special terms to distinguish between the source and destination sites. The local Web site is the source Web site opened in FrontPage, and the remote Web site is the destination Web site to which you publish.

The Remote Web site view allows bidirectional publishing, meaning you can easily move files between remote and local locations. This is most useful when updating a previously published node. In the Remote Web Site view, the Local Web Site and Remote Web Site panels display icons with descriptions that show the file publishing status. In collaborative work environments, multiple authors may be responsible for updating both local and remote Web sites. Microsoft FrontPage will compare files on the local Web site with published files on the remote Web site. The following describes cases where you may need to synchronize local and remote versions of files.

If a newer version of the file is found on the local Web site, a synchronization will occur to update the local and remote Web sites (unless you manually specify other actions). You can also choose to publish from a remote site to a local site. When you synchronize files using the Remote Site view, files from the remote site may be downloaded to the local site. If an attacker placed files on a remote host, the local host may also be at risk. Before syncing files, make sure that only trusted users have access to the remote site.

Microsoft Corporation, the creator of this program, is committed to strengthening the security of your personal information. To do this, we use a variety of technologies and procedures to protect personal information from unauthorized access, use and disclosure. Microsoft may, at its discretion, update this privacy statement. Each time such an update occurs, the update date at the top of the statement changes. An updated privacy statement will be included in the next Service Pack (SP) for Microsoft Office FrontPage Resources 2003. Continued use of Microsoft Office FrontPage Resources 2003 constitutes your acceptance of this privacy statement and any updates to it. Microsoft welcomes your comments regarding this privacy statement.

Included in the program package Microsoft Office includes several applications that allow you to create, edit and host Web pages. One of them is a relatively simple program FrontPage . With its help, you can create very complex pages that will satisfy the needs of even a professional Web designer.

When creating a Web page, you should strive to give it an attractive appearance, because an attractive page is visited more often. At the same time, the page should combine two contradictory properties - attractiveness and a minimum of memory. You can use a limited number of low-intensity means, for example, flowers instead of drawings, to create a sparse, but very attractive page, and, conversely, you can equip it with many drawings, colors, formats and other markup elements, the set and placement of which will give a page that can be considered an example of rich bad taste . The process of creating a Web page is creative, which is why it is often called Web design. It is known that some Web designers spend several months creating a not so complex page, returning to it many times, looking for the most expressive way to implement it, while a page with the same content could be created in no more than hour of work. If a suit, once sewn, is difficult to alter several times, then a Web page can be “altered” and improved as much as necessary, in exact accordance with how a poet improves his work, bringing it to the pinnacle of perfection.

However, not everyone shares this opinion, reasonably noting that a Web page is information for distribution, and for this it is not at all necessary to turn it into a work of art, especially since this takes a lot of time.

A practical conclusion follows from this: header, title, and advertising pages should be made attractive, and pages intended for the dissemination of “dry” information, for example, texts of orders, job descriptions, any plans, etc., should have a minimum of markup.

1.FP interface

Front Page, a program for creating and editing Web pages, is located in the folder Office programs Microsoft Office.

After launching FP, a window appears on the screen, the appearance of which is shown in Fig. 1. For this example, this manual, which was written using FP, is open for editing in the program window.


Rice. 1. Program window Front Page

The program contains a menu and several toolbars. By the time a FP user decides to take on Web design, he or she is typically well-versed in the Microsoft Office family of Word programs, so the FP interface, which is designed in the Microsoft design style and is very similar to the Word interface, does not will create special difficulties in work.

The program interface - menus, panels, buttons and other elements - is more convenient to explain as you need its elements during the creation or editing of Web pages, examples of which will be discussed in this chapter.

When developing a page, the program automatically creates a markup file, the text of which FP writes in HTML (HyperText Markup Language). You can make changes to this file manually (moreover, the program text can be compiled in a regular text editor, even a simple one, such as Notepad, but this is too cumbersome). To go to the built-in FP text editor, click on the shortcut at the bottom of the window Code, then make changes in the text editor. If the developer is not confident in his professionalism, then it is better not to make changes to the HTML text, since editing errors will be difficult to correct. To return to the page you are marking up, click on the shortcut Constructor.

To see how the page will look in the browser, click on the shortcut View. It should be noted, however, that only very simple pages are displayed correctly in this mode. Therefore, it is better to view the page in a professional browser, for example Firefox. To do this, find the page file in the folder and open it in a browser (usually all Web pages open in a browser).

2. Create a new Web page

To create a new Web page, click on the button Creating a new regular page located on the panel Standard. Some buttons of this panel with corresponding comments are shown in Fig. 2.

You can create a new page differently. On the menu File click on the line Create. The program on the right will display a window with standard page templates. You can choose a template from it and use it as the basis for a future page. If you need a blank page, you need to click on the template Empty page.

In FP, you can also create frames that allow you to see multiple Web pages on your monitor screen at the same time. Frames are multi-window Web pages. A beginning Web designer should refrain from using frames.

Now you can save the page. To do this, click on the button Save, then save the page as a file on your computer's disk. When saving a page, it is better to immediately create a separate folder for it with the name that you are going to give the file. Web pages are usually saved in files with the extension .htm or .html(from the name of the language HyperText Markup Language - hypertext markup language). For example, if you are going to save a file under the name about.htm, then you should create a folder named about, in the area of ​​the disk in which your Web pages will be located. Before saving the first page, it is better to immediately create such an area in the form of a folder, for example, a folder named Fedorova's web pages. Now you should create the mentioned folder in it about, and in it – save the page about.htm.

3. Web page properties

Next, you need to fill in some important page properties with values. To do this, right-click in the page area, then in the context menu - on the line Page properties. A dialog box will appear for entering page properties (Fig. 3). The window has five tabs

Are common, Formatting, Additionally, Other, Language .

In Fig. 3 the bookmark is activated in the window

Are common. In lineName you need to enter the page title.

Here you can connect an audio file in the zone

Background sound. The sound will accompany the viewing of this page on the computer that opened it. Of course, in order to listen to background sound, a speaker must be installed on the user's computer. Typically, background sound is played by scrolling through a sound file with the extension .wav. To connect the file, click on the button Review and use the dialog box to connect such a file. For a regular page, it is not necessary to include an audio file.to create a page background. The background is the main background of the page. The background can be color or drawing. The view of the page properties window on the Background tab is shown in Fig. 4.

If you need to select a background in the form of color, then you need to click on the Background list button

and select a color from a standard set of colors. The initial state is set to the default color. Typically the default color is white.

If the suggested colors do not suit you, then click on the color Custom(custom). In the dialog box that opens, you can select a color from any of 16"777"216 shades. The window for selecting a custom color is shown in Fig. 5.

To select a custom color, you must first assign a base color from the main palette, then click on the approximate color in the palette square on the right (this point is marked with a cross), then select the desired shade in the column on the right (it is marked with a triangle next to the mouse cursor). In the "Color/Fill" box you can visually evaluate the selected color. To the right of it, the spectral characteristics of the selected color are shown. These characteristics can be changed manually.

If the selected color is a non-standard color (shade) and needs to be used several times in an editing session, then you can place it in the “Additional colors” list located under the main palette. To do this, before selecting, click on the additional color box, select a shade and click on the “Add to set” button. To exit the window, click on the OK button.

If the background of the page should be a picture, then you should open the required picture on this tab

. It is advisable that this file be located in the folder in which the page file is stored. In Fig. 6. shows an example of a background in the form of a picture stored in a file butterfly.gif.

As can be seen from Fig. 6, the background is a repeatedly repeated pattern depicting a butterfly ( butterfly).

For comparison, in Fig. 7 shows the figure itself separately.

Let us immediately note that the above example is an example of a poor choice of substrate, since the image obscures the page margin and makes it, as they say, “dazzle in the eyes.” Its only advantage is that it clearly shows how the drawing creates the background on the page.

If you need the background to be static, that is, so that when scrolling a long page in the browser the background remains motionless, you need to set the option Make it a substrate.

In practice, lightly saturated images are usually chosen as backgrounds in order to create the desired background, but not focus the attention of the page viewer on it. However, the choice of background is a matter of taste

Web designer.

Typically, background images have the following formats:

bmp, gif, jpg , png .

It should be kept in mind that a picture is usually the most memory-intensive element of a Web page. Therefore, it takes the longest time for the browser to download it from the server. If the connection speed is low, and the page being loaded contains several large images, then loading this page may take a while. The viewer of such a page may get tired of waiting for the download to finish and cancel it. Therefore, you should strive to minimize the volume of drawings and their number on the page.

It is considered that the background has acceptable dimensions if the volume of the picture does not exceed 1–5 kilobytes (K). It is better if it is less than a kilobyte. For comparison, let's say that the volume of the Web page itself usually does not exceed 10–20 K. Only pages with a large amount of text are large. The reason is that a Web page is a program (instructions) about how and what to place on the user’s browser screen. For example, if in such and such a place on the screen you need to place a picture of 150 K in size, then in a Web page the instruction for this purpose can take only 50 bytes, i.e. 3000 times less than the picture itself, which is transferred to the computer of the viewer separately from the Web -pages. Since the number of such instructions is small, the size of the page itself is also relatively small

On the bookmark

Formatting You can also set the text color. Here you can set the colors of text hyperlinks that will be displayed in the browser viewing the page: the color of all text hyperlinks, the color of hyperlinks that the user has already accessed, the color of the hyperlink on which the mouse cursor is hovering.

On the bookmark Additionally You can set the page indents from the upper left corner of the browser viewport. By default, padding is set to 8 pixels.

On the bookmark

LanguageYou can set special text encoding languages ​​for page saving and page loading.

4. Using tables

Tables are perhaps the most effective and indispensable means of marking up Web pages. If you can do without a background, then without a table it is almost impossible.

Every table consists of cells that are arranged in rows and columns. You can merge individual cells, set the indentation of internal content from its borders, set the distance between cells, set the position of elements placed inside them, create backgrounds separate from other cells, create outlines, insert other tables inside cells, and much more.

Inserting a table

In order to insert a table into a page, you need to execute the menu command

Ttable/Insert/Table. In the window that opens, which is shown in Fig. 8, the number of lines should be set and columns. There you can also set the position of the table on the page. Usually the default position is left. However, if it is necessary for the table to always be oriented in the middle in the horizontal direction when viewed in the browser window, then you need to set the option center alignment.

The border size option is designed to set the thickness of the lines that border the table and cells. If it is set to zero and the checkbox is checked Collapse table border, then the borders will not be visible in the browser. This allows you to use an invisible table for page layout.

Property

Cell field is intended to indicate padding in pixels from the internal content for all table cells. Property Cell spacing allows you to set the distance in pixels between all adjacent table cells. Set width is intended to set the width of the table in pixels or as a percentage relative to the width of the viewport, regardless of the size of its contents. By default it is disabled. This means that the size of the table will be determined by the size of its contents.

If you need to set the style and background markup of the table, this can be done in the same window.

When you finish marking the table, click OK.

Table cell layout

Operations on individual cells or the entire table should begin by selecting the cells. You can select with the mouse, keyboard or using tools

F.P. To select with the mouse, you need to place the mouse cursor on some cell of the selected area, press the left mouse button and, while holding the key down, smoothly move it across the cells. To select with the keyboard, you need to place the keyboard cursor in a cell, press the Shift key and, while holding down the key, press the desired keys for moving the keyboard cursor (up, down, left, right) until the desired area of ​​cells is selected. You can select a single column or row, as well as the entire table.

For associations selected cells, you need to move the cursor over any of them and press the right mouse button. In the pop-up context menu, click on the line Merge cells. You can delete cells in the same way.

If it is needed smash one or more cells into several rows or columns, you need to select them (when splitting one cell, selection is not required), run the command Split cells. In the splitting window that appears, you need to indicate how to split – into columns or rows. Then you should specify the number of columns or rows. This window is shown in Fig. 9.

Here you can set the position of its contents horizontally or vertically. To do this, select the desired horizontal position (center, left, right) or vertical position(at the top, in the middle, at the very bottom, relative to the axis). In Fig. 10 vertical position of the cell – above(when placed, the internal elements will be pressed against the top edge of the cell), horizontal – in the center(content will be centered).

You can set the cell width and height in pixels or percentages.

In the background section, you can set the cell background as a color or pattern in the same way you program a page background.

If you need to assign the same attributes to several cells, for example, set them to the same background, then this can be done in one step. You should select such cells, then mark them in the described way. If you need to assign some attributes to all cells, then it is better to assign them to the table itself. To do this, you need to click on any cell and execute the same command.

5. Inserting and formatting text

To insert text onto a page, you need to click the mouse to place the keyboard cursor in the desired location and enter text there from the keyboard or copy it from any other document using the Windows clipboard. In this way, you can enter text directly onto the page or into table cells.

Formatting refers to the purpose of the font, its size, color marking, boldness, italics, underlining, horizontal text orientation and a number of other actions. These operations are performed in accordance with the standards adopted in the Word editor: first you need to select a section of text, then apply a formatting operation to it.

Difference from Word editor is only that when you press a key Enter (to insert a new paragraph) there is too much space between paragraphs. If you want the spacing between paragraphs to be the same as between the lines of one paragraph, press the key Shift and, without releasing it, the key Enter.

6. Inserting hyperlinks

Hyperlink is any element of a Web page that can be assigned a link to another Web page, an email address, a picture, or, in general, any file or bookmark on the same page. They are activated by clicking on the hyperlink. You can identify a hyperlink on a Web page when viewing it in a browser by the appearance of the mouse cursor: if the element is a hyperlink, then when you hover over it, the cursor takes the form of an icon.

To create a hyperlink, you first need to select the page element that will become the future hyperlink. If the hyperlink is text, then to select it you should smoothly move the mouse over it with the left key pressed or the keys for moving the keyboard cursor with the key pressed

Shift. If the hyperlink is a picture, then to select it you just need to click on it., the appearance of which is shown in Fig. 12.

If the hyperlink should be a pointer to another page located on the disk of your computer, then you need to click in the window Fig. 12 click on the button with the folder image and select a Web page on the disk (usually a file with the extension html or

htm ) . In this case, it will appear in the address bar relative address file with a web page. The relative address of a page that is in the same folder as the page being created is simply the file name, for example "photo2.htm". If the link points to a file outside of this folder, then the hyperlink may take the form of the string "../../HomePage.htm", i.e., a link to the HomePage.htm page on the same computer, but in a different folder that is located two levels above the current folder. Relative addresses are very useful when creating a group of Web pages that are located on the same server but in different folders and are connected by hyperlinks. After preparing the pages on a regular computer, you can send them to the Web server without fear that the connection between the pages and the hyperlinks will be broken, since on the server the relative structure of their placement will remain the same and, therefore, the hyperlinks will “work.”

For creating absolute

addresses, you must enter the full address of the page. For example, if you need to create a hyperlink to the website address of Moscow State University, then you need to enter the text of the domain name in the URL line http://www.msu.ru. You can enter text indicating the IP address, for example http://192.206.228.46.

To create such a hyperlink, enter text like this in the address bar mailto:address. For example, if it is necessary that after clicking on a hyperlink, an email client will be launched to send a letter to the address o [email protected], then in the address input line you need to enter the text mailto:o [email protected] . You can also click on the button with the image of an envelope and in the window that opens, enter the same address without specifying the prefix mailto:.

Sometimes you need to create a link to a page that is already in the browser. For example, you need to quickly return to the top of the page, to some paragraph, etc. Typically, the need for such links arises on those pages that contain a large amount of information. The address of such a hyperlink is called bookmark.

Before creating a hyperlink to a bookmark, the latter must first be created. To do this, you need to select a future bookmark (a fragment of text, a picture, etc.) and run the command Insert/Bookmark. In the window that opens, the appearance of which is shown in Fig. 13, enter the name of the bookmark in the input line and click on the OK button. In the example shown in Fig. Page 13 already has one previously created bookmark Tab 1, and the text is prepared in the input window Bookmark 2 another bookmark. Next, you should exit the bookmark creation window, select the hyperlink element to the bookmark in the page creation window, and click Bookmark(Fig. 12) select the desired bookmark from the list. Its text will be placed in the address bar. For example, if a bookmark is selected Bookmark 2, then the hyperlink in the address bar will look like a string #Bookmark 2. After clicking OK, a hyperlink to the bookmark will be created.

Programming the display window

After clicking on the hyperlink to Web page it starts loading into the browser. It usually loads into the same window as the calling page. If you need the page to load in a new window, you should use the window in Fig. 12 click on the button to the right of the input label Frame selection. In the window that opens, select the line New window. Now, after clicking on such a hyperlink, one window will be launched in the browser and the downloadable content will appear in it.

In addition to the one discussed, there are several other options for presenting the called page in the browser. They belong to more complex ones - frame pages, which have significantly greater opportunities for Web design. The design features of frame pages will be discussed below.

7. Inserting non-text elements

To insert non-text elements into a page, use a menu item Insert. The same operation for some elements can be duplicated from FP panels.

The menu list is shown in Fig. 14. Lines that contain submenus are marked on the right with a triangle-shaped pointer. Operations that can be duplicated using hot keys are marked with the name of the key combination.

Rice. 14. Basic
menu list Insert

Here are some of the most commonly used non-text Insert menu items:

  • Gap
  • . Move to a new paragraph without a special interval (same as Shift + Enter);
  • Horizontal line. Insert a horizontal line;
  • Symbol.
  • Inserting a non-standard character, i.e. a character that is not on the keyboard;
  • Date and time. A standard stamp for displaying the date and time of updating the page being edited. The developer can set the output mode to show only the date or the date and time of day. There are several stamp presentation options to choose from. For example, "February 14, 2001 02/12/25". If such a stamp is inserted onto a page, this means that it was last edited on February 14, 2001 at 12 noon. 2 minutes. 25 sec. by computer timer;
  • File. Inserts the entire contents of the file selected from disk. The content is inserted at the location where the keyboard cursor is positioned. In this way you can insert, for example, the text of a document;
  • Drawing
  • . Inserting a picture from a file;

    Let's look at some features of inserting these elements.

    Horizontal line

    To insert it, click in the desired place on the page, select the line from the menu Insert/Horizontal Line and click on it to insert the element. If you need to change the attributes of a line, move the mouse cursor over it, right-click to bring up the context menu and click on the line WITHproperties of a horizontal line . A window with the same name will appear in which you can change the line attributes: width, height, color and other attributes.

    Often there is a need to insert a line with already assigned attributes in different places on the page. To do this, click on the line, then on the button

    copying on the panel Standard to copy the line to the clipboard. Now you need to click on the desired place on the page, then on the insert button to paste the contents of the buffer at the selected location. In this way, you can insert a line multiple times in different places on the page.

    Note: The described method can be used to copy any elements of a Web page.

    A picture is the most important element of a Web page. It's rare to find a page that doesn't have a drawing on it. In addition to the main role of carrying an image, drawings are used to stylize inscriptions, create various lines, frames, depict graphs, i.e., wherever it is necessary to present information in the form of a graphic image.

    To insert, you need to click on the place on the page where the picture should be located, execute the command Insert

    /Drawing/From file or click on the button Insert a picture from a file on the panel Standard(Fig. 5.2). In the window that appears, select the file with the picture on disk and click OK.

    After inserting, you can mark up the picture or leave it unchanged. To mark up, you need to right-click on the picture, then in the context menu on the line

    Picture properties. In the dialog box, the appearance of which is shown in Fig. 15, you can mark the pattern.

    On the bookmark Are common the name of the file representing the drawing is specified. You can change the picture by selecting a different file.

    In line Text You can enter text to represent the tooltip. When a user in a browser hovers the mouse cursor over a picture, it will pop up under the cursor for a short time.

    If the picture should serve as a hyperlink, you can select the hyperlink address on the same tab.

    If you need to create indents for a picture from adjacent page elements, you can use the properties intervals for horizontal padding on the left and right and for vertical padding at the top and bottom. In section Size You can change the size of the picture and its proportions. The picture can be stretched or compressed in the desired direction using the width and height properties. Dimensions can be specified in absolute units—pixels—or in relative units—percentages relative to the actual dimensions of the picture. If it is necessary for the proportions of the picture to be preserved during deformation, you should set the option Maintain proportions.

    Picture formats

    There are drawings made in the format raster graphics and in format vector graphics.

    In raster graphics, information about all the pixels of the picture is recorded in a file, and each pixel is represented as a sequence of bits that store the characteristics of the pixel - color, brightness, contrast, coordinates and other characteristics. Raster formats can be called natural, because information about the picture is stored in the form in which it is presented on the monitor screen, so it takes a minimum of time to perform output operations. However, bitmap graphics usually require a lot of memory to store them, so placing only small graphics on a page is justified. In order to reduce the size of a raster image file, compression methods are used. Compared to the original, a compressed drawing usually takes up tens of times less memory. Compressed bitmap images load faster, but take some time to decompress the image.

    Vector graphics are mainly used to depict geometric shapes using mathematical formulas. This method of representing a drawing is very effective, since it does not require storing data about each pixel, and representing a drawing is reduced to mathematical calculations and execution of instructions for forming a graphic object. Typically such drawings are used in design programs, for example

    CAD.

    There is also metafile format, which combines both types of graphics. An example are files with the extension .wmf. Such files are used, for example, to represent drawings in the popular Word editor, when in order to give text documents the required appearance, the dimensions of the drawings have to be changed frequently.

    There are two widely popular raster formats currently in use among Web page developers: GIF(Graphics Interchange Format), developed in 1987 and improved in 1989 by CompuServe, and JPEG, which received the abbreviated name of the development group Joint Picture Experts Group.

    In GIF format (files with the extension

    .gif) the image is encoded using the block method. Once received on the computer, it is decoded and played on the monitor screen. The GIF format provides the smallest amount of file memory for drawings that have a limited number of colors.

    Using the GIF format allows you to create many effects, including transparency

    (transparency). This effect is widely used when a drawing needs to be presented in a form other than rectangular. In these cases, part of the rectangular image is painted with a special transparency color, and the other with regular colors. Once placed on the page, the design in those pixels that are filled with the transparency color is replaced by pixels in the background color, and the remaining pixels are reproduced in the usual way, thus creating the effect of transparency. Now the same design can be placed on substrates of different colors without fear that if the colors do not match, unwanted rectangular contours of the design will be reproduced. You can use many image editors, such as Photo Shop, to create transparent GIFs.

    Another effect is the way the downloaded GIF is rendered in the browser. If the picture is saved in the format interlaced(interleaved), then when transmitted to the browser it is loaded from different parts of the image. At a low connection speed, the effect of a gradual appearance of the picture is created, from blurred at the beginning of the download to clear at the end. The advantages of interleaved format graphics are obvious because often, long before the page with the unwanted graphic has finished loading, the user can stop loading, thereby saving on the time that he would have to spend waiting in ignorance for the entire regular-format graphic to be transferred. The FP program allows you to create a striping effect for any GIF-drawings.

    GIFs can be used to create primitive animation that is used on Web pages to animate ("animate") its content. Animation effects undoubtedly decorate the page and often serve as a means of attracting attention to its individual fragments. The downside is the increased volume of files containing animated drawings. To create animated GIFs, you can use many programs - from simple to very complex, allowing you to create entire animated films in one file. An example of a simple animation program is MP Gif Animator (by V. Pham). A powerful animation program is Ulead GIF Animator Lite (a product of Ulead Systems).

    In JPEG format (files with extensions .jpg, less often .jpe or jpeg) it is preferable to store multi-colored images, such as nature photographs, high-quality images with a rich color palette, in compressed form. When saving a drawing in graphic editors (for example, Photo Shop), you can control the file size and the quality of the drawing, which are inversely related to each other. This property is often used by Web page developers in order to minimize files with pictures, losing somewhat in their quality. Often such images are practically indistinguishable visually, but they can differ by 1.5–3 times in the size of the corresponding files.

    You cannot ignore files with drawings in BMP format (files with the extension .bmp). This is one of the first graphic formats. Drawings in this format take up a lot of memory, but it is still used today, but only to represent very small images.

    Recently, a new PNG image format has been developed specifically for the Web, which should replace the GIF format.

    A serious resource for reducing the size of graphic files is special image processing in graphic editors. Quite often it is possible to reduce the file several times with virtually no deterioration in the quality of the drawing. In Fig. Figure 5.16 shows an example of editing an image using the Photo Shop graphic editor.

    When converting a photograph using a scanner into a file, even in such a small area of ​​the image as the collar of a white shirt, many pixels with different color characteristics were formed. Preserving these features when compressing an image requires an “individual” approach to each of them, which results in an unreasonably large file size.

    On the left in Fig. Figure 16 shows the graphic editor toolbar, in the middle below is a photograph, at the top is an enlarged fragment of the photograph (the right side of the collar), on the right is an enlarged view of the retouched fragment. The retouching involved making the collar of the shirt uniform. It is clear that if you make the pixels displaying the named fragment single-color, the quality of the photo will not deteriorate, but when saved by compression, information about all single-color pixels will be recorded once, as a result of which the file size has become smaller. A similar operation was applied to various fragments of the photograph, which made it possible to reduce the file size by 2.5 times. Retouching is done using various panel tools, including the

    Pencil Tool (pencil), which is highlighted in the active color on the panel.

    To minimize the size of picture files, you can also use special programs that remove from them non-graphic information placed by graphic editors when developing and saving a picture. For example, the author of these lines uses the Advanced GIF Optimizer program from Gold Software. Using optimizers can often reduce the size of a GIF file by another 10-60%.

    To speed up loading of a picture, you can cut it into separate parts and then place these parts on pages in different table cells. When viewed in the browser, a pieced-up drawing appears the same as a non-fragmented drawing. The advantage of fragmentation is that images, like other page elements, are loaded into the browser in parallel, which helps speed up page loading. In addition, the fully loaded fragment immediately appears in the browser, which allows you to create the illusion that the picture will load quickly. Coupled with the ability to transfer GIF and JPEG pictures and editing resources, you can achieve a noticeable acceleration in the loading of pictures on pages.

    8. Pages with frames

    These pages are the first to be used for the Netscape Navigator browser. One such page represents a set of independent frame windows in the browser, which makes it possible to expand the capabilities for simultaneously displaying individual pages or different parts of a page, in particular, allowing them to scroll independently. Each frame is represented by a separate file, and another file is used to describe the way frames are displayed in the browser, which is a frame file. Each frame is a Web page and can be viewed as a separate page in one window.

    In Fig. Figure 17 shows a Web page that allows you to navigate through pages displaying electronic teaching materials of the department.


    Rice. 17. Example of a framed Web page

    The page is organized in the form of a menu and consists of three frames

    : one is located at the top, the other two are below it - on the left and on the right. The top frame represents the page title. The bottom frames are designed so that a two-level menu can be reproduced and used. The first menu level is organized in the left frame. In it, the user can select the desired specialty, discipline, or go from this page to the department’s home page by clicking on one of the hyperlinks. In Fig. 17 in the left frame, click on the hyperlink with the inscription Computer science, as can be judged by the dotted frame delimiting the hyperlink. After this click, a page containing the headings of available teaching materials for this discipline is loaded and reproduced in the right frame. In the right frame the mouse cursor is hovering over the line Open in one of the headings. Thus, the right frame acts as a submenu container, i.e., an active second-level menu.

    The described method of organization allows you to create, in a user-friendly form, an arbitrarily long list of disciplines and specialties in the left frame and an arbitrarily long list of materials for each specialty or discipline for display in the right frame. In this case, in the list of the right frame you can always see the contents of the selected position from the list of the left frame.

    When designing a frame page, the following pages were first created individually:

    • header.htm – page that will represent the header of the frame page;
    • menu.htm – page for displaying the menu in the left frame;
    • informatique.htm – page for displaying a list of teaching materials for the discipline Computer science;
    • certificate.htm – page for displaying a list of teaching materials in the specialty Certification;
    • tms_metod.htm – the actual frame page.

    To create the last page, a new file is organized using the menu File /

    Createand select a team Other templates pages...from the task pane Creation.
    In the dialog box that opensTemplates pages, select tab Page framework , which shows templates of Web pages with a frame structure that are part of FP (Fig. 18).

    The window of the new frames web page (Fig. 19) will be divided into parts in accordance with the selected structure.

    Right-click to open the context menu, the page properties window and enter the text in the title line

    Methodological materials of the department, which is usually displayed at the top of the browser, and save the tms_metod.htm page.

    Next, click on the button sequentially Set start page in the top and left frames and establish a connection between the corresponding frame and your page using the standard window for creating a hyperlink, shown in Fig. 12. After clicking on the button, the top frame is assigned the address header.htm, the left - menu.htm, the right - a blank page (using the button Create a page in Fig. 19).

    To ensure that the files informatique.htm and certificate.htm are displayed in the right frame after being called by hyperlinks, the hyperlinks to these Web pages in the menu.htm file are assigned a default value of home.

    9. Example of developing a Web page

    In Fig. 20 presented

    Web page history.htm , displaying a brief history of the TMS department of KSTU.

    Rice. 20. View of a Web page in a browser

    The view of the marked up page in the FP editor is shown in Fig. 21. First, a new page is created. Next, by right-clicking the mouse, a context menu is called up, in which the line is clicked Page properties. In the page properties window that appears (Fig. 3), its title is entered History of the TMS department. On the bookmark Other Each of the page border indentation options has a check mark and their values ​​are set to zero. This means that when read into the browser, the page should be displayed without any padding from the top and left borders of the viewport. By clicking the button Save the page is saved to disk under the name history.htm.

    Next, using the insert table command, a table of four columns and four rows is placed on the page. In the cells of the top row, three pictures h1.gif, h2.gif, h3.gif are placed sequentially from left to right (the pictures were previously designed in the Photo Shop graphic editor). The first drawing (KSTU) has a size of 4 K, the second (TMS) - 3.6 K, the last - 1.4 K. All drawings are inscriptions made on a burgundy background. The last figure (with the inscription HISTORY OF THE DEPARTMENT OF MECHANICAL ENGINEERING TECHNOLOGY) is made smaller in width in order to reduce memory.

    Rice. 21. View of a marked up Web page in the FP editor

    Next, click in the cell of the first row and command Table/Select Row The first row of cells has been highlighted. Then the cursor was placed on it and the right mouse button was clicked. The command selected in the context menu Cell properties and in the window that appears (Fig. 10), all selected cells are assigned a background in the form of a bg.gif picture (it is also prepared in the Photo Shop editor). This drawing is a single color 8x8 pixel image with the same characteristics. The background file size is only 46 bytes. The background is necessary so that the entire first row of the table is painted with the same color (the pictures are made against a background of the same color).

    In order for the narrower h3.gif image to be placed vertically in the middle of the cell, its property Vertical position assigned value Centered. The horizontal position is left as default, i.e. pressed to the left edge of the cell. For the last cell of the first row of the table (it is empty), the property Width the value is assigned to 600. This is necessary so that the entire first row of the table is guaranteed to fit the entire width of the window (and even provide some margin), which, when viewing the page, will create the effect of a monochromatic shading of the header (banner) in the browser (Fig. 20).

    Next, two hyperlinks were assigned - to the KSTU website and the website of the TMS department. They are necessary so that the viewer of the page can, if desired, proceed to view these pages. The first image (h1.gif) has been assigned a hyperlink http://www.kgtu.runnet.ru to the KSTU website (Fig. 5.12). The second (h2.gif) – hyperlink to the website of the TMS department http://tms.kgtu.runnet.ru. In the Text line of the picture properties, the first text is assigned To the KSTU website, the second – To the website of the TMS department. These lines are necessary so that the viewer of the page, when hovering the cursor over the picture, can read the purpose of the hyperlinks in the tooltips. To prevent the outlines of hyperlink pictures from being visible in the browser, their border thickness property is set to zero and the border is collapsed (Fig. 15). This completes the marking of the first row of the table.

    In the second row of the table, the first two cells contain the same picture from the file arrow.gif. The picture represents an arrow pointing upward. The file size is only 324 bytes. The purpose of the pictures is to alert the viewer to the fact that there are hyperlinks above them that they can use. To ensure that the arrows are located exactly under the corresponding pictures, the property horizontal position cells assigned a value in the center.

    The page text is located in the third row of the table. Before inserting the text, the second and third cells of this row were merged. Before merging, cells were selected, then the menu command was executed Table/Merge Cells. Next, the cursor was placed in the cell and the Enter key was pressed several times to insert blank paragraphs.

    In the first paragraph of the cell, the upper part of the text is typed from the keyboard (it precedes the list of employees who at various times held the position of head of the TMS department).

    Below is a table with one row and two columns. The surnames of employees are entered in the left column, and the years of their leadership of the department are entered in the right column. The table cells are formatted so that the property vertical provisions has the meaning up, property horizontal positionon the left edge. This organization will allow surnames and periods to be positioned in the browser in two adjacent columns exactly below each other.

    Below the table is text that completes the description of the story.

    All text is in font Arial, some of its fragments are in bold. These include dates, surnames, specialty codes and other elements that you need to pay attention to when viewing the page.

    The opportunity was not missed to emphasize an interesting feature of one of the text fragments: if you create an abbreviation from the first letters of the names of the specialties taught at the TMS department, then it will repeat the abbreviation made up from the first letters of the name of the department, i.e. again you get “TMS” (in This part of the text is not visible in Fig. 20 and 21. This feature is emphasized by the fact that the first letters in the names of specialties are highlighted in bold and in red.

    Finally, all the cells of the bottom row of the large table are combined and the output data of the department is entered into the resulting cell in a smaller font - address, telephone numbers, e-mail address.

    Chapter 9 FrontPage Program

    Why FrontPage?

    In the first chapters of this textbook, you became familiar with the basic capabilities of the Internet. While traveling through it, you, of course, noticed that you can find a variety of information there. Many newspapers and magazines post the latest news on their Web sites. Thousands of companies have their own Web pages where you can learn about the products and services they offer. Using the Internet, you will receive not only reference information, but also be able to place an order for the purchase of goods.

    As the Internet actively enters our lives, new specialties are appearing on the labor market - the development and design of Web pages. Thanks to the FrontPage program, not only professional programmers can now create Web pages, but also users who want to have a Web site for personal purposes, since there is no need to program in HTML codes and know HTML editors.

    FrontPage 2002, included with Microsoft Office XP, is designed for creating Web pages and Web sites. Using toolbars and menu commands, you can place text and graphic information, navigation bars, and links on a page to move from one page to another. In addition, you can use tables, frames, tickers, animation and much more to design a Web page. You can use templates and wizards to speed up the development of Web pages and sites. FrontPage allows you to use material in your Web site that was prepared in other software products included in Microsoft Office, such as Word, Excel, Access, and PowerPoint.

    The Web site developer is faced with the question of what tools can quickly and efficiently complete the task. There are currently two types of editors that create Web sites. These are editors that work directly with code and visual editors. Both technologies have pros and cons. When creating Web sites using code editors, the developer needs to know the HTML language. Working in a visual editor, which includes FrontPage, is quite simple and resembles the process of creating a document in Microsoft Word. You can see how a page created using FrontPage will look when viewed in a browser without leaving the editor.

    According to some sources on the world Internet, up to 50% of all pages and Web sites, including large projects, are created using Microsoft FrontPage. And in the CIS, it is quite possible that this figure reaches 80-90%.

    The advantages of FrontPage over other editors are obvious:

    • FrontPage has strong web support. There are many Web sites, newsgroups, and conferences aimed at FrontPage users. There are also a lot of paid and free plug-ins for FrontPage that expand its capabilities. For example, the best graphics optimizers today, Ulead SmartSaver and Ulead SmartSaver Pro from Ulead, are built into plugins not only in Photoshop, but also in FrontPage. In addition, there is a whole industry of companies developing and releasing themes for FrontPage.
    • FrontPage's interface is similar to that of programs included in Microsoft Office, making it easy to learn. In addition, there is complete integration between the programs included in Microsoft Office, which allows you to use information created in other applications in FrontPage.

    Comment

    The main complaint that developers who create Web pages using HTML code have about FrontPage is that in some cases it writes redundant code by default. For small Web sites this is not critical. In addition, FrontPage allows the developer to work with HTML code if desired.

    Difference between FrontPage 2002 and FrontPage 2000

    FrontPage is quite young. Information about the first version of the visual editor FrontPage 1.0 appeared on the Web site of the small company Vermeer on the Internet at the end of 1995. The product contained many advanced solutions at that time. Six months later, the company was purchased by Microsoft Corporation. Already in the first three months, about 150,000 copies of the package were sold under the Microsoft brand. In the spring of 1996, the next version of the package was released - FrontPage 1.1, and by the summer of 1996 it had risen to third place in sales in the United States, ahead of even Microsoft Office itself. Further versions of FrontPage appear one after another, and it confidently takes the position of the world leader among visual development tools for the Internet. In 2000, FrontPage 2000 was released, which had significant differences from previous versions. And here is a new version of the product - FrontPage 2002.

    • New panels have appeared in FrontPage:
    • The Clipboard panel allows you to simultaneously store up to 24 pieces of data on the clipboard while preserving the formatting elements used.
    • The New Page or Web panel is designed to create new pages and Web sites, and also contains links to the most recently opened pages, templates, and wizards.
    • The Insert Clip Art panel is designed for working with Clip Art gallery objects.

    FrontPage includes new wizards and templates for creating pages and Web sites. Using the Database Interface Wizard, you create a Web site associated with a database in which you can view records, add new ones, and delete existing ones. The Photo Gallery page template allows you to easily create a photo gallery, and also use the properties window to edit graphic elements located on the page.

    • Tools have appeared that allow you to create a link panel without using the Web site structure based on a list of links included in the panel.
    • The list of reports on the Web site has been expanded. Now you can generate a report using both the Reporting toolbar and menu commands. FrontPage allows you to generate reports on visits to your Web site, browsers used by visitors, the most visited pages, as well as reports with summary information by day, week, month, etc.
    • Added advanced text design tools using WordArt.
    • It is now possible to publish a separate Web page. To do this, just select a file in the Folder List panel and execute the context menu command Publish Selected Files.
    • New table formatting tools have appeared:
    • Copy the information contained in a cell into the table cells highlighted below or to the right using the Fill Down and Fill Right buttons on the Tables toolbar.
    • Automatically formats tables according to predefined formats. In FrontPage, you can open multiple Web pages at once and navigate between them using the tabs that appear at the top of the work area.
    • The number of languages ​​supported by the program has increased to 26. Now, when developing a Web page, you can use Unicode encoding.

    Launching FrontPage

    You are getting started with FrontPage. Much of what you will have to work with (menus, toolbars, dialog boxes) will seem familiar if you have worked in the Windows environment.

    To launch FrontPage, follow these steps:

    1. Click the Start button.

    2. Select the Programs command from the main menu that opens. A menu for this command will appear.

    3. Run the Microsoft FrontPage command (Fig. 9.1). FrontPage will start and its main window will open on the screen.
    (Fig. 9.2).

    Rice. 9.1. Launching Microsoft FrontPage

    Comment

    To make it easier to launch FrontPage, you can create a shortcut on the Windows Desktop. You can even set the boot mode to FrontPage when Windows starts. To do this, you need to create a shortcut for the program and place it in the Startup folder.

    Main window

    In Fig. Figure 9.2 shows the main Microsoft FrontPage window as you will see it after launching the program. It contains the title, menu, toolbars, operating modes bar and the program work area. Let's look at the purpose of the main window elements.

    Rice. 9.2. FrontPage main window

    Heading

    The main window header contains three objects: a small copy of the program icon, the name of the Microsoft FrontPage program, and buttons for controlling the size of the window. After left-clicking on the program icon, a control menu opens, containing commands for moving and resizing the main window (Table 9.1).

    Table 9.1. Control menu commands

    Team

    Purpose

    Restore

    Restores a window after it has been minimized or maximized

    Move

    Allows you to move the main FrontPage window using the arrow keys

    Size

    Allows you to resize the main FrontPage window using the arrow keys

    Collapse

    Reduces the FrontPage program window to the size of the icon

    Expand

    Expands the main FrontPage window; this window has no frame

    Close

    Closes FrontPage

    On the right side of the header there are buttons for controlling the main program window:

    Button

    Purpose

    Minimizes the main FrontPage window and places its icon on the Windows taskbar

    Sets the main FrontPage window to resize mode

    Maximizes the main FrontPage window

    Closes the main FrontPage window

    Standard FrontPage Toolbar

    FrontPage has a wide variety of toolbars, containing a set of buttons that depends on the purpose of this panel.

    If you switch to any operating mode, the necessary toolbar appears in the main program window. For example, when you switch to the mode of viewing and creating reports on a Web site, the Reporting panel is loaded, and when working with graphic images, the Pictures panel is loaded. If the toolbar is not on the screen, to display it, use the Toolbars command from the View menu. When selected, a menu appears containing a list of all FrontPage program panels, presented in table. 9.2.

    Table 9.2. FrontPage toolbars

    Toolbar

    Purpose

    Standard(Standard)


    Formatting(Formatting)

    Standard toolbar; is located by default in the main FrontPage window

    DHTML Effects
    (DHTML Effects)

    Creates dynamic HTML effects on a Web page (about they will be discussed in Chapter 20)

    Drawing(Drawing)

    Drawing toolbar

    Transition(Navigation)

    Panel designed to work in Transitions mode

    Drawings(Pictures)

    Toolbar designed for working with images

    Accommodation(Positioning)

    Contains buttons that allow you to position objects

    Reports(Reporting)

    A toolbar that allows you to set the types of generated reports on the Web site

    Style(Style)

    Toolbar designed to set the design style

    Tables(Tables)

    Contains buttons that allow you to create and modify tables

    Task pane(Task Pane)

    Displays the New Page or Web panel in the FrontPage program window, containing a list of commands used to open existing pages and Web sites and create new ones

    Toolbar for working with the WordArt collection

    Select the desired panel from this menu. In this case, a checkmark will appear in the menu on the left side of the name of the selected toolbar, and the panel itself will appear in the main window. To remove an unnecessary toolbar from the screen, you must select the corresponding menu command again. The checkmark located in the menu next to the name will disappear, and the toolbar will be removed from the main FrontPage program window.

    Advice

    To display a list of toolbars on the screen, simply place the cursor on any toolbar located in the main window of the FrontPage program and click the right mouse button.

    Let's get acquainted with the standard toolbar of the FrontPage program, which is used in all modes (Fig. 9.3).

    Rice. 9.3. Standard FrontPage toolbar

    The purpose of the buttons on this toolbar is described in Table. 9.3.

    Table 9.3. Purpose of the buttons on the standard toolbar

    Button

    Name

    Purpose

    Create(New)

    By default, creates a new template page Normal Page. When you click the arrow located on the button, a menu opens containing commands for creating a page, Web site, folder, or task

    Open(Open)

    Opens an existing file or Web site

    Saves an open file

    Find(Search)

    Controls display V main window of the Normal Search panel

    Hosts the Web site on the server

    Switch panel
    (Toggle Pane)

    Controls the display of the Folder List and Navigation Pane panels in the main program window

    Seal(Print)

    Prints a Web page

    View in browser
    (Preview in Browser)

    Loads the page into the browser for viewing

    Spelling(Spelling)

    Checks spelling

    Cut(Cut)

    Removes selected text or objects and places them on the clipboard

    Copy(Copy)

    Copies selected text or objects to the clipboard without deleting them

    Insert(Paste)

    Pastes the contents of the clipboard into the current location of the Web page

    Sample format
    (Format Painter)

    Copies a format that can be used for further formatting

    Cancel(Undo)

    Undoes last action

    Return(Redo)

    Restores actions undone by the Undo command

    Web component
    (Web Component)

    Opens the Insert Web Component dialog box, where you can place a component from a suggested list on a Web page.

    Add table
    (Insert Table)

    Inserts a table into a Web page

    Add a picture from a file
    (Insert Picture From File)

    Inserts a graphic image into a Web page

    Drawing(Drawing)

    Controls the display of the Drawing toolbar in the main program window.

    Opens the Insert Hyperlink dialog box to create a link

    Update(Refresh)

    Updates information in the program window in accordance with the changes made

    Complete(Stop)

    Stops loading information into the program window

    Microsoft FrontPage Help
    (Microsoft FrontPage Help)

    Calls up the program's help system - F rontPage

    Toolbar options
    (More Buttons)

    Opens a list of all toolbar buttons, using which you can change their composition

    Advice

    When working in any window, you can determine the purpose of a button on the toolbar by placing the mouse cursor over it. Its name will appear.

    The last button on the standard toolbar is More Buttons. It contains a context menu. When you select the Add or remove buttons command from it, and then the Standard option, a list of all the buttons on the standard panel will appear on the monitor screen. By selecting a button from this list, you can remove buttons that are not needed from the toolbar. To restore a missing button on the toolbar, just select its name from this list again.

    By default, the standard toolbar is placed at the top of the main window, but you can change the position of the toolbar by moving it anywhere on the screen, and you can also change its size.

    Menu

    Interaction with FrontPage is carried out using menu commands. Most teams are hierarchical. As a result of selecting one of these commands, its submenu appears on the screen.

    You can use any of the following methods to select a menu command:

    • The simplest is to use the mouse (place the cursor on the desired command and click the left mouse button).
    • If you prefer to use the keyboard, first move the cursor to the menu bar. To do this, press either the key , or . The first command in the menu is highlighted. Place the highlight on the required command using the keys <←>, <→>, <>, <↓>, then press the key .
    • You can click<Аlt>+<подчеркнутый символ имени команды>(the command will be executed without pressing a key ).

    Comment

    To the right of the names of some menu commands, key combinations may be indicated; when pressed, these commands are called up quickly.

    Let's look at the File, Edit, and View commands. The purpose of the remaining commands will be described later in the book as we consider the modes in which they are used.

    File

    The File menu contains commands for creating, opening, closing, saving and printing files (Table 9.4). The last command in this menu is Exit. It is intended to exit FrontPage.

    Table 9.4. File menu commands

    Team

    Description

    Create(New)

    Used to create a new page, Web site, folder, or task

    Open(Open)

    Opens the Open File dialog box to select different file types

    Close(Close)

    Closes an open file or Web page

    Open website
    (Open Web)

    Opens the Open Web dialog box, allowing you to select a Web site

    Close the website
    (Close Web)

    Closes the active Web site. This command is important because opening a new node without closing the active one opens a new FrontPage window

    Saves the file located in the active window. For a file that does not have a name, the Save As dialog box opens, allowing you to specify its name and the folder where the file will be located

    Find(Search)

    Controls whether the Search panel is displayed in the main window

    Places the created Web site on the server

    Import(Import)

    Imports files created with previous versions of FrontPage or other software into the Web site

    Export(Export)

    Exports a Web page opened in the FrontPage program window to a file of the specified type

    Page settings
    (Page Setup)

    Allows you to set parameters for the page to be printed

    View in browser
    (Preview in Browse)

    Opens a dialog box that allows you to specify the browser in which to view the Web page

    Print Preview

    Opens a print preview window

    Seal(Print)

    Prints the contents of the current window or file

    Send(Send)

    Allows you to generate and send an e-mail message, which will include a file opened in the FrontPage program window.

    Properties(Properties)

    Opens the Page Properties dialog box, where you can view and edit the properties of an open file

    Latest files
    (Recent Files)

    Contains the names of the eight most recently opened files, allowing you to open them

    Latest Web Sites
    (Recent Webs)

    Contains the names of the four most recently opened Web sites, allowing you to open them

    Exit(Exit)

    Quitting FrontPage

    Edit

    Most of the Edit menu commands are familiar to you if you've worked with other Windows applications. They are used when editing Web pages (Table 9.5).

    Table 9.5. Edit menu commands

    Team

    Description

    Cancel(Undo)

    Undoes changes made in the current editing session

    Repeat(Redo)

    Restores actions undone by the Undo command

    Cut(Cut)

    Deletes the selected text or object by placing it on the clipboard

    Copy(Sora)

    Copies selected text or object V clipboard

    Office clipboard
    (Office Clipboard)

    Displays the Clipboard panel in the FrontPage program window, allowing you to work with the clipboard data

    Insert(Paste)

    Pastes the contents of the clipboard

    Special insert
    (Paste Special)

    Opens the Convert Text dialog box, allowing you to paste the contents of the clipboard and convert the data

    Delete(Delete)

    Removes selected objects

    Select all
    (Select All)

    Selects all objects in the current file

    Find(Find)

    Opens the Find and Replace dialog box to search for text strings in a file

    Replace(Replace)

    Opens the Find and Replace dialog box to find and replace text strings in a file

    Extract(Check Out)

    Sets the file's exclusive editing mode, which prevents other developers from editing it

    Return(Check In)

    Sets the file co-editing mode

    Cancel checkout
    (Undo Check Out)

    Cancels exclusive file editing mode

    Tasks(Tasks)

    Contains commands that control tasks

    The Tasks command opens the next level menu containing options that control tasks:

    • Add Task - adds a new task
    • Edit Task - edits the current task
    • Start Task - starts the current task for execution
    • Mark Complete - changes the task status
    • Show History - allows you to view the entire list of tasks, including previously completed ones

    View

    The View menu contains commands (Table 9.6) that control the operating modes of the FrontPage program, as well as the display of the Views panel, Navigation Pane, Folder List and toolbars.

    Table 9.6. View menu commands

    Team

    Description

    Page(Rade)

    Puts FrontPage into page viewing and editing mode

    Folders(Folders)

    Switches the program to the mode of working with Web site folders

    Reports(Reports)

    Switches FrontPage to view reports for the Web site

    Transition method
    (Navigation)

    Switches the program to the mode of working with the structure of the Web site

    Switches the program to a mode in which you can view all the links of a Web site in the FrontPage work area

    Tasks(Tasks)

    Puts FrontPage into task view mode

    View Panel(Views Bar)

    Controls the display of the Views panel in the main FrontPage window

    Folder list
    (Folder List)

    Controls the display of the Folder List panel in the main FrontPage window

    Navigation area
    (Navigation Pane)

    Controls the display of the Navigation Pane in the main FrontPage window

    Task pane
    (Task Pane)

    Controls the display of the Create panel
    web page or site (New Page or Web), containing a list of commands used to open existing pages and Web sites and create new ones

    Show tags
    (Reveal Tags)

    Controls the display of HTML tags on the Normal tab for Web page elements

    Toolbars
    (Toolbars)

    Opens a list of all FrontPage toolbars, allowing you to place or remove a toolbar in the main program window

    Update(Refresh)

    Loads the last saved version of the current Web page

    Context menu

    The FrontPage program (in addition to the main menu) provides a context menu, the composition of which depends on the current operating mode. To access the context menu, simply place the cursor on the object you are currently working with and press the right mouse button. Selecting commands is carried out in the same way as from the main menu.

    Operating Modes Panel

    FrontPage offers 6 modes for viewing and creating a Web site. To switch to one mode or another, use the Views panel on the left side of the main FrontPage window, which contains 6 buttons. The purpose of the buttons on this panel is described in table. 9.7.

    The display of this panel on the screen is controlled by the Views Bar command of the View menu. If you do not want the View Bar to be present in the main window, taking up the work area, remove it from the screen by selecting the View Bar command again.

    Table 9.7. Mode panel buttons

    Button

    Name

    Purpose

    Page(Page)

    Viewing and editing pages; in this mode, in the workspace of the FrontPage program, you can create new and edit existing Web pages

    Folders(Folders)

    View the folder structure of the Web site you are creating

    Reports(Reports)

    View reports; this mode is intended for generating and viewing reports about the Web site

    Transitions(Navigation)

    Designing the structure of a Web site; this structure is further used when creating link panels

    View Web site hyperlinks

    Tasks(Tasks)

    Mode for generating and viewing tasks that can be used when creating a Web site

    Comment

    To switch to one of the operating modes, in addition to the buttons on the Views panel, you can use the menu commands of the same name
    View.

    Opening files

    To view and edit existing Web sites and pages in FrontPage, you must open them using menu commands, the keyboard, or the standard toolbar.

    Opening a Web site

    To open a Web site in FrontPage, follow these steps:

    1. From the File menu, select Open Web or on the standard toolbar, click the arrow to the right of the Open button and select Open Web from the menu that opens.

    2.Using the Look in drop-down list in the Open Web dialog box that opens (Figure 9.4), select the folder in which the Web site you are opening is located.

    3.Select the required Web site and click the Open button.


    Rice. 9.4. Open Web Site Dialog Box

    Comment

    The icons that designate Web sites (Figure 9.4) are similar to the icons for folders containing an image of a globe.

    The Open a Web Site dialog box contains buttons designed to make it easier to find a Web site on your disk if it is located in one of the system folders:

    Button

    Purpose

    Magazine(History)

    Opens a folder Recent containing
    Web sites previously opened in FrontPage

    My Documents
    (My Documents)

    Opens a folder My Documents

    Desktop(Desktop)

    Opens the Windows folder Desktop

    Favorites(Favorites)

    Opens a folder Favorites

    My network environment
    (My Network Places)

    Opens a folder My network environment

    Advice

    To open, after starting the program, the Web site that you worked with the previous time you started FrontPage, you must select the Options command in the Tools menu and on the General tab of the dialog box that appears, select the Open the last Web site at startup checkbox FrontPage (Open last web automatically when FrontPage starts).

    Advice

    To open a Web site, you can use the Recent Webs command on the File menu, which contains the names of the four most recently opened Web sites.

    Each Web site you open appears in a new FrontPage window. To prevent this from happening, before loading a new Web site, close the open site using the Close Web command from the File menu.

    Opening a Web Page

    You can use the Open File dialog box in FrontPage to open Web pages stored on disk as individual files, Web pages from the Internet, and Web site pages. When you open a page that is part of a Web site, the Web site itself opens.

    To open a Web page, do one of the following:

    • From the File menu, select Open.
    • On the standard toolbar, click the arrow on the right side of the Open button and select Open from the menu that appears.
    • Press the key combination +.

    When you perform any of these actions, the Open File dialog box opens (Fig. 9.5). Using the Look in drop-down list, select the folder in which the Web page you are opening is located. Then place the cursor on the selected page and click the Open button.

    Comment

    Notice the web page icon. It really does resemble a page with an arrow pointing outward.

    Rice. 9.5. Open File Dialog Box

    Using the buttons in the Open File dialog box, you can speed up the search for the required Web page if it is located in the system folder, the name of which is located on the left side of the window. You can also open a Web site by using the Recent Files command on the File menu, which contains the names of the four most recently opened Web pages.

    Folder List and Navigation Pane panels

    In the main program window in the Page, Navigation and Hyperlinks modes, you can display the Folder List panel, showing the folder structure of the open Web site (Fig. 9.6). To do this, select the Folder List command from the View menu. When you switch to Folders mode, this panel is located in the main FrontPage window by default.

    Rice. 9.6. Folder List panel

    Comment

    Using the Folder List panel, look at the Web site's file name extensions. The web page has the file name extension HTM. In addition to Web pages, a Web site may contain GIF and JPG files (graphics files), as well as other file types if you use programs included with Microsoft Office to create the pages.

    In the Page, Navigation, and Hyperlinks operating modes, to the right of the Folder List panel there is a work area for viewing and editing a Web site or Web page (depending on the mode you are in). ). In Fig. 9.7 an open Web page is located in the work area.

    Pay attention to the bottom part of the Folder List panel in the Page operating mode. The Folder List and Navigation tabs are located there, allowing you to display the folder panel or navigation panel, respectively, without using the menus and buttons on the main toolbar.

    Rice. 9.7. Displaying the folder structure of a Web site in Page mode

    Working with the Folder List panel is similar to working in the Windows Explorer window. By opening the folders that define the structure of a Web site opened in FrontPage, you can easily find the required page and open it for viewing and editing. To open a page, double-click its name or icon. This will display the selected page in the FrontPage workspace, which you can view or edit. If several pages are open, at the top of this area there are tabs with their names, which serve to navigate between pages
    (see Fig. 9.7).

    Comment

    If you are in Navigation and Hyperlinks mode, then double-clicking on the name of the selected Web page automatically switches to editing mode.

    In the Page operating mode, you can place a Navigation Pane in the FrontPage program window, designed to view the navigation structure of an open Web site. This panel shows the pages of the site and their hierarchical relationship with each other. To display the Navigation Pane, you can use the command of the same name from the View menu, the Toggle Pane button on the standard toolbar, or the tab at the bottom of the Folder List pane.

    The width of the Views panel, Folder List panel, and Navigation Pane can be adjusted using the mouse. To do this, follow these steps:

    1. Place the cursor on the right vertical border of the panel or area whose width you want to change.

    2.When the cursor changes to a double-headed arrow, press the mouse button and, while holding it down, move the cursor to the right to increase the width of the panel or folder area, or to the left to decrease it.

    3.Once you have set the desired panel or area width, release the mouse button.

    Operating modes

    As mentioned above, there are 6 operating modes in the FrontPage program, to switch to which are the buttons on the Views panel, as well as the first six commands of the View menu. Let us briefly consider the main operating modes.

    Modes for viewing and editing a Web page

    When you open a new or previously created Web border in FrontPage, you find yourself in Page view and editing mode. To switch to editing mode from other modes, use the Page button of the Views panel or the Page command of the View menu.

    In Fig. Figure 9.8 shows the main program window in Page mode. As you can see, the window contains the Views operating mode panel, the Folder List panel, and on the right is a work area intended for viewing and editing a Web page. At the top of the work area there are tabs with the names of the pages you have opened and how to navigate between them.

    Rice. 9.8. Operating mode Page

    In Page mode, you can create new Web pages and edit existing ones. In this mode, you can set a theme for a Web page, place text on it using formatting elements, graphics and video images, hyperlinks, tables, frames, etc. In other words, in editing mode, the page contains everything that a visitor will see when opening it on the Internet.

    When you switch to page editing mode, menu commands and buttons on toolbars that are responsible for editing the content of the Web page become available.

    In the Page mode, at the bottom of the work area in which the page being edited is located, there are three tabs that allow you to view the Web page in different modes (Table 9.8).

    Table 9.8. Web page viewing modes

    Tab

    Purpose

    Ordinary(Normal)

    The usual mode of operation, in which the page is created using visual means. A page is created by placing text, lines, buttons, links and other objects on it using menus and toolbars, without you needing to know HTML codes

    HTML code(HTML)

    Mode for viewing and creating a page in HTML codes (Fig. 9.9). It can be used both to view the HTML codes of a page created in normal operation, and to create a page using the codes. In this case, part of the page can be created in the usual mode, and individual places can be added in codes

    View(Preview)

    Preview of the page as it will appear on the Internet server

    Rice. 9.9. Viewing a page in HTML codes

    Advice

    To correctly navigate the HTML codes and easily find the place to edit, in normal mode, place the cursor at the place on the page where you want to make changes and go to the HTML code tab. The cursor will accurately indicate the editing location.

    Folder structure view mode

    To switch to viewing mode for the folder structure of a Web site, use the Folders button on the Views panel or the Folders command from the View menu. In this mode of operation, the main window silently contains the Folder List panel with the names of the hidden Web site folders, located in a hierarchy, and the program work area contains the contents of the folder selected in the panel (Fig. 9.10).

    Rice. 9.10. FrontPage main window in Folder mode

    The information in the workspace is presented in tabular form and contains detailed information about the files in the selected folder. Using this mode, you can find out the name of the file with which it is saved on disk, its type, size, the name of the developer and the date of the last modification of the file, as well as the name of the Web page.

    The list of files in the table can be sorted by ascending or descending values ​​located in a particular column. To sort the list of files in alphabetical order in ascending order, just click on the header of the column by the values ​​of which you want to sort the data. To change the sort order, you can click on the header again. To sort files by the date they were last modified, use the Modified Date column.

    Look at the icons of the files located in the program work area. Folder icons are familiar to you from working with Windows. The most common icons are Web page icons and graphic file icons. File icons imported from Microsoft Office contain the logos of the original programs. To organize files by their types, in the right work area, click on the Type (Type) column header.

    From folder structure view mode, you can switch to page editing mode without using the Views panel. To do this, in the workspace of the FrontPage program, in the list of files, place the cursor on the page to be modified and perform one of the following actions:

    • Double click
    • Press the key

    When performing any of these actions in the work area of ​​the main program window, instead of a list of files in table form, the selected page will open in editing mode. To exit this mode and return to the folder structure view mode, click the Folders button on the Views panel.

    Creating new folders

    If, while working in FrontPage, the need arises for a new folder to organize existing files, you can create it from the folder structure view mode. To do this, follow these steps:

    2. In the Folder List panel, which displays the hierarchical folder structure, place the cursor on the folder in which you want to place the created folder.

    3. From the File menu, select the New command, and then from the submenu that appears, the Folder command, or right-click and select the New and Folder commands from the context menu. A new folder named New Folder will appear in the hierarchical folder structure of the left workspace. The same folder will appear in the right pane, and its name is active for renaming (Figure 9.11).

    4. Enter the folder name and press the key .

    Comment

    If you do not immediately enter a name for the created folder, the folder will have the name New_Folder, which is assigned to it by default by FrontPage. You can later rename the folder using the context menu command Rename. In addition, to rename, you can also highlight the folder name and, after a short pause, click the mouse button. The folder name becomes editable and you can enter a new name.

    Rice. 9.11. Creating a new folder in Folders operating mode

    Moving files

    To move files between folders on a Web site in folder structure view mode, FrontPage allows you to use the "move and place" method. For example, to organize your files, you created a new folder and want to place files of a certain type or on a specific topic in it. To move files, follow these steps:

    1. Go to the folder structure viewing mode Folders.

    2. Using the workspace of the FrontPage program, which in this mode of operation contains a list of files and folders of the Web site, select the file or group of files to be moved (Fig. 9.12). To select consecutive files, use the pressed key , and for files that are not located in a row - the key .

    Rice. 9.12. Selecting files for further movement

    3. Click the left mouse button and, while holding it down, move the cursor to the Folder List panel, which displays the hierarchical structure of the Web site, to the folder in which you want to place the selected files.

    4. Release the mouse button. The procedure for moving files will begin, during which a window appears on the monitor screen indicating the operations performed. Once the move is complete, this window disappears from the screen, indicating that the operation was successful.

    Comment

    When you move files between folders on a Web site, you don't have to worry about maintaining existing links, because FrontPage takes care of that.

    Mode Transitions

    The Navigation operating mode, also called the navigation mode, allows the developer to visually view and modify the hierarchical structure of the pages of the Web site being created. This structure is used to create link bars that are placed on pages and serve to navigate between pages of a Web site. To switch to the Transitions mode, use the Transitions button on the Views mode panel and the Navigation command from the View menu.

    In the Transitions operating mode, the Folder List panel appears in the main program window, and the hierarchical structure of the Web site is located in the program work area (Fig. 9.13), on which pages are presented in the form of rectangles. The name of the rectangle corresponds to the name of the page it displays. A rectangle with a house icon indicates the home page. This page is always located in the structure at the highest level of the hierarchy.

    Creating and changing a hierarchical structure is carried out using the "move-and-leave" method, which allows you to "take" a Web site page from the Folder List panel and place it in the desired place in the structure, as well as move something already in it within the structure page.

    Rice. 9.13. Web site in operation mode Transitions

    Operating mode Hyperlinks

    The Hyperlinks operating mode allows the developer to view in graphical form all the links installed on the pages of the Web site. To switch to the hyperlink viewing mode, use the Hyperlinks button on the Views mode panel and the Hyperlinks command from the View menu.

    In the hyperlinks viewing mode, the main window of the FrontPage program displays the Folder List panel, and in the work area - the link diagram of the open Web site (Fig. 9.14).

    Rice. 9.14. Web site hyperlink viewing mode

    In the hyperlink diagram, files are represented as icons with their names next to them. Links in the diagram are represented as lines. To the left of the icon are links incoming to the page, and to the right are outgoing links.

    If there is a plus sign inside the icon, it means that there are files that have links to this file or the file itself has links to other pages. When you click on the plus sign, these links are expanded, and the plus sign is replaced with a minus sign. The icon can be used to judge the file itself. For example, a globe icon indicates files posted on the Internet. If the icon looks like a picture, then this file is graphic.

    Report generation and viewing mode

    As a rule, a Web site is a complex object, which in turn consists of a large number of Web pages, hyperlinks, and files (graphics, multimedia, text). The Reports viewing mode allows you to group files according to certain criteria, see the volume they occupy, their estimated download speed, see a list of files created or modified over a certain period of time, etc.

    To switch to the Reports operating mode, use the Reports button on the Views mode panel and the Reports command from the View menu. When performing these actions, a table is displayed in the work area of ​​the FrontPage program (Fig. 9.15), the names of the columns of which, as well as their number, depend on the type of report specified using the Reporting toolbar and the Reports menu options.

    Rice. 9.15. Report viewing mode

    Mode for generating and viewing tasks

    The Tasks operating mode is intended to help in planning and organizing work on creating a Web site, which is important when conducting large-scale development with a large number of participants. In this mode, you can create a list of works, the priority of their implementation and in what time frame these tasks should be completed, and indicate the performers.

    To enter the mode of creating and viewing tasks, use the Tasks button on the Views operating mode panel and the Tasks command from the View menu. When you switch to the Tasks mode, a list of generated tasks is located in the right work area of ​​the program in tabular form (Fig. 9.16). Work in this mode is carried out using the Tasks command from the Edit menu and the context menu.

    Rice. 9.16. Mode for generating and viewing tasks

    Quitting FrontPage

    After completing the current work session, you must close the FrontPage program. To do this, you can use one of the following methods:

    • Select Exit from the File menu
    • Select the Close command in the system menu of the main FrontPage window
    • Double-click the FrontPage program icon in the main window title bar

    If you haven't saved the information, FrontPage will prompt you to decide what to do with it. To do this, a dialog box similar to that shown in Fig. 1 appears on the screen. 9.17.

    Rice. 9.17. Dialog box that appears when you try to exit FrontPage without saving information

    To continue the operation, click one of the buttons:

    Button

    Purpose

    Saves the changes made and exits FrontPage

    Exits FrontPage without saving information

    Cancel

    Closes the dialog box and returns to FrontPage

    If a Web site was opened, a separate request will appear for each page on which data was edited.

    FrontPage is a program for creating HTML pages and then "publishing" them. This is a fairly old software solution that has not been supported for a long time. It was replaced by the program.

    Functional

    FrontPage will be a useful assistant for webmasters who want to simplify the process of creating web pages and make it more comfortable. The program provides a large set of tools with which you can not only create pages, but also design them in accordance with your wishes or customer requirements. It is quite convenient that the program is able to control user errors. All errors in tags will be found and shown to you for further correction.

    The software contains a built-in set of templates that you can use when creating pages - this will save time and avoid reinventing the wheel. With the help of a special manager, you can very quickly publish your finished work. And in case of difficulties and questions, we recommend opening the help section - it will tell you better than Google how to find a way out of the impasse.

    Operating modes

    The software product provides several modes of operation - designer, code, viewing results, as well as a "combined" mode, in the case of which the working window will be divided into two areas - creating code and viewing. When working with the designer, all mistakes made will be shown - there you can also work with images inserted between text, links, frames and many other elements. It is more rational to use code mode not for viewing, but for editing.

    Key Features

    • creation of web pages, their design and content;
    • visual code review using design mode (WYSIWYG);
    • integrated template library;
    • built-in manager for quick and convenient publication of the final result;
    • the ability to access the directory;
    • automatic search and correction of errors;
    • Availability of a Russian version of the graphical shell.

    If earlier it seemed that creating web pages was quite complicated and impossible without special knowledge, then after the release of HTML editors with the WYSIWYG function began, it turned out that even an absolute beginner who knows nothing about markup languages ​​can create a website. One of the first software products of this group was Front Page on the Trident engine from Microsoft, which was included in various versions of office suites up to and including 2003. Last but not least, it was thanks to this fact that the program enjoyed such wide popularity.

    The main feature of the program, which especially attracts beginners, is the ability to layout a page without knowledge of HTML code or other markup languages. This is made possible thanks to the WYSIWYG feature, the name of which is an English abbreviation of the expression translated into Russian as “what you see is what you get.” That is, the user gets the opportunity to type text and insert pictures into the created web page almost in the same way as in the Word word processor. The main difference from the latter is that Front Page has more different web components available, such as Flash and XML. WYSIWYG function is enabled when operating in "Constructor".

    Using the elements on the toolbar, you can format text in the same way as in Word:

    • Select font type;
    • Set its size;
    • Color;
    • Specify positioning and much more.

    In addition, you can insert pictures directly from the editor.

    Standard HTML editor

    For more advanced users, the program offers the ability to use a standard HTML editor using markup language.

    Split editor

    Another option for working with the program when creating a web page is to use a split editor. In its upper part there is a panel where the HTML code is displayed, and in the lower part its version is displayed in the mode "Constructor". When you edit data in one of the panels, the data in the other is automatically changed.

    View Mode

    Front Page also has the ability to view the resulting web page in the form in which it will be displayed on the site through the Internet Explorer browser.

    Spell check

    When working in modes "Constructor" or "With separation" Front Page has a spell checking function, similar to that in Word.

    Working in multiple tabs

    The program allows you to work in several tabs, that is, create several web pages at the same time.

    Applying templates

    Front Page offers the opportunity to create a website based on ready-made design templates built into the program itself.

    Linking to Web Sites

    The program has the ability to communicate with various websites by transferring data.

    Advantages

    • Easy to use;
    • Availability of Russian-language interface;
    • The ability to create websites even for a beginner.

    Flaws

    • The program is outdated, as it has not been updated since 2003;
    • Not available for download on the official website due to the fact that it has not been supported by the developer for a long time;
    • Incorrectness and redundancy of the code are noted;
    • Does not support modern web technologies;
    • Web page content created in Front Page may not display correctly in browsers that do not run on the Internet Explorer engine.

    Front Page is an HTML editor with WYSIWYG functionality that was popular with users at one time and was notable for its ease of creating web pages. However, at present it is hopelessly outdated, since it has not been supported by Microsoft for a long time, and web technologies have already gone far ahead. However, many users remember this program with nostalgia.

    Views