Frontpage provides two features that allow you to split a page into sections containing text and graphics. These are tables and frames. Up to this point, we've justified text on a line by adding spaces using the Formatted paragraph style. You can also use tables to align text. Tables are used to align form fields (Chapter 7 is devoted to working with forms). You can also use cascading style sheets to format page elements. Note that cascading style sheets are only supported in recent browsers.
Note
Browsers ignore such formatting element as strings of spaces. The exception is when the Formatted style or the non-breaking space character is used. In HTML code, the character sequence is used to indicate a non-breaking space. Using a set of such sequences makes it possible to display text with several consecutive spaces on the page loaded in the browser. In Frontpage, a non-breaking space character can be inserted using the Symbol dialog box (first on first line).
Table design
The most important tool for designing the layout of a Web page is a table. The functions of tables in creating Web pages are varied. First of all, I would like to highlight the following:
alignment of data by inserting into table cells (in this case, the possibility of separating data with lines of different thicknesses is provided);
presentation of text in columns;
alignment in forms of input fields and their names;
distribution of text and graphics in different columns;
creating a border around text or graphics;
placement of graphic images on both sides of the text (or all sides) and vice versa;
the location of the text along the contour of the graphic image;
creating a colored background for a text fragment or a separate image;
inclusion of tables in other tables.
In the process of creating a table in the Insert Table dialog box, the following properties are set: the number of rows and columns, the horizontal space of the page, the thickness of the lines separating cells and bounding the table, the amount of spacing between the content and the inner edge of the cell borders, table alignment, etc. . You can change the table property values later. At any time, you can delete one or more rows or columns, merge adjacent cells, format the contents of one cell or a selected range in a special way, etc. As data is entered, the cell size increases both vertically and horizontally within the limits set for the table and column.
Note
You can set the width of the table either in pixels (fixed width) or as a percentage of the width of the browser window or frame in which the page is included. The width of the table columns is specified either as a percentage of the table width or in pixels (fixed width). If the width of an individual column or the entire table is specified in pixels, then the way that table is displayed in the browser depends on the screen resolution set on the user's computer.
Tabular data display
In a classic table, rows and columns are strictly demarcated. To obtain such a table, you must perform the following sequence of actions:
1. Download Frontpage.
2. Activate the New command from the Web submenu of the File menu.
3. The New dialog box will load. The One Page Web template is selected by default. In the Specify The Location Of The New Web field, enter the name of the Web server and Web site. Name the Web site, for example TestTables. Click the OK button.
4. Switch to the Folders view. Double click on the Default.htm file name. The home page will open in Page view.
5. Press the key to insert a blank line at the top of the page
6. Open the Table menu and activate the Table command of the Insert submenu. As a result, the Insert Table dialog box will open (Figure 61). This window displays the values of the table properties set by default. The elements of the Insert Table dialog box are described in Table 6.1.
Fig 6.1. Insert Table Dialog Box
Table 6.1. Table Properties
| Dialog element | Table property |
| Insert Table windows | |
| Rows | Number of rows in the table |
| columns | Number of columns in the table |
| Alignment | Table alignment method (default is left alignment) |
| Border Size | Thickness of separating and limiting lines in pixels The default value is 0 If this value is not changed, then the table frame is not displayed in the browser, and is indicated by a dotted line in the Frontpage |
| cell padding | The amount of spacing (in pixels) between the edges of the cell and its contents (default value is 1) |
| Cell Spacing |
Spacing (in pixels) between adjacent cells (default is 2) |
| Specify Width | Table width This value is set either in pixels (In Pixels switch) or as a percentage of the width of the browser window or frame in which the page is included (In Percent switch) |
7. Do not change any of the values Click the OK button. This will create a table with two rows and two columns Select the table with using the Table command of the Select submenu of the Table menu. Press the key to delete the table. If you didn't create a blank line at the top of the page in step 5, do so now.
8. Click the Insert Table button on the Table toolbar. You will see a table prototype where it is very easy to specify how many rows and columns the table should contain. Click on the second cell in the second row, as shown in the following figure. In this case, a table consisting of two rows and two columns (four cells) will also be created.
We looked at two ways to create a table. When using the Insert Table button on the toolbar, the default values are applied. If you activate the Table command of the Insert submenu of the Table menu, you yourself determine the values of the parameters of the created table.
Note
Using the Insert Table button, you can create a table containing many more rows and columns than initially displayed in the prototype:
when moving the mouse pointer off the edge, the prototype is automatically expanded.
Table Properties
The values assigned to the properties of a table determine its appearance.
1. In the upper left cell of the table we created, enter the number 5.
Press the key to move to the cell on the right and enter the following sentence:
This is a rather long sentence. Your table should look like the following image. The width of this table reaches almost 100% of the window width.
2. Press the down arrow key twice to move the cursor outside the table. Insert three blank lines after the table by pressing the key three times.
Note
If you place the cursor in the last cell and press the key, a new row will be added to the table and the cursor will move to the first cell of the new row.
3. Activate the Table command of the Insert submenu of the Table menu and disable the Specify Width option at the bottom of the dialog box (the input field of the same name will become unavailable). Click OK. As a result, a second table will appear, the width of which is much smaller than that of the first.
4. Enter the number 1 in the left cell of the first row of the table, press the key, as a result of which the cursor will move to the second cell of the first row, and enter a sentence. This is a rather long sentence.
Go to the left cell of the second row with the key and enter the number 2. Press the key again (the cursor will move to the right cell of the second row) and enter a sentence: This is just a sentence
The width of each column is set according to the longest row in that column (Figure 6.2).
Rice. 6.2. The top table has its Specify Width property set, while the bottom table has no value
5. Right-click on the second table and select the Table Properties command from the context menu, which will open the dialog box of the same name, shown in fig. 6.3. As in the dialog box opened by the Table command of the Insert submenu of the Table menu (Fig. 6.1), it is possible to set such table parameters as alignment, the thickness of the dividing and limiting lines of the table, the spacing between the edges of the cell and its contents, the spacing between adjacent cells and table width. In addition, it is possible to define the height of the table, select a color for the solid background of the table or a background image, specify a color for the dividing lines. In the Float list box, you can specify in which direction to shift the table - to the right or to the left, in order to place text or an image to the left or right of the table. By default, Default is selected in the Float field. This setting allows text to appear only below or above the table.
Figure 6 3 Table Properties Dialog Box
6. Set the following values for the table properties: Border Size - 5, Cell Padding - 6, Cell Spacing - 8. Confirm the settings by clicking on the OK button. Your table should look like the following image. Right-click on the right cell of the first row of the upper table (Figure 6 2) and select the Cell Properties command from the context menu. The dialog box of the same name will open (Figure 6 4). The elements contained in it are described in Table 6.2.
Fig 6.4. Cell Properties Dialog Box
Table 6.2. Cell properties
|
Dialog element Cell Properties windows |
Function |
| Horizontal Ahgnment | Align cell contents horizontally The following options are Left (left), Center (center), Right (right). The default is left alignment. |
| vertical alignment | Align cell contents vertically The following options are available: Top (top), Middle (center), Baseline (alignment of cell contents to the reference line), Bottom (bottom) Default is center alignment |
| rows spanned | This field indicates how many lines you want to stretch this cell |
| Columns spanned | This field indicates how many columns you want to stretch this cell |
| Header Cell | Format a cell as a row or column heading (cell text is set to bold) |
| no wrap | Prohibition of hyphenation within a cell in a Web browser; otherwise, the text breaks if the browser window is too narrow to display it completely |
| Specify Width | Specifies the height of the cell in pixels or as a percentage of the total height of the table (only if the Specify Height option is active). If this option is disabled, the height of the cell is automatically changed so that the text entered or the object placed in it fits completely |
| Borders | In this area of the window, you can define the color for the separating and limiting lines, which can be either one-color or two-color. In the first case, use the Border input field, in the second - any two fields out of the three proposed. In the latter case, the frame turns out to be voluminous |
| background | Creating a background for a cell (both colored solid and containing an image) |
Property values can be changed both for a single cell and for a selected range.
Note
When changing the cell width, make sure that the total width of the cells in a row does not exceed 100%, otherwise the table cells will not display correctly.
1. In the Horizontal Alignment list box of the Cell Properties dialog box, select Center (center alignment), and in the Vertical Alignment
Alignment - item Top (top alignment). In the Border Size field, enter a value of 1. Confirm the settings by clicking on the OK button.
As a result, the way the data is arranged in the cell will change, and the thickness of the dividing and limiting lines will become equal to one pixel.
2. Highlight the bottom row of the table and right-click. Select Cell Properties from the context menu. Enter a value of 2 in the Columns Spanned field and click OK. As a result, the table should look like the one below. The leftmost cell will overlap the top two, but there must be an extra cell on the right.
Note
You can select a certain number of cells within the table as follows: position the mouse pointer to the left of the cell from which you will start the selection, and when it takes the form of an arrow pointing upwards to the right, press the left button of the manipulator and select the required cells.
Note
The columns of the table you created may have a different width than those shown in the figure. This is due to differences in monitor resolutions.
3. Press the key combination or activate the Undo Edit Properties command of the Edit menu to undo the changes.
4. Select the first row of the top table, open the Cell Properties dialog box, and enter 2 in the Rows Spanned field. Finally, click OK. The top two cells will move to the left, and the bottom two will move to the right.
5. Click the Undo button on the toolbar. Go to the left cell of the first row of the top table and open the Cell Properties dialog box. Set the Specify Width option and activate the In Pixels switch to be able to manually specify the cell width in pixels (the Specify Width input field will become available). Enter a value of 40 in the Specify Width input field and click the OK button. Both cells in the first column will increase in size.
7. Activate the Undo button, click on the right cell of the second row and open the Table menu. This menu contains four submenus. The Table menu commands are described in Table 1. 6.3.
|
Table 6.3. Table menu commands |
|
| Command | Description |
| Draw Table | Allows you to draw a table in the same way as it is done with a pencil on a piece of paper |
| Table submenu Insert | When this command is activated, the Insert Table dialog box opens. In it, you can set the parameters of the created table, which will be inserted at the position where the cursor is located (if the cursor is located in a cell of another table, the second table will be placed in it) |
| Insert Rows Or Columns Insert submenu | The Insert Rows Or Columns dialog box defines the number of rows and columns that can be inserted above, below, to the right, or to the left of the selection. |
| Cell submenu Insert | Inserts a new cell to the left of the selected cell, which is shifted to the right |
| Caption submenu Insert | Designed to insert an empty line above the table. This row is associated with a table: when a table is selected or deleted, the header is also selected or removed. By default, the table header is centered, but you can align it to the left or right |
| Delete Cells | Used to delete selected cells |
| Merge Cells | Allows you to merge multiple cells in both row and column |
| Split Cells | In the Split Cell dialog box, you can set the division of selected cells into both rows and columns |
| Cell, Row, Column, Table submenu Select | The first command is used to select the current cell, the second - the current row, the third - the current column, and the fourth - the entire table |
| Distribute Rows Evenly, Distribute Columns Evenly | The first command allows you to set the same width for the selected rows, and the second one for the selected columns |
| Autofit | Reduces the length of each column to fit the information they contain. Activating this command has the same effect as turning off the Specify Width option in the Insert Table dialog box, i.e. the length of the cells will automatically change depending on the length of the entered text or the length of the object placed in them |
| Text To Table submenu Convert | Allows you to convert the selected text into a table. Activating this command opens a dialog box for selecting a delimiter character. Use commas to separate column content and paragraph markers to separate rows |
| Table To Text submenu Convert | Allows you to convert tabular data to text, with the contents of each cell forming a separate paragraph |
| Caption, Cell, Table Properties submenu | These three commands provide access to the Caption Properties, Cell Properties, and Table Properties windows. |
Note
To select multiple nonadjacent cells, hold down the key while clicking the cells
Table menu. Let's take a closer look at some of the Table menu commands described in Table 1. 6.3
1. Activate the Table command of the Insert submenu. In the dialog box that opens, press the OK button without changing the default settings. As a result, a table of two rows and two columns will appear in the cell.
Note
When we created the second table (step 3 of the second exercise of this chapter), we disabled the Specify Width option in the Insert Table window. At step 1 of the third exercise, the value 1 was entered in the Border Size field of the Table Properties window. tables in the Insert Table window, the Specify Width option will be disabled by default, and the value 1 will be present in the Border Size field.
1. First click on the Undo button and then on the left cell of the first row of the table. Select the command Rows Or Columns (rows or columns) of the Insert submenu. As a result, the dialog box of the same name will open
Agree with the default settings, the Rows and Below Selection radio buttons are selected (below the selected area), and the Number Of Rows field (number of rows) is set to 1. Click on the OK button. A new row will appear below the first row of the table.
3. Activate the Insert Rows Or Columns command again from the Insert submenu Set the Columns and Left Of Selections radio buttons (to the left of the selected area) Then click on the OK button The resulting table should look like the following figure
4. Activate the Cell command of the Insert submenu. As a result, a new cell will be inserted into the table, and the cell located on the right will move beyond the line to the right. The cursor is automatically set in the new cell
To select a cell, activate the Cell command of the Select submenu or press the key when clicking on the cell To delete cells, use the Delete Cell command
5. Activate the Caption command of the Insert submenu. The cursor will be placed above the table in the center Enter the following sentence. This is the table header
6. Select the bottom row in the first table Then select the command Merge Cells (merge cells) As a result, all dividing lines between cells will be deleted in the bottom row
7. Click on the rightmost cell of the first row and activate the command Split Cells (split cells) The Split Cells dialog box will open
Accept the default settings and click the OK button. The specified cell will be split into two
8. Activate the Table command of the Select submenu and press the key. The bug table has been removed. Click the Undo button to restore it.
Note
There is another way to select a table" double click to the left of the table (those are its limits)
9. Open the Table Properties dialog box and enter -value 0 in the Border Size input field. Click the OK button. As a result, the borders of the table will be indicated by dotted lines.
Table drawing
So far, you've created tables using the Table command on the Insert submenu of the Table menu. In this case, the bubble is formed automatically in accordance with the set property values. After creating the table, you changed these values in the Tab!c Pioperties dialog box, added and removed columns and rows, merged cells, and so on. through Tabie's hsnu commands. Frontpage offers another way of creating and editing tables, according to which the buttons on the toolbar are used to process tables. The Draw Table button allows you to manually draw a table. The Eraser button (eraser) is used to remove delimiting crucible lines by cells. The rest of the buttons duplicate the corresponding commands of the Table menu
1. Position the cursor on an empty row between two tables, then press the UI key twice and the up arrow key once.
Note
It's a good idea to leave a blank line between tables when you create them, because it's difficult to insert rows between tables in Frontpage. It is easier to remove the extra ones at the end of the layout.
1. On the Table menu, activate the Draw Table command. As a result, the Table toolbar appears and the mouse pointer changes to a pencil. In table. 6 4 buttons of the Table toolbar are described
3. Place the mouse pointer between two existing tables on the left side of the page and move it first horizontally to half the page and then down a distance equal to the height of the second table.
Chapter 6. Tables and Frames lul
4. Place the mouse pointer on the top border of the table, at the left corner. Move the pointer horizontally a distance equal to half the length of the table. Move it down to the bottom border. The table now has two columns.
5. Create three lines in the right column (the height of the lines can be arbitrary).
6. Select the second column of the table. Click the Distribute Rows Evenly button on the toolbar to make all three rows the same height.
7. Draw a line dividing the second row of the right column into two parts.
8. Draw two lines dividing the bottom line in the right column into three parts. The width of the first new cell is set to the width of the cell above
9. Place the pointer on the right border of the first column. As a result, the pointer will take the form of a double-headed arrow.
10. Move the column border to the right to expand it.
11. Activate the Erase button on the Table toolbar. The mouse pointer changes to an eraser. Move the eraser perpendicular to the line that separates the rightmost and middle cells in the bottom row. As a result, this dividing line will disappear (see below).
12. Click the Eraser button again (the mouse pointer will return to normal). Position the pointer at the top of the second column When the pointer changes to a small black arrow pointing down, click to highlight the column.
13. Press the key and move the pointer to the right, placing it over the last column. As soon as you click, the two outermost columns will be highlighted.
14. Click the Distribute Columns Evenly button on the toolbar. The resulting table is shown below.
15. Select the table using the Table command of the Select submenu of the Table menu and press the key to delete it.
Table 6-4. Table toolbar buttons
The exercises we have completed are intended to demonstrate how wide the possibilities of FiontPage are in terms of creating tables. All operations are carried out in WYSIWYG mode at any stage of work, you can see how the created table will look in the browser.
Importing text information into a table.
In order to correctly import text into a table, it must be prepared in an appropriate way; text fragments placed in adjacent cells of the table must be separated from one another by special characters (separators), such as commas. Most often, punctuation marks are used as separators. Next, perform the following sequence of actions:
1. Click below the bottom table, press the key
2. Highlight the entered text; menu 1 T able and activate the command text To T able Submenu Comen *
3. In the loaded Convert Text To Table dialog box, select the Other switch, delete the dots in the field located on the right and enter a semicolon Click on the OK button As a result, the text will be imported into the table (Fig. 6.5.)
Figure 6.5. Table created from test information
Note
HTML does not support tabs If you convert textual information into a table that uses tabs to separate arrays of information, these characters will be removed and the table will not be created correctly. Instead of tabs, you should use punctuation, which is not used in a text file. In this example, a semicolon is used because the text contains commas and hyphens. An alternative character is a paragraph marker * You may want to import the contents of a text file into the table But first you must import the text from the file nd pages) by activating the File command of the Insert menu At the same time, you should remember that Frontpage incorrectly imports Cyrillic text (it has no problems with Latin ) Therefore, if you want to extract similar text from a file and place it on a page, open the file in any text editor such as Notepad, and transfer the text to the page using the clipboard - Approx. ed.
4. Select the bottom (empty) line in the table, if any, and delete it.
5. Right-click on the table and activate the Table Properties command from the context menu. In the Alignment list field of the dialog box that opens, select the Center element, then turn off the Specify Width option. In the Cell Padding field, enter the value 4, thus indicating the spacing between the edges of the cell and its contents. After completing all the listed settings, click on the OK button.
6. Select the isepxmolo line, right-click on it and open the Cell Properties dialog. In this window, set the Header Cell option and select Left in the Horizontal Alignment list box. Finally, click OK.
7. From the Table menu, activate the Caption command from the Insert submenu. Click the Bold button on the Formatting toolbar. The table title you enter will be bold. Enter, for example, the following title. FULL NAME. and year of birth of employees
8. Select the first row of the table and click the Fill Color list box on the Table toolbar. In the list that opens, select the Aqua color (the third square from the left in the second row) and click OK.
9. Select the remaining rows in the table and open the Cell Properties dialog box. Specify yellow in the Color list box in the Back-ground area, and in the Horizontal Alignment list box, select Center.
Click OK. The resulting table should look like the one shown in Figure 1. 6.6.
10. Click the Save button to save the created tables.
11. From the File menu, choose Preview In Browser. In the dialog box that loads, select Internet Explorer 5.0 and click the Preview button. On fig. Figure 6-7 shows the home page of the Test Tables Web site, which contains the table we created. If you are using a different browser, open this page in it and see how the table we created will be displayed.
In browsers of the latest versions, support for tables has been expanded. Previously, there were significant differences between the way tables were displayed in different browsers. Some browsers didn't support them at all. You should review your work in different browsers and evaluate how your tables look in them. Currently, the browser market is dominated by products from Netscape and Microsoft. These two browsers support tables quite well.
Rice. 6.6. Final table (Page view)
Rice. 6.7. Final Table (Internet Explorer 5.0)
Using tables in web page design
Tables are useful for dividing a page into areas in which information will be presented.
Do the following:
1. In Page view, create a new page. Insert one blank line at the top of the page.
2. Activate the Clip Art command of the Picture submenu of the Insert menu. The Clip Art Gallery dialog will load. Scroll down the window to see the Places icon. Click on it twice. The window will display images related to the Places category. Select the image with the Taj Mahal monument and on the panel that appears, click the Insert Clip button. The image will be placed on the page.
3. Position the cursor under the image and enter the following text: "Monument of Indian architecture. Mausoleum of Sultan Shah Jahan and his wife. Located 2 kilometers from the city of Agra. Five-domed building made of white marble with a mosaic of colored stones. The height is 74 meters. K The Taj Mahal is adjoined by four minarets and a garden.This example of Indo-Muslim architecture is introduced by a painting by the famous Russian artist V.V. Vereshchagin, who visited India."
4. Highlight the entered text. Press the key combination to copy the text to the clipboard. Position the cursor at the end of the last sentence and insert a space. Press the key combination . As a result, the text array will be enlarged, which will allow in the future to achieve the desired result - to surround the picture with text.
5. Move the pointer to the top of the page. Activate the Table command of the Insert submenu of the Table menu. In the loaded window, enter 2 in the Rows field, -1 in the Columns field, 0 in the Border Size field, turn off the Specify Width option. The new table will take the place of the graphic and text, which will move down. The result is shown in the following figure.
6. Drag the image to the top row of the table.
7. In the bottom row of the table, enter the name of the monument" Taj Mahal. Set the text to bold and align it to the center of the tabatza by clicking on the Bold and Center buttons, respectively, on the Formatting toolbar.
8 Open the Table Properties dialog box and select Left in the Float list box. Click OK. As a result, the text will fit around the table. In text stuff, the WOT effect is called wrapping.
9 Save the page with the name Tatj _Mahal and the title Taj Mahal On the File menu, activate the command Preview In Browser Select the browser and click on the Pieview button Figure 6-8 shows the page in Internet Explorer 5 O
As you can see, tables make it easy to align pictures and captions Create multiple pages based on templates that use tables and you'll see how powerful this presentation tool is
Fig 6.8. Text wrapping around an image
You may have your own ideas for using tables on a Web page. Implement them. Experiment until you achieve the desired result. This is the only way you can get a well-designed page.
Personnel management
Klapbi, like tables, serve to place information in individual page guests. Frames are windows placed on a Web page and designed to display other Web pages. Any number of frames can be placed on a page. Frames are very convenient to present information on a Web site with complex system of headings In this case, you should create a page with two frames - a table of contents frame and a main frame. The table of contents frame contains a list of headings that are links. When a link rubric is activated, the corresponding page is loaded into the main frame.
Next, you'll complete a simple case study that aims to demonstrate the principles of working with frames (there will be only three rubrics in this example). We will devote this example to architectural monuments.
1. Create a new single page Web site and name it Frames. In Page view mode, activate the Page command of the New submenu of the File menu. In the loaded New dialog box, go to the Frame Pages tab, which contains page templates with frames (Fig. 6.9).
By default, the Banner and Contents template is selected. The Preview area shows the composition of the page that will be created based on this template, and the Description area contains a description of the template. Select each of the templates one by one to read their description and find out what pages can be created based on them.
Rice. 6.9. New Dialog Box (Frame Pages Tab)
2. After you've explored the template options, select the Header, Footer and Contents template. Click the OK button.
This will create a page containing four frames: a header frame (top frame), a table of contents frame on the left, a main frame, and a footer frame (bottom frame) (Figure 6.10). Each frame contains two buttons: Set Initial Page (used to select the initial page, i.e. the page that is displayed first in the frame after
loading the frame page into the browser) and New Page (clicking on the New
Page results in a blank start page).
Rice. 6.10. Frame page created from the Header, Footer and Contents template
3. Click the New Page button in the top frame. As a result, a new blank page will be created in the frame.
Note
In order to use an existing page as the initial page of a frame, do the following: in this frame, click the Set Initial Page button; in the loaded Create Hyperlink dialog box, select the desired page. Close the window using the OK button.
4. Right-click on the page in the top frame and select Shared Borders from the context menu. In the loaded dialog box of the same name, the Current Page switch is set by default (do not change this setting). If any options are set, turn them off.
Note
Frames are a navigational alternative to general areas. Therefore, when frames are present on the Web site, shared areas are not used.
5. On the page, in the top frame, enter the heading "Landmarks". Give the heading the paragraph style Heading 2 and center align it.
6. Click the New Page button in the bottom frame. On the created page, enter the following sentence: "For questions and comments, please contact: [email protected]". Select the entered text and in the Font Size list box on the Formatting toolbar, select 2. The font size of the entered sentence becomes 10 points.
7. Create a new page in the table of contents frame (left frame). Enter the following three lines of text (after entering the next line, press the key):
Acropolis
pyramids
Taj Mahal
8. Create a new page in the main frame by clicking the New Page button. Press the key to create an empty line. On the second line, enter the following sentence: "Welcome to the world of architecture!". Give the entered text the Heading 1 paragraph style and align it to the center of the page. Make the text italic (select it and click the Italic button on the Formatting toolbar).
So, the initial pages of all frames are created. Next, we'll make changes to the start page of the table of contents frame.
9. Click the New Page button on the Standard toolbar. A new blank page without frames will be created. Activate the Clip Art command of the Picture submenu of the Insert menu. The Clip Art Gallery dialog will load. In the Search For Clips field, enter the name of the architectural monument:
Acropolis. After some time, the search results will be presented (see below) - an image of the Acropolis. Select an image and on the panel that appears, click the Insert Clip button. The image will be placed on the page.
10. Create two new blank pages and place two more images of architectural monuments from the Clip Art library on them: on the first - the Egyptian pyramids, on the second - the Taj Mahal. In the first case, in the Clip Art Gallery window, enter Pyramids as a search criterion, in the second, Taj Mahal.
11. Go to the page with the image of the Acropolis. Click the Save button. In the Save dialog box, specify a file name for the Acropolis page. htm and change the default title to Acropolis. Click the Save button. The Save Embedded File dialog box will load. Click the Change Folder button. In the window of the same name, select the Images folder. Close both windows with the OK buttons. The image file will be saved in the Images folder
12. Save the pages with images of the pyramids and the Taj Mahal. In the first case, specify Pyramids htm and Pyramids as the page file name and title, in the second - Taj_Mahal.htm and Taj Mahal.
13. Go to the page in the table of contents frame. Highlight the word Acropolis and click the Hyperlink button on the Standard toolbar. In the Create Hyperlink window, select the Acropolis.htm page. The Target Frame field must contain the entry Page Default (main). This means that the hyperlinked page (Acropolis.htm) will be opened in the main frame. You can change the target frame in the Target Frame dialog box that opens when you click the Change Target Frame button. In the Common Targets list of this window, you must select the appropriate item. In particular, if the New Window item is selected, then when clicking on the hyperlink, the page will be opened in a new browser window, and if the Same Frame item is specified, the page will be opened in the same frame in which the hyperlink is located.
14. Based on the previous point, in the table of contents frame, create two more hyperlinks to the pages Pyramids.htm and Taj_Mahal.htm, including the words Pyramids and Taj Mahal, respectively. Thus, three hyperlinks are created in the table of contents frame, when activated, the corresponding pages will open in the main frame.
15. We have finished creating the frames page. The result is shown in fig. 6.11.
16. From the File menu, choose the Save command. The Save As dialog will load, prompting you to save the page in the top frame. The right side of the Save As window shows the composition of the page with frames (the frame that is currently being saved corresponds to the shaded area). Name the page Fr_header Click the Save button. Next, in the Save As window, you will be asked to save the page of the lower frame (frame pages are saved in the order in which they were created). Name the bottom frame page FrJboter, the table of contents frame Fr_contents, and the main frame Fr_main. Finally, you will be prompted to save the frame page. Give it the name Frames and the title "Landmarks" (Fig. 6.12)
Rice. 6.11. Page with frames in Page view mode
Rice. 6.12. Procedure for saving a frame page
17. Load the page with frames in the browser and see how it will be
to look like.
Rice. 6.13. Frames page of the Frames Web site in the browser
The frame has a number of properties that you can control. Frame property values are set in the Frame Properties dialog box. To open this window, right-click on a frame (for example, on the frame of the table of contents) and activate the Frame Properties command of the context menu. This will open the dialog box shown in Fig. 6.14. The elements of the Frame Properties window are described in Table 1. 6.5.
Table 6.5. Frame Properties
| Element | Description |
| Name (name) | When creating a hyperlink on a frame page, you must specify in the Create Hyperiink dialog box the name of the frame into which the corresponding page will be loaded when this link is activated. |
| Initial Page | This input field indicates which page will be displayed first in the frame when it is loaded. |
| Frame Size (frame size) | This area contains two input fields - Width (width) and Row Height (row height) Here values can be set in pixels, in relative units or as a percentage of the size of the browser window |
| Margins | This area determines the size of the frame margins (intervals between the page content and frame boundaries) and pixels |
| Resizable In Browser (resize in browser) | If this option is set, the user can resize the frame in their browser |
| Show Scrollbars (show scrollbars) | This list field contains three items. If Needed (if necessary) - scroll bars are displayed only if the page content does not fit in the window, Never (never) - scroll bars are not displayed, regardless of the amount of information on the page, Always (constantly ) - scrollbars are always displayed Which of these items should be selected depends on the content of the pages that will be loaded into the frame For example, if the frame is located at the top of the page and contains information common to all pages (for example, a navigation bar), select the Nevei item Keep in mind that the way the page is displayed depends on the screen resolution. Therefore, the best option is to select the If Needed item. If you want to provide the user with maximum opportunities to view information in the frame, select the Always item. |
Click the Frames Page button in the Frame Properties dialog box, which will open the Page Properties dialog box. The Frame Spacing input field specifies the thickness of the dividing lines between frames on the page. The Show Borders option determines whether lines between frames are displayed.
On the frame page, you can create additional frames. Do the following: In Page view mode, hold down the key and move the top border of the main frame down a little, then release the key and the mouse button. As a result, a frame will be created above the main frame (Fig. 6.15) that does not contain a page.
Rice. 6.15. New frame
We hope you have seen that frames are a very convenient means of presenting information. One of the problems that arise when working with frames is that not all browsers support them. Netscape Navigator supports frames since version 2 0, and Internet Explorer since version 3 0 Support for frames was introduced in HTML 3 2 Some users still use older browsers So be aware that a significant portion of your audience may not be able to view frame pages properly. The solution to this problem is to create a No Frames page. If the user's browser does not support frames, the No Frames page is displayed instead. Frontpage automatically generates
You can verify this by clicking on the No Frames tab at the bottom of the Frontpage window when the Frames page is open Figure 6-16 shows the default No Frames page. A that supports frames. You should also create links to Web sites where you can download a browser that supports frames (for example, a Microsoft Web site where you can download Internet Explorer 5.0)
Note
A page with frames takes longer to load than a normal web page because it actually loads multiple pages. Use of frames must be reasonable.
Figure 6.16. No Flames page in Pasu e view
Designing frame pages in Frontpage is a breeze thanks to the many features provided by Frontpage and the fact that Frontpage edits the page in WYSIWYG mode
Municipal educational institution
"Secondary school No. 2
with in-depth study of foreign languages.
Practical work
"Creating a website in the program front page"
Prepared by: IT-teacher
Noyabrsk 2010
Practical work "Creating a site"
Usmanova Svetlana Hamidullovna,
IT-teacher
MOU secondary school No. 2
Noyabrsk, YaNAO, Tyumen region
Target: learn how to create interconnected web pages, insert WordArt objects, tickers, pictures, buttons, hyperlinks, save a document.
Working process:
- Open the FrontPage program. File→New→Single Page Web Site. Open home page index.htm Fill in the first page: insert pictures, buttons, ticker.
- Create 3 pages. Make links from the first page to other pages.
- On each page, create a link to the main page. Save the pages under the name "Proverbs", "Riddles", "Sayings". Change background color on each page.
Topic: Using Tables (FrontPage Editor)
Lesson Objectives:
expansion and deepening of ideas about the tools and methods of web design;
formation of skills to use tables in the FrontPage editor to place information on web pages;
development of logical thinking, the ability to analyze, compare, systematize, generalize.
education of independence, perseverance and accuracy.
Lesson type: a lesson in mastering new knowledge and skills.
Students should be able to: use tables to display information on web pages.
Software and methodological support of the lesson: frontpage editor;
textbook "Informatics 11", § 5.3.
During the classes.
Checking knowledge of the previous lesson
Updating knowledge and motivating students to learn new material
Explanation of new material
4. Fixing the new
5. Summing up the lesson
6. Homework
1. Checking the knowledge of the previous lesson(reproductive teaching method, individual and frontal form of work).
Performing individual tasks on a computer: in the FrontPage editor, create a web page containing text and graphics (exercise for § 5.2 of the manual).
Have students answer the questions: What is the purpose of the FrontPage Editor? What text formatting options does FrontPage have? How is the font size set on web pages?
2. Updating knowledge and motivating students to learn new material ( frontal form of work).
Before starting to explain the new material, invite students to name the main elements of web page design. During the conversation, list the list of tasks for which tables are used in the MS Word text editor.
3. Explanation of new material(explanatory and illustrative teaching method in combination with partial search, frontal form of work).
Explanation start with the question: how can you specify the placement of text and images in given places on the page? One of the most used methods so far is the use of tables, in the cells of which a variety of text and graphic elements are placed. At the same time, it can be noted that the placement of information on web pages using tables is called tabular layout.
Creating tables
Tables on web pages are placed using the button Table, Insert, Table.
A window opens in which the table parameters are set:
In the window Size quantity is set lines And columns your table.
In the window Borders installed size table borders,
in the window color
- border color
Background, Color desired color.
Click the button OK.
Look at the result:
In mode Constructor In mode View
If you change Size table and instead of 1 put 0, then you will have a table with invisible borders in the mode View.
See the result
In mode Constructor In mode View
Note:
Merging cells:
Select the cells to be merged
1 time pr. mouse and take command Merge Cells
Table change:
Table Properties
4. Consolidation of new material(partial-search method of teaching, individual form of work).
Invite students to take seats at computers and complete the tasks of example 1 from § 5.3 of the manual, exercise 1 of § 5.3 of the manual. When finished, view the generated pages in a browser.
5. Summing up the lesson
Invite students to briefly list the purpose and main features of using tables when designing web pages.
1. What did we meet today?
How to make a table with invisible borders?
Give an example of why a table with invisible borders would be needed.
Clarify and summarize answers as needed.
6. Homework
Study the material § 5.3 of the study guide, answer questions 1-2.
In the window Size quantity is set lines And columns your table.
In the window Borders installed size table borders,
in the window color - border color
If you want the whole table to be of a certain color, set in the window Background, Color desired color.
Click the button OK
Table change:
Click 1 time pr. mouse on the table and take command Table Properties
The functions of tables in creating Web pages are varied. Here are some of them:
- Alignment of information by placing it in the cells of the table. Tables can be used to represent text in columns.
- Alignment of titles and form fields
- Arrangement of text and graphics on a Web page in different columns
- Using Nested Tables
- Setting a different background for certain parts of the page
The most common use of tables on Web pages is to align information containing text and graphics, because character and paragraph formatting uses features that may be ignored by some browsers (such as blank lines).
FrontPage provides spreadsheet tools that make most practical tasks easier. Table commands make it easy to create and edit tables, and organize and format the data they contain.
The table can be inserted anywhere on a Web page. You can use the following tools to create tables:
- team Insert(Insert) menu table(Table)
- Button Add table(Insert Table) standard toolbar
An alternative way to create tables is to use the command draw table(Draw Table) menu table, as well as the button draw table toolbar tables. This tool allows you to create a table with a more complex configuration (for example, with cells of different sizes). In this case, you simply draw the required table with the mouse, as you would draw it with a pencil on paper.
If the information you want to put in a table is already in your document as text, you can convert the text to a table. But more on that later.
Before proceeding directly to creating a table, you should have at least a rough idea of how many columns and rows the table should have. At this stage, you do not need to specify the table parameters exactly. Once created, you can add and/or remove columns and rows as you see fit.
Creating a Table Using the Add Table Button
The easiest way to create a table with a regular structure is to use the button Add table(Insert Table). In this case, the column widths are set automatically based on the document width and the number of columns. If necessary, you can later change the width of each of the columns. To create a table, follow these steps:
1. Position the cursor on the Web page where you want to place the table.
2. Click the Add button table(Insert Table) A thumbnail image of the table will appear on the screen.
3. Place the cursor on any of the cells in the table image and hold down the mouse button. The current number of rows and columns will be displayed at the bottom of the image (for example: a 3x4 table). Move the mouse pointer to the cell that will fit the desired table size. If you move the pointer beyond the right or bottom borders, the grid size will increase accordingly.
4. Finally, release the mouse button. A table of the required size will appear at the specified location on the page.
If you pressed the button Add table and specified a cell in the table image, and then changed their mind and decided not to create a table, move the mouse pointer outside the table so that a cancel message appears at the bottom of the image. Now you can release the button. The table creation operation will be cancelled.
Create a table using the Draw Table command
The widest possibilities for creating tables are provided by the command draw table(Draw Table) menu table and button draw table toolbar tables. Unlike the previous methods, designed to form tables of the simplest structure, using the command draw table you can easily create a table with a complex structure. To do this, follow these steps:
1. Prepare a place to create a table.
2. Menu table select a team draw table or click the button draw table on the toolbar tables.
3. Set the outer borders of the table. To do this, place the pointer in any of the corners of the table and click the mouse button. Without releasing it, move the pointer to the opposite corner of the table, then release the mouse button. When setting boundaries, don't try to set exact boundaries right away. In the future, you can resize both the table as a whole and individual cells.
4. Proceeding in the same way, draw lines for the boundaries of columns and rows.
Tip If you need to delete a line (row or column) while working on a table, select from the panel table tool Eraser(erase). Then place the mouse pointer at the beginning of the line, press the mouse button and drag the pointer to the end of the line, then release the mouse button.
At the top of the window is a menu bar and two toolbars: Standard and Formatting. The View menu allows you to enable or disable the display of toolbars. On the left side is the View Panel, with which you can switch document modes. The main part of the window is occupied by the work area, in which one or more windows containing individual documents can be opened. At the bottom of the window is a status bar containing help information. Also at the bottom of the window are three buttons for viewing the document. Display toolbars. To manage toolbars in FrontPage, you can use the same methods as in Microsoft Word. Namely: in the View menu, select the Toolbars item, and in the new submenu that opens, check the boxes next to the toolbars that you need; or right-click on any control panel (or in the area next to it) and use the context menu in the same way. 
FrontPage, like other Microsoft Office applications, allows you to add, remove, swap menu items and toolbar buttons. It is also possible to create completely your panels. For this you need:
- From the Tools menu select Settings...
- in the View menu, select the Toolbars item, and in the cascading menu that appears, the Customize ... item. As a result of your actions, the Customize dialog box will open, where you can install the necessary panels.
Working with Web pages
Create a new web page
If you've launched FrontPage, then you've already created a new Web page (when you launch FrontPage, a new, blank Web page immediately opens up, ready for text and any other elements). There are other ways to create a new Web page:- using the New Page button on the Standard toolbar.
- on the File menu, select the New submenu, and then Page or Web site;
- using Ctrl+N combinations;
- using the context menu (works in all modes, except for the Tasks and Reports modes) - for this inside the Folder List of this Web) you need to right-click and select New - Page in the context menu that appears.
Creating pages using the wizard and templates
As mentioned above, if you use the File - New - Page or Web site menu to create a new page, FrontPage will prompt you to use a template to create a new page. To do this, it will open a dialog box, the appearance of which is given below:
The General tab of this dialog box lists the FrontPage templates currently available. After selecting any of the templates, you can view its description in the Sample field.
Create FrontPage Web.
Microsoft FrontPage Web is a collection of Web pages, image files, and other components that can be viewed as a single entity. If you make a site in FrontPage, then it is most convenient to use FrontPage Web to store it.- the most important plus is the ability to rename files that are part of FrontPage Web. Imagine that before publishing your site on the Internet, you suddenly noticed that a couple of files you have named Russian names. "Oh my God!" - you think, - "Now you will have to climb all the files and change the links with handles!" That's where FrontPage Web comes in - you can safely rename files, and FrontPage will go through all the other files included in FrontPage Web and rename any references to the file you've corrected. Great!
- I will not describe all the other advantages, but I would like to say that in order to use all the features of FrontPage, it is better to use FrontPage Web.
Opening Web pages
Very often, when creating a site, you have to edit already created Web pages. You can return to the same page as many times as you want to edit it or use parts of it to create new Web pages. You can open an existing Web page in any of the existing modes. From the Page Views mode, there are four ways to open an existing page:1 way
If you are working with FrontPage Web, then simply select the desired file in the Folder List and double-click on it.
2 way
From the File menu, select Recent Files. From the drop-down menu that appears, select the desired file.
3 way
Using the File Open dialog box: File Open.
Preview
To see how your page looks directly in the browser, you can use the Preview tab in the Web page editing mode. But in this case, it may turn out that the FrontPage browser will not display some elements of your page quite correctly, so it's best to:- use the Preview button on the toolbar
- From the File menu, select Preview in Browser.
Here you can:
- Select the browser in which you want to view your web page. As a rule, the browser that is installed on your machine by default is initially displayed here.
- Add any other browser, for which you need to use the Add button.
- Edit or remove installed browsers.
- Set the screen size on which your web page will be viewed
Saving Web Pages To save a file, on the File menu, select Save. If the page has never been saved before, FrontPage will open the Save As... dialog box.
By default, FrontPage takes the first line of text from your page instead of the page title. This is not always what is needed. You can change the page name using the Change button - clicking this button opens the Page Name dialog box, in which you can change the page name.
Removing Web Pages
When working with a Web site, sooner or later it will happen that you will no longer need some pages and you will want to delete them. There are three ways to delete a Web page.
1 way
In the Folder List pane, select the file you want to delete and press the Delete button on your keyboard.
2 way
In the Folder List pane, right-click the file (or file icon) you want to delete and select Delete from the context menu that appears.
3 way
In the Folder List pane, highlight the file you want to delete and then choose Delete from the Edit menu.
Work with text
At first glance, entering text in FrontPage is no different than entering text in any text editor (such as Microsoft Word). In order to type text, just click anywhere on the page, and the cursor will be placed at the nearest point where you can enter text. A set of capital letters, text editing (deleting characters, inserting text, etc.) is done in the same way as in Microsoft Word. There is only one small BUT: when you press the Enter key in FrontPage, the cursor is forced to move to a new line, while fixed paragraph indents are placed before and after the paragraph. If you do not need to create paragraphs, then it is best to use the Shift + Enter key combination to move to a new line.Working with images
Inserting Images into a Web Page
There are several ways to insert an image into your Web page:1. Drag an image from Windows Explorer (that is, directly from Explorer).
2. Drag an image from Internet Explorer.
3. Drag the image file from the Folder List panel directly onto the page.
4. Using the clipboard - copy the image to the clipboard from any other program, and then on the page paste it from the clipboard. 5. Using the Add picture from file button on the Standard toolbar.
6. Using the menu Insert -Picture.
Let's look at these methods in more detail:
Method 1 In order to drag an image from Windows Explorer (that is, directly from Explorer), you must:
- open an explorer window;
- in the explorer window, select the file with the picture that you want to insert on your page;
- drag the picture file onto your web page with the left mouse button; the picture will be inserted in the place where the insertion cursor was on the page.
To drag and drop an image from Internet Explorer:
- in FrontPage, open the page where you want to add an image;
- in the browser, open the image that you want to place on your browser Web page (the file name must end in jpg, jpeg, gif);
- drag the selected image onto your Web page with the left mouse button;
In order to drag an image file from the Folder List panel directly onto the page:
- in FrontPage, open the page where you want to add an image;
- select the required image file on the Folder List panel;
- drag the selected image onto your Web page with the left mouse button;
- The selected image will be inserted at the position where the insertion point was on the page.
To paste an image onto your web page using the clipboard, you need to:
- in the application from which you want to copy the picture, select the image and use the Ctrl + C keys to copy the picture to the clipboard;
- on your web page, paste this image from the clipboard using the keys Ctrl + V
If you choose to use the Add Image from File button on the Standard toolbar to insert an image into your Web page, FrontPage opens the Image dialog box. In this dialog box, specify the image file that you would like to add to your Web page and click the Insert button.
Method 6
If you choose to use the Insert Picture menu to insert an image into your Web page, FrontPage prompts you to make further choices:
- Pictures… - selecting this menu item gives you the opportunity to use the ready-made library of pictures.
- From file... - selecting this menu item gives you the opportunity to manually specify the location of the image file that you want to add to your Web page (using this item will open the Picture dialog box, which was described above).
- Create photo collection... - using this menu item, you can create a collection of images in a specific style. To do this, in the Photo Collection Properties window that opens, use the Add button on the Pictures tab to select images, and on the Layout tab select the design format.
Adding media files
In addition to simple graphics, such as images in *.gif, *.jpg, *.png, etc. formats. FrontPage allows you to place multimedia files on your Web pages. These include: video clips, sounds...To insert a video clip, select Picture from the Insert menu, and then Video Recording...
The Video dialog box will open and display video clips in *.avi, *.asf, *.ram, *.ra formats. You can add sound to a Web page on the General tab of the Page Properties dialog box.
Working with tables
A table is one of the most powerful tools used in creating websites. Initially, tables were used only to represent structured data. Gradually, however, they have evolved into a powerful universal tool for arranging Web pages.Creating tables
The easiest way to create a table is to use the Tables -Add Table button on the Standard toolbar. Another way is using the menu item Table -Insert - Table. And also the table can be drawn and pasted using the clipboard.Data entry and table navigation.
One of the great things about tables is that the entered text is formatted within the cell in the same way that we are used to formatting it within the entire document. Text placed in a cell automatically wraps to a new line if its length exceeds the width of the column. Pressing the Enter key inserts a new paragraph as usual. Text or numbers are entered into the table from the keyboard. Before you enter data into the table, you must place the text cursor in the desired cell in the table. This can be done by clicking on it with the mouse. However, it is more convenient to use keyboard shortcuts to move between cells:Create and apply forms
Forms are text fields, radio buttons, checkboxes, buttons, and many other controls. It is enough for a site visitor to enter some information in one or another text field, select some data from the proposed list, click on the Submit button, so that the data is sent to the Web server for processing (or processed right there on the page.But creating forms on the page itself is only half the job. Since there must be a program that can process the data entered by the user using forms.
Such a program may be hosted on a server; it may be in your Web site as a separate file, or it may simply be written in the html code on your Web page. It is she who determines what will happen with the information that the user entered:
- information can be added to the database and various graphs, ratings can be built on its basis ...;
- information can be sent by e-mail (this is often used to obtain information about the user in questionnaires of various kinds);
- information can be processed right on the spot and your site visitor will immediately receive response information (for example, he will receive points for a test, see the information entered by him in the guest book ...).
1. Each form occupies a certain area of the Web page. One Web page can contain one or more forms.
2. Each form must contain at least one of the form elements (although there are usually several of them).
3. Each form element has a name and a value. The name identifies the input field, and the value is set to the value selected by the user.
4. One of the form elements (it can be a regular button or any picture) must act as a Submit button.
Creating Forms in FrontPage
To add a form to a Web page:- Place the cursor where you want to insert the form.
- Select Form from the Insert menu and select Form again from the menu that appears. The form will be placed on your Web page - an area marked with a dotted box will appear with two buttons: Submit and Reset.
- Using the same menu item Insert Form, sequentially insert the form elements you need by selecting them from the drop-down cascade menu (remember that all form elements are inserted inside the form area marked with a dotted frame).
After the form is created, all that remains is to fill it with content - form elements, text, images, tables... (in this case, the size of the form will change automatically). You can add form content in the usual way. For example, text can be typed or pasted from the clipboard... All actions with added objects are similar. However, creating a form is only the beginning of the work. After its creation, it is necessary to set the properties of both the form itself and its elements.
Setting form properties
To process or store data entered by visitors to a Web page, you must either use the capabilities provided by FrontPage Server Extensions or some other program that runs on the Web server. But whichever program you choose, you still have to set the properties of the form and the elements in it. To open the form properties window:Select Form from the Insert menu, and then
or
call the context menu for the form and select the Form properties item in the context menu that opens.
This will open the Form Properties dialog box.
1. In the Save results field, you must specify what will need to be done with the data entered in the form. You can choose from the following options:
o Send Filename - The data will be placed in the specified file on the Web server. This file can be a Web page that gets longer and longer over time, or a data file that can then be processed in Excel, Access, or any other program;
o Sending Email address - in this case, each time the visitor of the Web page clicks the Send button on the form, an email message will be generated and sent to the address you specified. This message will contain all the data entered by the user on the Web page.
o In database - in this case the form data will be sent to the database. The database must reside on (or be accessible to) a Web server.
2. In the Form Properties field, you must specify the name of the form
View modes in FrontPage
FrontPage offers six different modes for viewing Web site content:- Page,
- folders,
- reports,
- transitions,
- hyperlinks,
- Tasks.
Page
In this mode, the creation and editing of Web pages is carried out. Here you can create blank Web pages and pages based on templates, assign themes to pages (a set of page presentation styles on the screen). In this mode, you can add and format text, design pages using graphic and video images (conversion of a number of graphic formats to *.gif, *.jpg and *.png formats is supported), add sound to the page, present information in tables, frames, and forms and, finally, create hyperlinks. This is by no means an exhaustive list of FrontPage's features for editing the content of Web pages.Folders
In this mode, you can view and manage the structure of the Web site (files and folders) in the same way as you do in Windows, this mode allows you to get more detailed information about files and folders than is provided in the Page view mode.Reports
Provides you with more than a dozen reports containing a variety of information about the Web site opened in FrontPage.Transitions
Designed to view the site hierarchy. In this mode, you can manipulate the hierarchy by dragging the rectangles (each representing a specific Web page).Hyperlinks
Demonstrates a system of hyperlinks that link the pages of a Web site (as well as a system of hyperlinks to other sites), provides verification of their integrity and the ability to change.Tasks
This mode is intended for managing Web site tasks (adding, deleting, executing, setting the priority of execution, as well as monitoring the status of tasks).Questions for self-control
- How to create a new page in Front Page Editor?
- How to open an existing web page?
- How to save finished web pages?
- Describe one way to insert a graphic image into a web page.
- What is the principle of working with text?
- What are forms?
- What are the web browsing modes in Front Page
