Стартовая HTML-страница.

И наконец, последний "ингредиент" развертывания - тестовая страница HTML. Она является точкой входа в содержимое Silverlight. Посетитель запрашивает страни­цу с помощью браузера. В изолированном решении Silverlight программа Visual Studio присваивает файлу тестовой страницы имя TestPage.html. В проекте, хостируемом страницей ASP.NET, тестовая страница получает имя на основе имени проекта. Чаще всего ее переименовывают, присвоив более информативное имя.

Тестовая страница HTML не содержит разметки или кода Silverlight. Вместо этого в ней с помощью кода JavaScript определяется область содержимого для надстройки Silverlight. По этой причине в браузере должна быть включена поддержка JavaScript, иначе браузер не сможет вывести содержимое Silverlight на экран. Ниже приведена сокращенная версия тестовой страницы HTML, в которой, однако, сохранены все суще­ственные компоненты.

.

TecroBaH страница проекта Silverlight

/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none">

"http://go.microsoft.com/fwlink/?LinkId=108181" alt="ycTaHOBMTe надстройку Microsoft Silverlight" style="border-style: none"/>

Ключевой компонент разметки - элемент , отмеченный полужирным шриф­том. Он представляет область содержимого Silverlight и содержит элемент , который загружает надстройку Silverlight. Элемент содержит четыре ключе­вых атрибута: data (идентификация объекта как области содержимого Silverlight), type (задание требуемой версии Silverlight, вторая или выше), height (высота области содер­жимого Silverlight) и width (ширина области содержимого).

Изменение тестовой страницы

При использовании сайта ASP.NET тестовая страница генерируется только один раз при создании сайта. В результате страницу HTML можно изменять, не беспокоясь о том, что изменения будут переопределены. При использовании изолированного проекта без сайта ASP.NET программа Visual Studio генерирует тестовую страни­цу при каждом запуске проекта. В результате этого любые изменения тестовой страницы отбрасываются. Если нужно настраивать тестовую страницу, легче всего создать ее для проекта вручную. Для этого выполните следующие операции.

1. Выполните проект, как минимум, один раз, чтобы Visual Studio сгенерировала тестовую страницу.

2. Щелкните на пиктограмме Show All Files (Показать все файлы), расположенной в верхней части окна Solution Explorer (Проводник решений).

3. В окне Solution Explorer разверните папку Bin\Debug.

4. Найдите файл TestPage. html, щелкните на нем правой кнопкой мыши и выберите команду Сору (Копиро­вать). Щелкните правой кнопкой мыши на папке BinXDebug и выберите команду Paste (Вставить). Копия будет служить пользовательской тестовой страницей. Щелкните правой кнопкой мыши на новом файле и выберите команду Rename (Переименовать). Введите произвольное имя.

5. Чтобы сделать пользовательскую тестовую страницу частью проекта, щелкните на файле правой кнопкой мыши и выберите команду Include in Project (Включить в проект).

6. Чтобы направить Visual Studio на пользовательскую тестовую страницу при выполнении проекта, щелкните на файле тестовой страницы правой кнопкой мыши и выберите команду Set As Start Page (Назначить стартовой страницей).

Примечание. Будьте осторожны при модификации, казалось бы, тривиальных компонентов тестовой страницы HTML. Некоторые из них необходимы для обеспечения совместимости с браузерами определенных типов. Например, запятая в конце атрибута data элемента обеспечивает совместимость с браузерами Firefox. Невидимый элемент в конце элемента позволяет выполнять навигацию в браузерах Safari. Фактически, вы можете модифицировать только значения ширины и высоты, список параметров и альтернативное содержимое.

Задание размеров области содержимого Silverlight

По умолчанию области содержимого Silverlight присваивается ширина и высота 100%, в результате чего содержимое занимает все доступное пространство в окне брау­зера. Размер области содержимого можно зафиксировать, жестко закодировав значения ширины и высоты в пикселях (обычно так не делают, поскольку такое ограничение слишком сильное). Можно также расположить элемент , содержащий область, в ограниченном месте страницы, например в ячейке таблицы, в другом элементе с фиксированными размерами или между другими элементами в многоколоноч­ной структуре.

Страница XAML может содержать жестко закодированные размеры, даже когда установленные по умолчанию размеры тестовой страницы ограничивают область содер­жимого Silverlight доступным пространством в окне браузера. Программа Visual Studio по умолчанию присваивает каждой новой странице Silverlight ширину 4 00рх и высо­ту ЗООрх путем установки атрибутов Height и Width корневого элемента UserControl. Если окно браузера больше, чем жестко закодированные размеры страницы, дополни­тельное пространство не используется. Если же оно меньше, часть страницы может оказаться за пределами видимой области окна.

Жесткое кодирование размеров полезно при создании сложных графических струк­тур с абсолютным позиционированием и минимальной гибкостью. В противном случае атрибуты Width и Height лучше удалить из открывающего дескриптора . Тогда размеры страницы совпадут с размерами области содержимого Silverlight, а раз­меры области содержимого будут определяться окном браузера. В результате содержи­мое Silverlight всегда будет вписываться в текущее доступное пространство.

Чтобы увидеть фактические размеры области содержимого Silverlight, добавьте в нее рамку с помощью простого правила в дескрипторе , например, следующим образом.

Расширяемые и масштабируемые страницы Silverlight рассматриваются в главе 3 при обсуждении структуры страницы.

активный текстили изображение

Если файл находится в другой папке, то нужно указывать путь к нему.

Например:

активный текст или изображение

активный текстили изображение

Например:

активный текст или изображение

Можно организовать сообщение по электронной почте:

активный текстили изображение

Например:

Атрибуты тэга < BODY > для задания цвета ссылок

LINK = цвет или код цвета

ALINK = цвет или код цвета

VLINK = цвет или код цвета

активный текст или изображение

начало текстового фрагмента

активный текст или изображение

Создание и использование графических объектов для гиперссылок в ЭУ.

Кнопка с помощью HTML тега form

Этот вариант также является одним из методов создания кнопки в виде ссылки. Элементарный пример кнопки созданной с помощью тега form и input :

Вот как это примерно будет выглядеть на странице:

Вместо URL1 и URL2 надо написать адреса страниц, куда необходимо осуществить переход.

Кнопка в виде изображения

Для этого Вам понадобится всего лишь найти подходящую картинку для кнопки. Например, картинка с Вашей кнопкой называется button.jpg. Тогда, для создания ссылки код должен быть следующим:

Сделать красивую кнопкусейчас можно различными способами и множеством сторонних программ. Распространённый и часто используемый способ - это создать кнопку в Photoshop или Gimp. Но самый простой способ создания кнопки для HTML бесплатный сервис-dabuttonfactory.com . Там можно выбрать разные дизайны кнопок и сделать на них нужные надписи. Удобно то, что в процессе создания кнопки Вы будете видеть результат вносимых изменений и корректировать так, как Вам нужно.

Формат готового варианта тоже выбирается. Вам нужна картинка Image(jpeg).

Шаблон интерактивного теста в виде Интернет страницы.

Шаблон содержит 6 вопросов к каждому из которых предлагается 4 варианта ответов.

Подготовительный этап

1. Создайте шаблон(написан ниже) в блокноте и сохраните. 2. Подготовьте тест который будете превращать в электронный, например в MS Word. 3. Создайте в папку и назовите ее итоговый тест. 4. Скопируйте в эту папку шаблон теста и при необходимости рисунки к тесту. (формулы в MS Word являются рисунками). 5. Имена рисунков лучше задавать латинскими буквами и короткими именами например ris2-1.gif 6. Проверьте работоспособность шаблона, запустив его в браузере. На все вопросы поставьте первый ответ. Вы получите оценку отлично.

Получаем тест из шести вопросов без рисунков.

1. Откройте текст кода в программе Блокнот. 3. Измените текст этого кода (непосредственно Блокноте) в соответствии с образцом приведенном ниже. В образце, выделенный зеленым цветом текст показывает где именно необходимо изменять, (смысл надписей говорит сам за себя) 4. Найдите выделенный зеленым цветом текст «111111» он идет после команды var res=, и поставьте последовательность правильных ответов. 5. Коричневым цветом выделены комментарии к коду, они не влияют на работу и не отображаются на экране. 6. Сохраните в блокноте файл под новым именем. 7. Проверьте на работоспособность ваш тест.

Текст в заголовке браузера

{alert("Вы выполнили не все задания. Проверьте себя.") } else answer() } } function control(k,f1,f2,f3,f4,f5,f6) showResult(); } } function showResult() { var nok=0; var i,s; for (i=0;i