- •1. Архитектура Web-среды. Принципиальная схема работы. Назначение Web-сервиса и Web-браузера. Разновидности Web-сред
- •Понятия «Web-ресурс» и «Web-технология». Разновидности Web-ресурсов. Назначение и разновидности скриптов в Web-среде
- •2. Учебно-вычислительный Web-комплекс имэи игу
- •3. Понятие гипертекста. Структура элемента гипертекста
- •Назначение html и синтаксис
- •4. Гиперссылки html-документах
- •Диалоговые формы html как гиперссылки
- •5. Элементы управления html-формы. Общая характеристика
- •6. Элементы управления html-формы. Работа с текстом
- •Кнопки, флажки и списки на html-форме
- •Элементы управления для указания пары чисел, имени файла, скрытые поля
- •7. Простейшие визуальные элементы гипертекста. Понятие и роль текстового блока. Назначение рисунков и внедренных объектов
- •8. Структурные элементы гипертекста. Теги для описания списков и таблиц
- •9. Параметры оформления гипертекста. Общая характеристика
- •Разновидности значений и единицы измерений параметров оформления гипертекста
- •10. Таблицы стилей. Назначение, синтаксис, способы применения
- •11. Xml. Назначение и основные приложения. Синтаксис
- •12. Xml. Понятие dom
- •Контроль достоверности xml-документов
- •Преобразование xml-документов в текст
- •13. Vbse. Основные синтаксические единицы и их примеры
- •Разновидности лексем в vbse. Арифметические операторы
- •14. Разновидности лексем в vbse. Операторы сравнения и булевы операторы
- •15. Синтаксис vbse. Разновидности выражений и утверждений
- •Структура и исполнение vbse-скрипта
- •16. Vbse. Утверждения управления вычислительным процессом. Выполнение вычисленного кода
- •18. Данные в vbse. Понятие типа данных. Встроенные типы данных. Возможные действия с данными
- •19. Константы, поля и переменные. Назначение, описание и использование. Размещение данных в памяти
- •20. Массивы в vbse. Способы перебора элементов массивов. Динамические массивы
- •21. Подпрограммы в vbse. Описание и запуск подпрограмм. Способы передачи параметров. Подпрограммы в составе классов
- •22. Классы в vbse. Чд, методы и процедуры обработки событий, описание и применение свойств
- •23. Концепция клиентского скрипта в Web-среде
- •Объектная модель ie и доступ к ее элементам. Объект Body
- •24. Концепция и схема применения серверного asp-скрипта
- •Синтаксис и схема исполнения asp-скрипта
- •25. Назначение объектов Response, Request и Cookies. Примеры применения объектов Response и Request
Элементы управления для указания пары чисел, имени файла, скрытые поля
Для передачи пары декартовых координат: <input type = image name = r src = “i.jpg”>
Играет роль кнопки submit. Щелчок по рисунку активирует гиперссылку и передачу пары значений декартовых координат
Для копирования файлов: передача файла <input type = file name = “Fname”>
Скрытые поля
Скрытые поля позволяют сохранять в формах служебные данные. Пример:
<HTML> <HEAD> <TITLE> Использование скрытого поля </TTTLE> </HEAD> <BODY> <CENTER> <Н1>Использование скрытого поля</Н1> <FORM METH0D="POST" ACTION="phphidden.php"> Нажмите на кнопку для отображения скрытых данных <INPUT NAME="Hidden" TYPE="HIDDEN" VALUE="Большой секрет!"> <BR> <BR> <INPUT TYPE="SUBMIT" VALUE="OK"> </FORM> </CENTER> </BODY> </HTML>
7. Простейшие визуальные элементы гипертекста. Понятие и роль текстового блока. Назначение рисунков и внедренных объектов
* текстовые блоки
* диалоговые формы и ЭУ
* рисунки
* внедренные объекты
Текстовый блок
-
Последовательность символов
-
Специальные символы задаются макросами, например, код < Отобрази меня в угловых скобках > выведется как < Отобрази меня в угловых скобках >
-
Можно задавать символы их числовыми кодами: © – соответствует ©
-
Текстовый блок автоматически форматируется Web-браузером в соответствии с параметрами его окна и параметрами оформления (шрифт, размер и пр.)
-
Включив текстовый блок в теги <PRE>…</PRE> можно закрепить его форматирование при отображении на экран
Роли текстового блока
-
Необъявленная
-
Абзац
-
Визуальный образ гиперссылки
-
Заголовок
-
Цитата
-
Примечание
-
…
-
Параметры отображения текстового блока Web-браузером зависят от его роли
-
Роль текстового блока задается контекстом, в котором он используется. Например, текст между тегами <A>…</A> играет роль визуального образа гиперссылки
Диалоговые формы и ЭУ
-
Предназначены для отображения и редактирования значений, обрабатываемых клиентскими и серверными скриптами
-
Конструкции из этих элементов могут включать текстовые блоки, рисунки и внедренные объекты
Рисунки
-
Обрабатываются Web-браузером
-
Набор разновидностей рисунков фиксирован
-
Рисунок в составе элемента гипертекста описывается тегом <IMG…>
-
Роли рисунка могут быть различными – информационная, визуальный образ гиперссылки, ЭУ в диалоговой форме
Внедренные объекты
<OBJECT DATA = “n.doc” TYPE = “APPLICATION/MSWORD”>
</OBJECT>
8. Структурные элементы гипертекста. Теги для описания списков и таблиц
-
Простейший визуальный элемент
-
Абзац
-
Список
-
Таблица
-
Последовательность структурных единиц
Списки
Две разновидности – классический и список определений
-
Теги для описания классического списка: <OL>, </OL>, <UL>, </UL>, <LI>, </LI>
-
Теги для описания списка определений: <DL>, </DL>, <DT>, <DD>
Таблицы
Таблица задается тегами <TABLE…>…</TABLE>
Строки таблицы – тегами <TR…>…</TR>
Клетки таблицы – тегами <TD…>…</TD> или <TH…>…</TH>