Использование веб-форм для создания интерактивных веб-приложений

Следующий шаг: создание ссылки на другую веб-страницу

Если ваше веб-приложение будет использовать несколько веб-страниц, можете использовать элемент управления HyperLink с закладки Web Forms окна Области элементов, который позволяет пользователям переходить с текущей веб-страницы на другую. Элемент управления HyperLink помещает на текущую веб-страницу гиперссылку, на которой пользователь может щелкнуть, чтобы отобразить другую веб-страницу. Когда вы используете элемент управления HyperLink, вы указываете текст, который будет отображаться как гиперссылка, и с помощью свойства NavigateUrl указываете требуемый ресурс, который вы хотите отобразить (либо URL, либо локальный путь).

Если вы уже создали веб-страницы, то можете добавить их в ваш проект веб-приложения и установить между ними правильные ссылки. Если вы хотите создать новые веб-страницы, можете использовать Visual Studio .NET.

В следующем упражнении с помощью Visual Studio вы создадите вторую веб-страницу и сохраните ее в формате HTML вместе с остальными файлами вашего проекта. Этот документ будет файлом справки, который смогут открыть пользователи вашего веб-приложения, чтобы получить дополнительную информацию. Затем вы добавите в проект WebCalculator элемент управления HyperLink, и установите свойство этого элемента управления HyperLink равным новой HTML-странице.

Создание HTML-страницы

1. Щелкните на команде Add HTML Page (Добавить HTML-страницу) в меню Project (Проект). Появится диалоговое окно Add New Item (Добавление нового элемента), в котором будет выделен шаблон HTML Page (HTML-страница).
2. Введите в текстовое поле Name (Имя) название WebCalculatorHelp.htm, а затем щелкните на Open (Открыть). Файл WebCalculatorHelp.htm добавится в Solution Explorer (Обозреватель решений) и откроется в HTML Designer (Дизайнере HTML) в режиме просмотра Design (Конструктор). Обратите внимание, что закладка Web Forms в Области элементов больше не отображается. Так как это HTML-страница, элементы управления веб-форм не поддерживаются.
3. Щелкните на HTML-странице и измените свойство pageLayout, расположенное в окне Properties (Свойства), на значение FlowLayout. Visual Studio удалит сетку с HTML-страницы.

4. Щелкните на HTML-странице, чтобы добавить курсор, и введите следующий текст:

   Калькулятор аренды автомобиля

   Эта программа Калькулятор аренды автомобиля была разработана для книги Microsoft Visual Basic .NET Шаг за шагом - версия 2003 Майклом Халворсоном. Это веб-приложение лучше всего просматривать в Microsoft Internet Explorer версии 5.0 или выше. Чтобы узнать о том, как было создано это приложение, прочтите "Использование веб-форм для создания интерактивных веб-приложений" книги.

   Инструкция по использованию.

   Заполните текстовое поле Стоимость аренды без знака доллара или запятых.

   Заполните текстовое поле Процентная ставка в десятичном формате. Не вводите знак %. Например, чтобы указать процентную ставку 9%, введите число 0.09.

   Обратите внимание, что этот калькулятор предполагает период выплат длительностью три года, или 36 месяцев.

   Чтобы вычислить базовые ежемесячные выплаты, которые не включают налогов или банковских сборов, щелкните на кнопке Вычислить.

5. С помощью панели инструментов форматирования добавьте форматирование жирным и наклонным шрифтами, как показано ниже.

   

   
   

   Теперь вы будете использовать элемент управления HyperLink для создания гиперссылки на вашей странице веб-формы, которая открывает файл WebCalculatorHelp.htm.