Microsoft Office FrontPage 2003 is a unique program with which you can easily create a website. Availability of Help, many simple ones, 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 program FrontPage can include a wide variety of functionality, ranging from hit counters that record the number of visitors on a page to photo collections that are sets 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 -- such as a photo gallery or link bar -- you don't need to install any additional software or server technologies on the web server that hosts the web site. Browsing time components are available on Web sites hosted on Web servers 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 in local network, on an intranet or on 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

Having created a hyperlink, follow it to the destination object to make sure that it leads to the desired page, program, file, address Email. 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 representing different sections of a Web site, such as Homepage, 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 -- selected in currently 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.

Examination special features Note: Microsoft Resources Office FrontPage 2003 introduces a new accessibility checker for web pages. Accessibility testing detects inconsistencies in certain features methodological recommendations on accessibility for web content (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

Completion Microsoft work FrontPage - CTRL+ SHIFT+8

Display non-printable characters - CTRL+ /

Display HTML tags in design mode - 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.

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

FrontPage (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.

Topic 3.3: Applications for creating websites

Topic 3.4: Application of the Internet in the economy and information protection

Programs for creating websites

3.3. Application programs for creating websites

3.3.2. Introduction to FrontPage

Web pages are based on the HTML (Hypertext Markup Language) language for describing hypertext documents. HTML uses commands called tags to define the content and format of hypertext documents. HTML pages are documents in plain text format containing special formatting commands (HTML tags).

To create a website using FrontPage, there is no need to learn HTML. FrontPage makes it quite easy to type text that can be placed on a Web page and place pictures in the right places. Using FrontPage, you can create effects that would normally require scripts or DHTML programs.

A site or Web site is a set of related Web pages and files that are related to each other. FrontPage has wizards that let you create a site, and templates, or a set of pre-designed text and graphic formats, from which new web pages can be created. FrontPage wizards and templates allow you to create different types of sites.

Each site has one Web page, which is called the main or home page. The home page is the first Web page that a site visitor lands on. Using navigation or hyperlinks, users will be able to get to other pages of the site.

Typically, a website is hosted on a Web server, a computer that provides access to Web pages to site visitors. FrontPage allows you to create a site directly on the user's computer's file system, and then publish it to a Web server when it's ready.

After launching the FrontPage program (Start - Programs - FrontPage), a program window will appear on the screen, displaying a new page (new_page_1.htm). The task pane displays the Getting Started panel.

Rice. 1.

The FrontPage application window consists of: a title bar, a menu bar, editing and formatting toolbars, tag quick select buttons (for editing and entering tags), page selection tab shortcuts (for moving between pages), a working window in which a new page is displayed , drawing panel, viewing mode buttons, expected page loading time indicator at 56 kbps, page size indicator, task area.

FrontPage offers four viewing modes: Design, Code, Split, and Preview. In the "Designer" mode, as in any text editor, you can create, edit and format a page in a visual mode, i.e. enter text, add pictures, tables. This automatically adds HTML language tags in the background, but does not display the HTML encoding on the screen.

In the "Code" mode, all encoding will be displayed on the screen and you can directly edit the HTML code, as well as enter new codes. The figure shows the HTML code for a new blank page in the FrontPage editor.

Rice. 2.

In the "Split" mode - a Web page is displayed on the screen simultaneously in Code mode and in Design mode. In viewing mode, the Web page looks similar to how it appears in a Web browser.

Commands that are designed to work with Web pages and Web sites are located in the View menu of the FrontPage program:

1. Page is the view and development mode of the page.
2. Folders – displays the folder structure of the current site.
3. Remote node – a node that is located on an Internet server.
4. Reports – provides a summary of the Web site.
5. Transitions – displays the structure of transitions between site pages.
6. Hyperlinks – opens a list of links on the current page.
7. Tasks – opens a list of tasks for the current site

Rice. 3.

Creating Web Pages in the FrontPage Application

Creating a New Blank Web Page

If, when you open a FrontPage program window, it displays a blank page, then you can develop a web page based on this page. If, when opening the FrontPage editor, a blank main window is displayed, then to create a new blank page, you must run the File/New command and select Blank Page in the task area. A blank page will appear in the application window. Next, you need to develop the page, i.e. perform page layout (structure), enter text, pictures, etc.

Rice. 4.

Creating a web page based on FrontPage templates

You can also create a new page based on one of the templates. To do this, select the “Other Page Templates” command in the task area. The Page Templates dialog box will be displayed on the screen, which presents various page templates by category.

Rice. 5.

Creating a web page based on existing web pages on your PC

You can also create a web page based on existing web pages on your computer. To do this, select the “From an existing page” command in the task area and select the required page in the dialog box that appears. You can then make the necessary changes to the page and save it under a different name.

Creating a website in the FrontPage application

Create a new blank site or create a site with no content

To create a new empty site, run the File/New command and select the “Other Web Site Templates” command in the task pane. The Web Site Templates dialog box will open, in which you need to select Blank Web Site and click OK. The FrontPage application window will display the website shown in the figure.

Rice. 6.

To create a blank home page in a new website, go to Transitions mode and click the New Page button in the Transitions panel; the home page will appear in the workspace (you can also use the context menu to create a home page).

Rice. 7.

Double-click on the home page with the left mouse button and it will open in design mode for editing (page - index.htm).

Rice. 8.

Next, you can design the home page (create layout or page structure, enter text, pictures, etc.), and then you can add pages to the home page in Transitions mode. To do this, in Transitions mode, select the home page and click the New Page button in the Transitions panel or use the context menu.

New page 1 will be added, which is shown in the figure. Next, add as many pages as needed for the site, then you can rename the pages and change their order. Next, on each page you need to enter content (text, tables, pictures, etc.), the result is a website.

Rice. 9.

Creating a website based on the FrontPage editor template

To create a site based on a template, run File/New and in the task area, click the Web Packages command, the Web Site Templates dialog box will open.

Rice. 10.

Select the required template or wizard to create a new site.

The created site has layout and design, but there is no content. Next, you need to enter the appropriate text, pictures, scripts, counters and other site elements into the pages of this site.

FrontPage website creation software- this is a real helper not only for beginners. All pages of the site look like html code. This code consists of many numbers, letters and symbols. To create a website you need to take and write this code.

To do this, you need to thoroughly understand what each symbol means. It is almost impossible for an ordinary person to do this. Here's what this site page looks like in html code:

Front Page website creation software

There is a special program that allows you to create websites without knowledge of html code. This program is free and is called Microsoft Office FrontPage. Basically, it's a visual editor and you see everything you create online.

Websites created in FrontPage are not afraid of viruses and hacker attacks. A copy of the site is stored on your computer. At any time, no matter what happens, you can post it on the Internet without any problems.

Download the Microsoft Frontpage program - Lessons for beginners

This is a very easy to use program. Any beginner can handle it. It is in Russian and is very similar to Microsoft Word (Word).

Download Microsoft Frontpage - free

Here's what it looks like after installation on your computer:

Download Microsoft Frontpage and install. If you have skills in Word, then it will not be difficult for you to create websites in Front Page. It will automatically translate everything you write into html code.

I assure you that working in the program is a pleasure. All lessons on this site are aimed at beginners. Therefore, we will learn how to make a website in a program that is very easy to understand.

Now you have briefly become acquainted with the purpose of the program. In subsequent lessons you will successfully master its basic functions and capabilities.

You will see that making a website with this program is as easy as shelling pears. Don't forget to download Microsoft Frontpage program, we will create a website in it.

First introductory lesson for beginners You passed successfully. Now let's move on and start creating the website. To do this, go to the next lesson. In it you will find out what parts a website page consists of.

5.1.1. Creating a new website and presentation modes………………... - 58

5.1.2. Organization of the structure website………………………………………….. - 61

5.1.3. Editing a web page…………………………………………… - 64

5.1.4. Adding and formatting text…………………………………….. - 66

5.1.5. Organizing Primary Colors web pages…………………………….. - 69

5.1.6. Creating and editing tables, layout tables……………….. - 69

5.2. Graphic images as application objects …………………………. - 76

5.2.1. Inserting a graphic and sound background into a web page………………
5.2.2. Inserting a picture on a web page………………………………………………………………
5.2.3. Image properties…………………………………………………………
5.2.4. Editing an image………………………………………………………………...
5.2.5. Drawn objects………………………………………………………………
5.3.1. Creating hyperlinks and bookmarks on web pages…………………….
5.3.2. Creating graphical hotspots……………………..
5.3.3. Control of hyperlinks using FrontPage 2003 ………………………
5.3.4. General boundaries……………………………………………………………….
5.4. Cascading Style Sheets (CSS) ……………………………………………………………
5.4.1. Internal styles……………………………………………………………….
5.4.2. Implemented styles………………………………………………………………
5.4.3. External style sheets………………………………………………………..
5.5. Frames (frames) in the FrontPage 2003 application …………………………………

5.6. Forms in the FrontPage 2003 application………………………………………………………. - 100

5.7. Application components and their brief description………………………. - 104

5.8. Additional features of FrontPage 2003 ………………………………… - 111

5.8.1. Using Wrapping and Positioning…………………………. - 111

5.8.2. Effects using Dynamic HTML and JavaScript……………….. - 113

Section 5. Microsoft Office FrontPage 2003 Application.

Microsoft Office FrontPage 2003 is an application designed for creating and maintaining websites (web sites) using a standard interface

WYSIWYG (“what you see is what you get”).

MS FrontPage2003 is available as a separate application. The size of the installation folder is 155 MB. Hardware requirements.

Computer and processor. PC with a Pentium 133 MHz processor or higher, Pentium III recommended.

additional 8 MB of RAM for each application running simultaneously.

HDD. 245 MB of free hard disk space and 115 MB of hard disk space,

on which the operating system is installed (requirements for available hard disk space depend on the configuration, as well as on the components selected during the installation process).

Operating systems: Microsoft Windows® 2000 Service Pack 3 (SP3), Microsoft Windows XP or later.

Help information on the program on the website – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

MS Office FrontPage 2003 provides a new development environment: layouts, rulers,

Gridlines, sample images, layers, templates, advanced themes are all designed to make the process of implementing a website project easier for a developer who may not even have knowledge of HTML. The web editor has convenient tools for working with tables, built-in tools for image processing, and allows you to easily place various multimedia objects on pages: drawings, videos, animations, sound fragments. Tight integration with the MS Office package allows you to display MS Word documents on pages,

MS Excel tables and graphs, dynamically obtain data from MS Access, use VBA, spell checkers and about 60 ready-made themes for designing website pages. MS FrontPage 2003 provides support for modern Web

technologies such as cascading style sheets (CSS), dynamic effects (DHTML), frames, active pages (ASP), ActiveX controls and Java applets.

The FrontPage program is not only a Web page editor, but also contains site management tools, such as a page navigation scheme, site analysis using various reports, collective development, customization for certain

browsers, uploading a site to a Web server via HTTP and FTP protocols. Using this program, you can not only create and edit web pages, but also insert various complex elements into them (counters, link bars, search bars, dynamic effects, creepers, etc.) without writing additional scripts.

However, most of these components will only work if the web

FrontPage (Microsoft), SharePoint™ Team Services 1.0 (Microsoft), or

Microsoft Windows® SharePoint Services. Some components may not work depending on the type of browser you are using. This imposes certain restrictions on the use of the application's capabilities when creating web pages.

The disadvantages of the MS FrontPage web editor include its predominant orientation to the Internet Explorer browser, so you should check the operation of the finished site in other browsers. And also some redundancy of the finished HTML code. The editor tracks changes in the page code and restores tags deleted by the user.

Figure 5.1 – MS Office FrontPage 2003 program window

Basically, MS FrontPage 2003 looks like most MS Office applications

2003 (Fig. 5.1).

	– header line		- Workspace
	– menu bar		– view button bar
	– standard toolbar		– “drawing” toolbar
	– “formatting” toolbar			- status bar
	– presentation panel			– task pane
	– information area of ​​the current			Reference

views To get help on the program, you need to run the command

Help→Microsoft Office FrontPage and in the FrontPage Help panel follow the links Table of contents . If your computer is connected to the Internet, documents located on the website http://office.microsoft.com are added to the help table of contents. Otherwise, the table of contents consists only of documents installed with the application.

5.1. Creating and editing a website in the application environment.

When starting to create a website, you need to decide on its topic, the number of subsections of the site and pages in each of them, i.e. develop a detailed structural diagram, as well as prepare text and graphic material for each of the web pages. The process of developing a website directly in MS Office FrontPage 2003 can be carried out using the following algorithm.

1) Create a new website or open an already created one.

2) Organize (edit) structure website.

3) Edit pages website in any order: 3.1) go to editing mode for a specific page;

3.2) set the properties of the web page;

3.3) enter text from the keyboard or paste it via the clipboard and format it; 3.4) insert background, sound, tables, graphics,

3.5) add dynamic effects and components of MS Office FrontPage 2003; 3.6) save the web page and view it in the Internet Explorer browser;

3.7) continue editing or move on to editing another web page.

4) If necessary, return to step 2 and add new ones web pages.

5) Close FrontPage 2003, open website in a browser and test it (view the website with different monitor extensions in different browsers).

5. 1.1. Creation of a new website and presentation modes.

To create a new website, you must complete the following steps.

1) Run command File→New.

2) On the Creation panel (1 Fig.5.2) of the task area, follow the hyperlinks

One-page website (2 Fig. 5.2).

3) In the Web Site Templates window that opens (3 Fig. 5.2), on the General tab, select the One-Page Web Site template (4 Fig. 5.2). Description of the template (5 Fig.5.2)

appears at the bottom right of the dialog box. (If you select any other template, the new website will already contain a number of web pages with a certain design, in some cases a special wizard will be launched

settings, with which you can set the structure of the website.)

4) Fill in the field Specify the location of the new website: (6 Fig.5.2) manually

(enter the full path) or using the Browse button (7 Fig.5.2) (define the location on

disk to save a new website, open (create) a folder, press the button

Open).

5) Press the OK button.

Figure 5.2 – Creating a new website

After the website is created (Fig. 5.3), on view panels The website tab (1) appears on view dashboard service information (2) and command buttons (3) available in this view, and in the working window the contents (4) of the current view.

Panel view buttons(5 Fig. 5.3) contains six buttons with which you can switch to different modes of presenting the website.

Folders View – Shows a list of folders and pages on a website. In this mode it is convenient to create new folders using the Create folder button on the right side

Figure 5.3 – View of the Folders website

Remote Web Site view – used to view your web

site on a remote web server.

Reports view – contains a list of report options about the website. Each summary report has its own name, number of items, total file size, and description.

This mode, for example, can be used to identify errors in hypertext transitions.

Transitions view – shows a graphical representation of the structure of a website.

pages.

Tasks view – used to organize tasks for creating web-

website (usually used if several people are involved in working on a website).

All of these views are accessible from the View menu.

A website created with FrontPage 2003 can contain web pages, pictures, multimedia files, i.e. Almost all possible types of files, as well as hidden folders and files (not displayed in the application), supporting special functionality of the application. Hidden folders include _vti_cnf and _vti_pvt. They can be seen if you open the web site folder, for example, in the My Computer program. The _vti_cnf folder contains information about each file, such as information about

By default, when created One-page web site, folders are created

Private and images and the index.htm file are the first (home) page of the website.

To view the index.htm web page, you need to double-click the left mouse button on the file name. As a result, on view panels to the right of the tab

website, the index.htm tab will appear (1 Fig.5.4) and the Close button (2 Fig.5.4), on view information area panels button Quick tag selection(3 Fig.5.4), and in

work area a blank document will be displayed. On view button bars (4

Fig.5.4) buttons will appear with which you can switch to various modes of editing a web page.

Designer View – Displays the web page as an advanced word processor in WYSIWYG mode.

Split View – displays the same web page in both the enhanced word processor mode and the web page's HTML code editor. Changes made in one of the modes are immediately reflected in the second.

Code view – allows you to directly edit the HTML code of the web

pages.

Preview View – Shows how the page will look in the browser.

To access these views, use the View→Page command.

In order to see a list of files and folders on a website in the Page view, you need to run the command View→Folder List or press the button

Switch panel on the standard toolbar or simultaneously press ALT and F1 on the keyboard.

IN As a result, the work area is divided into two parts (Fig. 5.4). In the left

– views of the website Folder List (5) or Transitions, on the right – any view from the View menu.

This organization of presentation of a website for editing in the program

FrontPage 2003 seems to be the most convenient.

To increase the working space of the web page you are editing, you can close the task pane. To prevent this panel from appearing on subsequent launches of the FrontPage 2003 application, you need to run the command

Tools→Options and on the General tab, uncheck the box to open the task pane.

In order to finish working with the website you need to run the command

File→Close Node.

Figure 5.4 – FrontPage 2003 program window after executing the command View→Folder List

To open a website in FrontPage 2003, you must complete the following steps.

Run command File→Open node.

In the Open a website dialog box that opens, open the folder that is the website.

Click the Open button.

5. 1.2. Organization
website structure.
After the website
created, you need to create it
the original structure, i.e.
add	necessary
new web pages. Addition					Figure 5.5 – Transitions information panel
new web pages into the structure					– creating a new web page
site can be organized					– adding an existing web page
					– creating a link bar
different ways.					– inclusion (exclusion) in the link bar
	Let's consider				– subtree view
creating web pages in mode					– horizontal or vertical placement
representation					– selecting the structure display scale

Transitions. In this mode (Fig. 5.5), web pages are displayed in the form of a graphical diagram (8), and the information panel contains commands (1-7) that allow you to work with

website structure. To create new web pages, you must complete the following steps.

1) Press button 1 on the information panel. If at this moment none of the web pages of the structure has been selected, then a web page with the title

Top page 1. In the event that any of the available web pages

structure has been selected, a web page will appear with the title New Page 1 connected by a thin line (8) to the selected page. The same effect as in the latter case can be achieved by right-clicking on any of the available web pages and executing the command in the drop-down menu New→Page. All subsequent pages will differ from the previous ones only by number.

2) Then, so that the created web pages are displayed in the Folder List window

you must execute the Refresh command either on the standard toolbar or from the View menu.

3) In the List of folders window of a web page with headers Top page X

correspond to toppageX.htm files, web pages with header New page X, correspond to the files new_str_X.htm, where X is the number. Files with names

new_str_X.htm must be renamed so that their names consist of

only from Latin letters, numbers and permitted symbols . To do this, right-click on the corresponding file and select the command Rename and

replace the file name with the required one.

4) When changing the structure of a website, existing pages can be deleted (right-click on the desired one, select Delete, turn on the bottom checkbox and click OK) and move according to the scheme (left-click to move the page to the desired location). If the web being deleted or moved

page has lower level pages, they will also be deleted or

	moved.
			created		web pages
	placed in the root folder of the website. If
	there are a lot of pages, it is logical to place them in different
		in accordance with		structure.	For this
	window List of folders (Fig. 5.6) you need to create						Figure 5.6 – Folder List window
								Create a web page
	information panel Folder List) and pressed							- create a folder
								- close a window

Left-click to move files to the desired folders.

II. Let's consider the process of creating web pages using the Folder List window (Fig. 5.6). This window displays the folders and files of the website in alphabetical order, indicating their nesting. In order to create new web pages, you must complete the following steps.

1) Using button 2, create the required number of folders with a certain nesting structure, changing the names New folderX to the required ones.

2) Select the folder in which you plan to create web page.

3) Press button 1 and replace the name of the new file from new_page_Х.htm with the required one

(only Latin letters, numbers and permitted symbols ) without changing the extension

.htm file.

4) If necessary, you can drag files from folder to folder by pressing the left mouse button.

5) For convenience and clarity of working with the resulting structure website, you can also arrange it in graphical form. To do this, select the website presentation mode Transitions and press the left mouse button to transfer the created web pages to

graphical block diagram. If necessary, you can change the names of the graphic elements of the diagram by right-clicking on the desired one and selecting the command

Rename.

Figure 5.7 – Saving a new website web page