Методическое пособие по курсу «Веб-технологии и современные средства разработки»




НазваниеМетодическое пособие по курсу «Веб-технологии и современные средства разработки»
страница3/3
Дата публикации18.11.2013
Размер0.77 Mb.
ТипМетодическое пособие
uchebilka.ru > Информатика > Методическое пособие
1   2   3
runat="server"




  • Встроенные элементы управления веб-сервером соответствуют простым элементов HTML.

  • Проверка управления скрыто контролируют, пользовательский ввод в отношении предопределенных шаблонов.

  • Широкий круг элементов управления веб-сервером предоставляют широкие функциональные возможности, для того, чтобы ваша веб-форма могла осуществлять сложные функции.

  • Элементы управления типа списка, таблиц могут отображать данные из источника данных.


Вопрос: Расскажите о реальном использовании для каждого из следующих элементов управления: CheckBox, CompareValidator, календарь и DropDownList.

Вопрос: Является ли целесообразным использование серверные элементы управления HTML, а не элементов управления веб-сервером?
Урок 3

Мастер создания страниц

С помощью главной странице, вы можете обмениваться контентом между несколькими страницами в веб-приложении. Это позволяет вам организовать свое приложения на определенном уровне. Этот урок представляет мастер страниц и описывает, как создавать веб-форму, которая используется в качестве главной страницы.

Для создания главной страницы

  1. В Solution Explorer щелкните правой кнопкой мыши на проекте, а затем нажмите кнопку Add New Item (Добавить новый элемент).

  2. В диалоговом окне Add New Item (Добавление нового элемента):

  1. В области Templates (Шаблоны) выберите Master Page.

  2. В поле Имя введите имя для новой страницы, и нажмите кнопку Добавить.


Вопрос: Какой тип контента в вашем собственном веб-сайты могут быть пригодны для главной страницы?

Страницы с содержание включают содержание элементов управления, которые отображаются на ContentPlaceHolder управления на главной странице.

  1. В Solution Explorer щелкните правой кнопкой мыши на проекте, а затем нажмите кнопку Add New Item (Добавить новый элемент).

  2. В диалоговом окне Add New Item (Добавление нового элемента):

  1. В области Templates (Шаблоны) выберите Web Form (Веб-форма).

  2. В поле Имя введите имя для новой формы.

  3. Установите флажок Select master page, а затем нажмите кнопку Add (Добавить).

  1. В диалоговом окне Select a Master Page кликнете имя главной странице, и нажмите кнопку ОК.




Весь процесс выполнения поведения главных страниц выглядит следующим образом:

  1. Пользователь вводит URL страницы с содержанием, запрашивающей на этой странице.

  2. ASP.NET читает директиву @ Page страницы с содержанием. Если директива содержит атрибут MasterPageFile, ASP.NET получает главную страницу.

  3. ASP.NET сливает содержанию главной страницы в дереве контроля содержания страницы.

  4. ASP.NET делает окончательное объединение страниц в браузере.



Есть несколько преимуществ от главных страниц.
Вопрос: Каковы некоторые из преимуществ главных страницы?


Упражнение 1: Создание веб-формы Default.aspx
Сценарий
Винзавод Coho предлагает ряд преимуществ для своих сотрудников. В данной лабораторной работе вы создадите веб-сайт, который позволит сотрудникам, выбирать и настроивать их выгоды.

В этой лабораторной работе, вы создадите пользовательский интерфейс для веб-форм Default.aspx и Life.aspx и страницы на веб-сайте Benefits. Веб-форма Default.aspx является домашней страницей веб-сайта Benefits. Веб-форма Default.aspx отображает список преимуществ, которые предлагает компания. Веб-форма Life.aspx позволяет пользователю ввести информацию о страховании такую, как свое имя, дату рождения, а охват суммы. Cтраница Life.aspx использует также главную страницу, которая содержит заголовок веб-сайтf Benefits и логотип для компании Винзавод Coho.

В этом упражнении вы добавите пользовательские элемент управления, элемент управления списками, элемент управление ^ Label (Надпись), Button (Кнопка) на странице Default.aspx. Вы также установите атрибуты элемент управления списками для отображения статического переченя информации.
Основными задачами этого мероприятия являются:

1. Откройте веб-сайт Benefits.

2. Расположите элементы управления на веб-форме Default.aspx.

3. Добавление пункты в элементы управления CheckBoxList.
Задача 1: Откройте веб-сайт Benefits.

1. Запустите Microsoft Visual Studio 2008.

2. Откройте веб-сайт Benefits из E:\Labfiles\Starter\CS\Benefits или E:\Labfiles\Starter\VB\Benefits.

Visual Studio 2008 открывает решения Benefits.

Это решение содержит веб-сайт, также названный Benefits.
Задача 2: Расположите элементы управления на веб-форме Default.aspx

Веб-форма Default.aspx будет служить главной страницей запись для веб- приложения. На данной форме необходимо отобразить список доступных преимущества и предоставить пользователям возможность выбирать те преимущества, которые им необходимы.

1. Откройте форму Default.aspx в режиме конструктора.

2. В Solution Explorer, используя Drag-и-Drop операции разместить файл header.ascx в верхней части веб-формы Default.aspx. Разместите заголовок внутри контейнера Div на форме.
3. В панели инструментов, перетащите элемент управления CheckBoxList, Button и Label на веб-форме. Используйте клавишу Enter, чтобы разделить между собой элементы управления на форме.
Примечание: Убедитесь, что, когда вы будите нажимать клавишу ENTER элементы управления не были вами выделены, так как Visual Studio 2008 при этом генерирует обработчик событий. В качестве альтернативы клавишу ENTER, вы также можете использовать теги
в коде странице.
Ваша веб-форма должна напоминать на следующем рисунке.



4. В окне свойств установите идентификатор и свойства текста для элементов управления CheckBoxList, Button и Label, как показано в следующей таблице.



5. Сохраните веб-форму Default.aspx.

6. В окне редактора, выберите Source, чтобы показать разметку для страницы Default.aspx.

Изучить XHTML, который был добавлен Visual Studio 2008 для элементов управления CheckBoxList, Button и Label.

7. Откройте страницу Default.aspx в окне браузера. Страница должна выглядеть как на иллюстрации.



8. Закройте окно браузера.
Задача 3 Добавление пунктов в элемент управления CheckBoxList

Теперь вы будете добавлять некоторые временные пункты в элемент управления CheckBoxList.

1. Откройте страницу Default.aspx в режиме конструктора.

2. На веб-форме Default.aspx, нажмите на элемент управления listBenefitsCheckBoxList.

3. В окне свойств откройте диалоговое окно ListItem Collection Editor для свойства Items элемента управления listBenefitsCheckBoxList.

4. В диалоговом окне ListItem Collection Editor добавьте пункты, которые приводятся в следующей таблице.




5. Нажмите кнопку ОК, чтобы закрыть диалоговое окно ListItem Collection Editor и сохранить новые пункты.

6. Сохранить веб-форму Default.aspx.

7. Открыть страницу Default.aspx в окне браузера.

8. Убедитесь, что пунеты в элементе управления CheckBoxList отображается правильно.

9. Закройте окно браузера.
Результаты: После этого упражнения, вы должны добавить пользовательский элемент управления, элемент управления списками и другие на страницу Default.aspx.
Упражнение 2: Создание главной страницы benefitsMaster
Сценарий

В этом упражнении вы создадите главную страницу для веб-сайта Benefits. Эта страница содержит заголовок и логотип, который должен отображаться на нескольких страницах веб-сайта.
Основными задачами этого мероприятия являются:

1. Создание главной страницы.

2. Добавить элементы на главной странице.
Задача 1: Создание главной страницы

• Создание новой главной страницы, именуемой benefitsMaster.master.
Задача 2: Добавление элементов на главной странице

Главная страница будет содержать заголовок и логотип. Вы поместити эти пункты внутри таблице на главной странице. Логотип хранится в файле RedWine.jpg, который вам необходимо добавить на веб-сайт Benefits.

1. Откройте страницу benefitsMaster.master в режиме конструктора.

2. На странице benefitsMaster.master, нажмите на странице в самом начале страницы, перед ContentPlaceHolder контейнера.

3. С помощью меню Таблица, вставьте на главную страницу одну строку, и две колонки таблицы.

4. Создайте подкаталог с именем Images в веб-сайт Benefits.

5. Добавить файл E:\Labfiles\Starter\RedWine.jpg в папку Images в веб-сайт Benefits.

6. В Solution Explorer, используя операции. Drag-and-Drop разместите файл RedWine.jpg в левой ячейке таблицы на странице benefitsMaster.

7. В диалоговом окне Accessibility Properties, в поле Alternate text введите Coho Winery logo и нажмите кнопку ОК.

8. Установити высоту и ширину изображения RedWine.jpg на 35 пикселей в ширину на 60 пикселов в восоту.

9. В Solution Explorer, используя операции. Drag-and-Drop разместите файл header.ascx в правой ячейке таблицы на странице benefitsMaster.

10. Сохранить страницу benefitsMaster.master.

11. Откройте код главной странице.

12. Изучить HTML–код главной страницы.
Код для тела главной странице должна выглядеть следующим образом

Пример.


















coho winery logo













1   2   3

Похожие:

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconУчебно-методическое пособие (для студентов дневной формы обучения...
Учебно-методическое пособие предназначено для того, чтобы помочь студентам начать использовать современное программное обеспечение...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconУчебно-методическое пособие по курсу экономико-математические
Алесинская Т. В., Сербин В. Д., Катаев А. В. Учебно-методическое пособие по курсу "Экономико-математические методы и модели. Линейное...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconМетодическое пособие по курсу «спортивная метрология»
Методическое пособие предназначено для студентов специальности «Спортивный менеджмент», преподавателей, аспирантов. В пособии рассматривается...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconМетодическое пособие по курсу "Базы данных и информационные системы"
Ивановна. Методическое пособие по курсу "Базы данных и информационные системы" / Т. И. Петрушина, Д. В. Коломиец; ону им. И. И. Мечникова,...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconМетодическое пособие по курсу "Базы данных и информационные системы"
Методическое пособие по курсу "Базы данных и информационные системы" / Т. И. Петрушина, Д. В. Коломиец; ону им. И. И. Мечникова,...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconЛабораторная работа №2 По дисциплине: «веб-технологии и веб-дизайн»...
Цель работы: ознакомление с основными понятиями и принципами веб-дизайна; знакомство с основными возможностями по разработке веб-страниц...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconУчебно-методическое пособие по курсу «История еврейского народа»
Учебно-методическое пособие по курсу «История еврейского народа». Киев: мсу, 1998 г. 56 с

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconСоматопсихология учебно-методическое пособие по курсу «Соматопсихология»
Соматопсихология: Учебно-методическое пособие по курсу «Соматопсихология» – Ульяновск: УлГУ, 2005

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconМетодическое пособие по курсу «теория и методика физического воспитания и спорта»
Методическое пособие предназначено для студентов специальности «Спортивный менеджмент», преподавателей, аспирантов. В пособии рассматривается...

Методическое пособие по курсу «Веб-технологии и современные средства разработки» iconМаран М. М. Программирование на языке C#. Методическое пособие по...
Программирование на языке C#. Методическое пособие по курсу «Программирование на языках высокого уровня». – М.: Издательство мгту...

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<