Microsoft frontpage description. Description of the Microsoft Office Frontpage program

Office System Professional 2003, so it can be installed together with other Microsoft Office applications or separately. We won't outline the installation process and will assume that you have already installed FrontPage on your computer.

To launch the FrontPage program, click the Start button on the Windows Taskbar and select Programs - Microsoft Office - Microsoft Office FrontPage 2003 from the menu that appears.

When you launch the program for the first time, a dialog will appear on the display informing you that the FrontPage program is not a default WEB page editor and suggests making it one.

Click Yes. Only the working window of the program remains on the display.

Description of the FrontPage menu

The window title contains the system menu icon, the title of the program with the name of the document currently being edited, and the usual buttons for minimizing and closing the program window. Below is a menu containing commands for controlling the program. During operation, occasionally used menu items may be hidden, and in order to select them, you must additionally click on the arrow at the bottom of the second-level menu.

Below the menu there are two toolbars: Standard for quickly calling up more commonly used commands and Formatting for formatting text. Like other programs from the Microsoft Office suite, the FrontPage editor allows you to show or hide certain toolbars, and also change the set of buttons on the panels.

The main part of the working window is occupied by tabs of edited documents. The current document is new_page_1.html.

On the right side of the working window there is a task area, in which you can find help about various functions of the program, do various things - search, work with the clipboard, and the like. The task area can be hidden, freeing up space for designing pages.

Close the task pane by pressing the Ctrl+F1 key combination.

To show the task area again, you need to press the Ctrl+F1 button combination again.

At the bottom of the program's working window there is a status bar, which displays the progress of various commands.

How to work with WEB pages.

Microsoft FrontPage has several methods for viewing the content of a WEB site, making it easier to develop, publish and manage it. You can work with WEB pages using one of the following views:

Page.

Folders.

Remote WEB Site.

Reports.

Tasks.

In Page View, you can use one of four page view modes:

Design is the default mode. In this mode, you can develop and edit WEB pages, using virtually all the capabilities of the WYSIWIG concept.

Code. Allows you to view, record and edit HTML tags without the help of others. Using the code optimization tools in Microsoft FrontPage, you can produce clean HTML code; The procedure for removing unnecessary code is also simplified.

With division (Split). In this mode, you can inspect and edit the contents of a WEB page in a split-screen format that provides simultaneous access to Code and Design modes.

Preview. Allows you to view the appearance of a page in a WEB browser without saving it. This mode is used to check the page before saving after making small, doubtful configurations.

In the Page view, its presentation mode is selected in the lower left part of the FrontPage working window.

In the Folders view, you can use folders for specific work with files and folders, as well as for organizing the content of the WEB site. In this view, folders can be created, deleted, copied, and moved, just like in Microsoft Windows Explorer.

The Remote WEB Site view can be used to publish the entire WEB site or selectively publish individual files. You can also synchronize files in two or more locations to ensure sites with similar content are updated at the same time. The view can be filtered to show folder contents, publishable files, non-publishable files, and conflicting files.

The Reports view allows you to view the contents of a WEB node after executing a report request. You can calculate the total amount of memory occupied by files on a node, show files that are not related to other files, detect unhurried and outdated pages, group files by task or by the person to whom they are assigned, and do other tasks.

Using the Navigation view, you can show the hierarchical structure of WEB pages. This view allows you to change the placement of pages on a site using normal mouse movements.

The Hyperlinks view displays the status of WEB node hyperlinks in the form of a list. This list includes internal and external hyperlinks and uses icons to indicate tested or broken hyperlinks.

The Tasks view displays all WEB site tasks in a column format and contains current information about each task under the appropriate headings.

How to load a ready-made WEB site into the FrontPage editor

Any of the listed views can be enabled using the View menu commands. To better understand the purpose of different views, we will load the finished WEB site into the FrontPage editor using the import operation.

Select the menu command File - Import. The Import WEB Site Wizard - Welcome dialog will appear on the display, in which you need to find the method for obtaining files and their location.

You can import a WEB site located on your local disk. To do this, you need to select the File System switch in the How do you want to get the files? switch group and specify the folder with WEB site files in the WEB Site Location input field.

With the HTTP Protocol (HTTP) switch selected by default, you can import a ready-made WEB site directly from the Web.

To import a WEB site from the Internet, in the WEB Site Location input field, enter the WEB site address, for example gov.ru.

In the Local copy location field, you can specify the folder on your hard drive to which the imported files will be copied. Let's leave the default folder name in this field.

Set the Import the home page plus linked pages flag and enter 5 in the input field with a counter to the right of this flag to limit nesting in the structure of folders and files of the WEB site to five levels.

Select the Import a maximum of flag and enter 1000 in the input field to the right of this flag to limit the total size of imported files to 1000 kb.

Set the Import only HTML and image files flag.

For informational purposes, we do not need to download the entire WEB site. Therefore, if you use a weak Internet connection, you can reduce the volume of downloaded files and the number of levels in the WEB site structure.

Click the Finish button in the final dialog of the wizard. A connection to the Internet will be established, and the Import WEB Site Progress dialog will appear on the display, which will display the process of downloading WEB site files.

During the process of downloading WEB site files, the Confirm File Replace dialog may appear.

If the Confirm File Replace dialog box appears, click the No button so as not to replace an already copied file.

The import will be completed after all files have been downloaded or when the established WEB site size limit has been reached.

During the import process, the FrontPage program copies WEB site files from a remote server to a local disk and places them in a separate folder. In practice, a WEB site is a set of files contained in a specific folder and subfolders. Typically, FrontPage places WEB sites in the My WEB Sites folder, which is created in the My Documents folder. If a WEB site does not have a name, it is assigned the default name my_node (myweb1) or something similar.

After the WEB site import is completed, it will be loaded into the FrontPage editor, and the path to the WEB site folder on the local disk will appear in the title of the program window next to the application title. The program will switch to Folders view. A folder tree will be shown on the left side of the program’s working window, and a new tab will appear on the right side with a list of folders and files of the WEB site.

Right-click on the new_page_l.htm tab (new_page_l.htm) and in the context menu that appears, select the Close menu command to close the blank page created when the program was launched.

In the Folders view, all pages, pictures and other files that make up the WEB site are presented in the same way as in the Explorer program of the Windows operating system. The folder tree is displayed on the left, and the contents of the selected folder on the right. In this mode, you can move, delete or rename files while working on a WEB site. Double clicking on the page file name opens it for editing. Typically, the file of the main page of a WEB site is named index.htm or default.htm.

Find the file with this name in the list of files and double-click on it. A new index.htm tab will appear on the right side of the working window, and it will show the selected page in the Design mode of the Page view.

On the View menu, the Page view is highlighted, and the view's Design mode is highlighted at the bottom of the index.htm tab.

The Design mode of the Page view is intended for editing and viewing the current page of the WEB site. This is the main operating mode in which commands for inserting parts, formatting text, working with tables and other FrontPage tools for editing pages are available. At the bottom of the tab there are buttons for selecting other page presentation modes.

In the Split mode of the Page view, you can inspect and edit the contents of a WEB page in a split-screen format that provides simultaneous access to Code and Design modes.

The Code mode of the Page view allows you to independently view, write, and edit HTML tags.

In this and the previous two modes, in the upper part of the index.htm tab there is a panel for quickly selecting a tag, which can be hidden or shown using the menu command View - Quick Tag Selector.

The Preview mode of the Page view allows you to view the appearance of the page in a WEB browser without saving it.

Close the index.htm page by pressing the Ctrl+F4 button combination. We will again return to the WEB Site tab in the Folders view.

Click the Reports button at the bottom of the WEB Site tab. The Site Summary report will be displayed on the right side of the window, containing general information about the structure of the WEB site: the number of files, pictures, links and other information.

The Reports view allows you to receive and view statistical information about the WEB site and conduct analysis in order to identify possible problems and errors made during development. The FrontPage editor offers various reports that collect information about the size of the WEB site, the number of pages and pictures, hard-to-reach pages, broken links, “slow” pages and other information. These reports can be selected from the drop-down list at the top of the WEB Site tab.

Select the menu command View - Transitions (View - Navigation).

The Navigation view was created to create a structural diagram that defines connections and probable paths of transition between pages of a WEB site. Such a scheme is required, for example, to create and automatically update navigation menus on pages and the table of contents of a WEB site. The navigation scheme is used only at the design stage and is not stored on the WEB server, therefore the imported WEB site does not have it. We will talk more about the navigation structure in a separate experiment.

In this mode, the right side of the working window displays a diagram of hypertext links between WEB site pages, documents and pictures. Using this scheme, you can track incoming and outgoing links for each page. We will talk about links in more detail in a separate experiment.

The Tasks view is primarily intended for planning collective work on a WEB site project. In this mode, you can schedule tasks, assign them to individual developers, and monitor their progress.

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 language, 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 rich 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 look at 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

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.

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

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

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

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

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

Standard HTML editor

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

Split editor

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

View Mode

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

Spell check

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

Working in multiple tabs

The program allows you to work in several tabs, that is, simultaneously create several web pages.

Applying templates

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

Linking to Web Sites

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

Advantages

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

Flaws

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

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

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

Functional

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

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

Operating modes

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

Key Features

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