+УМК Технологии интернет ИСиТ Кирпичев...

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ Сыктывкарский лесной институт (филиал) федерального государственного бюджетного

образовательного учреждения высшего профессионального образования «Санкт-Петербургский государственный лесотехнический университет

имени С. М. Кирова»

Кафедра информационных систем

ТЕХНОЛОГИИ ИНТЕРНЕТ

Учебно-методический комплекс по дисциплине для студентов специальности

230201 "Информационные системы и технологии" всех форм обучения

Самостоятельное учебное электронное издание

Сыктывкар 2012

2

УДК 004.73 ББК 32.973.202 Т38

Рекомендован к изданию в электронном виде кафедрой информационных систем Сыктывкарского лесного института

Утвержден к изданию в электронном виде советом технологического факультета

Сыктывкарского лесного института

Со с т а ви т е л ь : Кирпичев А. Н., преподаватель

Ответственный редактор:

Лавреш И. И., к.т.н., заведующий кафедрой информационные системы

Т38

Технологии интернет [Электронный ресурс] : учеб.-метод. ком-плекс по дисциплине для студентов специальности 230201 "Информа-ционные системы и технологии" всех форм обучения : самост. учеб. электрон. изд. / Сыкт. лесн. ин-т ; сост.: А. Н. Кирпичев. – Электрон. дан. – Сыктывкар : СЛИ, 2012. – Режим доступа: http://lib.sfi.komi.com. – Загл. с экрана.

В издании помещены материалы для освоения дисциплины

«Технологии интернет». Приведены рабочая программа курса, мето-дические указания по различным видам работ.

УДК 004.73

ББК 32.973.202

______________________________________________________________________________________________

Самостоятельное учебное электронное издание

Составитель: Кирпичев Алексей Николаевич

ТЕХНОЛОГИИ ИНТЕРНЕТ

Электронный формат – pdf. Объем 2,5 уч.-изд. л. Сыктывкарский лесной институт (филиал) федерального государственного бюджетного

образовательного учреждения высшего профессионального образования «Санкт-Петербургский государственный лесотехнический университет

имени С. М. Кирова» (СЛИ), 167982, г. Сыктывкар, ул. Ленина, 39, [email protected], www.sli.komi.com

Редакционно-издательский отдел СЛИ.

© СЛИ, 2012

© Кирпичев А. Н., составление, 2012

3

СОДЕРЖАНИЕ

1. ВЫПИСКА ИЗ ГОСУДАРСТВЕННОГО ОБРАЗОВАТЕЛЬНОГО СТАНДАРТА СПЕЦИАЛЬНОСТИ ....................................................................................................................... 4

2. ВЫПИСКА ИЗ ФГОС С ТРЕБОВАНИЯМИ ПО ДИСЦИПЛИНЕ ....................................... 4

3. РАБОЧАЯ ПРОГРАММА ......................................................................................................... 5

4. УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ ...................................... 15

5. МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ ............................ 16

6. МЕТОДИЧЕСКИЕ УКАЗАНИЯ СТУДЕНТАМ ПО САМОСТОЯТЕЛЬНОМУ ИЗУЧЕНИЮ ДИСЦИПЛИНЫ .................................................................................................... 17

6.1. Методические указания по самостоятельному изучению лекций................................. 17

6.2. Методические рекомендации по самостоятельной подготовке к ................................. 19

лабораторным работам ............................................................................................................. 19

6.3. Методические рекомендации по выполнению курсовой работы .................................. 25

7. МАТЕРИАЛЫ ДЛЯ КОНТРОЛЯ ЗНАНИЙ СТУДЕНТОВ ................................................. 27

7.1. Промежуточный контроль................................................................................................. 27

7.2. Итоговый контроль ............................................................................................................ 27

7.3. Критерии оценки знаний студентов ................................................................................. 28

8. ОПИСАНИЕ ЛАБОРАТОРНЫХ РАБОТ .............................................................................. 30

Лабораторная работа №1 .............................................................................................................. 31









Лабораторная работа №10 ............................................................................................................ 46



9. ПРИМЕРНЫЕ ВЫРИАНТЫ ТЕСТА ..................................................................................... 49

4

1. ВЫПИСКА ИЗ ГОСУДАРСТВЕННОГО ОБРАЗОВАТЕЛЬНОГО СТАНДАРТА СПЕ-ЦИАЛЬНОСТИ 1.1. Общие требования к основной образовательной программе

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

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

1.1.3. Основная образовательная программа подготовки инженера состоит из дис-циплин федерального компонента, дисциплин национально-регионального (ву-зовского) компонента, дисциплин по выбору студента, а также факультативных дисциплин. Дисциплины вузовского компонента и по выбору студента в каж-дом цикле должны содержательно дополнять дисциплины, указанные в феде-ральном компоненте цикла.

1.1.4. Основная образовательная программа подготовки инженера должна преду-сматривать изучение студентом следующих циклов дисциплин:

- цикл ГСЭ – Общие гуманитарные и социально-экономические дисциплины; - цикл ЕН – Общие математические и естественнонаучные дисциплины; - цикл ОПД – Общепрофессиональные дисциплины; - цикл СД – Специальные дисциплины, включая дисциплины специализации; - ФТД – Факультативные дисциплины.

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

2. ВЫПИСКА ИЗ ФГОС С ТРЕБОВАНИЯМИ ПО ДИСЦИПЛИНЕ

Дополнение к нормам государственного стандарта Прикладные протоколы Интернет: HTTP, FTP, Pop3, SMTP; Языки разметки, стилевые ре-шения, Web-сервера, почтовые и прокси сервера. Скрипты, выполняемые на стороне серве-ра и клиента, безопасность Web-серверов, Оптимизация Интернет трафика

5

3. РАБОЧАЯ ПРОГРАММА

МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

Сыктывкарский лесной институт (филиал) федерального государственного бюджетного образовательного

учреждения высшего профессионального образования «Санкт-Петербургский государственный

лесотехнический университет имени С. М. Кирова» (СЛИ)

СОГЛАСОВАНО Декан технологического факультета ___________________А.А. Самородницкий "_____"_______________2012 г.

УТВЕРЖДАЮ Зам. директора по учебной и научной работе ___________________Л.А. Гурьева "_____"________________2012 г.

РАБОЧАЯ ПРОГРАММА

По дисциплине “Технологии Интернет ” Спец. курс

Для направления подготовки дипломированного специалиста

230000 "Информатика и вычислительная техника" специальности 230201 "Информационные системы и технологии"

Кафедра информационных систем

О/Осокр О/З З.Сокр Курс 5 6 6 Семестр 9 11 11 Всего часов 160 160 160 В том числе аудиторных: Из них: Лекции

Лабораторные

80 18 62

34 12 22

20 8 12

Самостоятельная работа 80 126 140 Экзамен, курсовая работа 9 семестр

5 курс 11 семестр 6 курс

11 семестр 6 курс

Сыктывкар 2012

6

Рабочая программа составлена в соответствии с Государственным образова-тельным стандартом высшего профессионального образования для подготовки дипломированного специалиста по направлению подготовки 230000 "Инфор-матика и вычислительная техника" специальности 230201 "Информационные системы и технологии" Программу составил: Кирпичёв А.Н. Переработанная учебная программа обсуждена на заседании кафедры Инфор-мационных систем Протокол № 9 от 11.05.2012 Заведующий кафедрой _____________И.И. Лавреш Учебная программа рассмотрена и одобрена методической комиссией техно-логического факультета. Протокол № ____ от _________ 20 г. Председатель комиссии: _____________А.А Самородницкий

Библиографический список рабочей программы полностью соответствует све-дениям книгообеспеченности образовательного процесса СЛИ

______________И. И. Лавреш

7

1. Цели и задачи дисциплины, ее место в учебном процессе

1.1. Цель преподавания дисциплины Целью преподавания дисциплины “Технологии Интернет” является освоение сту-

дентами основ современных технологий разработки Интернет ресурсов.

1.2. Задачи изучения дисциплины Задача изучения дисциплины состоит в том, чтобы студенты овладели основами

теоретических и практических знаний в области разработки Интернет ресурсов В результате изучения дисциплины студент должен:

• ЗНАТЬ теоретические основы создания и проектирования сайтов. Язык разметки XHTML, язык PHP.

• УМЕТЬ разрабатывать решения практических задач средней и повышенной сложно-сти без применения визуальных сред.

• Программировать на языке JavaScript. • Использовать каскадные таблицы стилей.(CSS) • Использовать PHP совместно с СУБД MySQL • Устанавливать серверные решения (Apache+PHP+MySQL+ PHPMyAdmin) • Использовать файлы .htaccess

• БЫТЬ ОЗНАКОМЛЕНЫ: • Особенностями конфигурирования различных версий СУБД MySQL и языка

PHP • Особенностями раскрутки Интернет ресурсов •

1.3. Перечень дисциплин и тем, усвоение которых студентами необходимо для изучения данной дисциплины

Для полноценного усвоения учебного материала по предмету «Технологии Интер-нет» необходимо иметь прочные знания по предметам «Язык SQL», «Проектирование Ин-формационных систем», «Информационным технологиям» и «Управление данными». 1.4. Дополнение к нормам государственного стандарта

Прикладные протоколы Интернет: HTTP, FTP, Pop3, SMTP; Языки разметки, стиле-вые решения, Web-сервера, почтовые и прокси сервера. Скрипты, выполняемые на стороне сервера и клиента, безопасность Web-серверов, Оптимизация Интернет трафика

8

2. Содержание дисциплины 2.1. Наименование тем, их содержание, объем в часах лекционных занятий

1. Введение. Мета-теги (1 час) Интернет, языки разметки и стилевые решения. Использование и назначение тега

<Meta>. Поисковые машины. Файлы robots.txt

2. Каскадные таблицы стилей (2 часа) CSS: Правила использования, группировка свойств, классы, единицы измерения,

Псевдоклассы и псевдоэлементы. Основные свойства. Версии css. Поддержка наиболее распространенными браузерами. Работа с поведением браузера внутри сайта. Курсоры, по-лосы прокрутки

3. DHTML (1 час)

События, типы событий, обработка событий, динамика, отличия от HTML и XHTML 4. Протоколы, используемые в Интернет (1 час) Уровни протоколов. Протоколы физического уровня, протоколы прикладного уровня. Обзор протоколов ftp, http, gooper, pop/pop3, smtp. Стандартизация и история появления протоколов. Сервер и клиент. 5. Протокол HTTP (2 часа) Сервер, клиент. Запрос клиента – ответ сервера. Структура пакета. Коды ошибок сервера. Методы. 6. Серверные пакеты (1 часа) Назначение, обличительные особенности, преимущества и недостатки. Пакеты Дэнвер, phpdev, bigApache и другие. Используемые решения. Виды и распространение Web-серверов 7. Установка и администрирование сервера Apache, процессора Php, СУБД MySQL (2 часа) (Полностью мультимедийная лекция) Версии Apache, php, MySQL: особенности. Установка и конфигурирование Apache. Устранение типичных ошибок. Виртуальные хосты. Файлы конфигураций. Устанока как сервиса (как демона). PHP: установка, php.ini, способы подключения к Apache. 8. Использование файлов .htaccess .htpasswd (2 часа) Синтаксис файла .htaccess. Ограничение доступа, настройки для папок, приоритеты файлов .htaccess. .htpasswd: создание файла, добавление новых пользователей. 9. Установка и конфигурирование почтового, ftp, прокси сервера (1 час) (Полностью мультимедийная лекция) Почтовые сервера, установка на примере, SmallHTTP сервера. FTP сервера установка и конфигурирование на примере SmallHTTP. Прокси сервер: кеширующий и некеширующий. Установка на примере Handy Cache и SmallHttp. Вырезка баннеров и рекламы, правила на основе регулярных выражений 10. PHP: синтаксис языка, типы переменных. Расширения (2 часа) Переменные, циклы, ветвления, работа с функциями расширения. Передача данных на сервер, обработка строк, функции парсинга даных.

9

11. PHP: Работа с СУБД MySQL, работа с почтовым сервером, загрузка файлов на сервер (2 часа) Upload, особенности работы с бинарными файлами. СУБД: подключение, работа с базой, выполнение запросов. Отправка писем с помощью сайта. Архивирование данных 12. Публикация и раскрутка ресурса, новые веянья в сети Интернет (1 час) Поисковые системы: регистрация, баннерообменные сети, списки рассылок, раскрутка. Зоны платного и бесплатного хостинга, их отличия. Доски объявлений. Блоги, флешмоб. Контркультура, новые языки (олбанский) история возникновения

Всего часов: 18.

2.2. Лабораторные занятия, их наименование, краткое содержание и объем в часах № Название лабораторной работы часы

ЛР-1 JavaScript: Переменные, циклы, ветвления 4 ЛР-2 JavaScript: Функции, объекты Math, string, Date 4 ЛР-3 Работа с формами 4 ЛР-4 Объектная модель браузера, события браузера 4 ЛР-5 Работа с CSS 4 ЛР-6 Выполнение зачетного задания по css и JavaScript 4 ЛР-7 Установка и администрирование сервера Apache, процессора Php, СУБД

MySQL 8

ЛР-8 Установка и администрирование почтового, прокси и ftp серверов 4 ЛР-9 PHP: работа с почтовым сервером и с СУБД 4 ЛР-10 PHP: Работа с библиотекой GD 8 ЛР-11 PHP: создание счетчиков, загрузка файлов на сервер 6 ЛР-12 Выполнение зачетного задания, выполнение курсовой работы 8 Всего часов: 62

2.3. Самостоятельная работа и контроль успеваемости Самостоятельная работа студента по видам учебных занятий распределяется сле-

дующим образом: • проработка лекционного материала по конспекту и учебной литературе. • подготовка к практическим и лабораторным занятиям.

Текущая успеваемость студентов контролируется опросами по результатам выпол-нения лабораторных работ и проведением контрольных и тестовых работ. Итоговая успе-ваемость определяется на зачете.

2.3.1. Очное отделение, очное сокращенное

Вид самостоятельной работы Число часов

Вид контроля ус-певаемости

1. Проработка лекционного материала по конспекту, учеб-ной литературе и специализированным ресурсам Internet

15 КР, ТФП Экзамен - 9 се-местр

2. Подготовка к практическим занятиям 14 КО, КР, ТФП

3. Установка и администрирование MS IIS 4 КР, ТФП Экзамен - 9 се-

10

местр

4. Использование HTML при создании Web-ресурсов 10 КР, ТФП Экзамен - 9 се-местр

5. Выполнение курсовой работы 20 Курсовая – 9 се-местр

6. Подготовка к КР, ТФП 7 КР, ТФП

7. Подготовка к экзамену 10 Экзамен - 9 се-местр

Всего часов 80

2.3.2. Очно-заочное отделение







местр 4. Использование HTML при создании Web-ресурсов 10 КР, ТФП

Экзамен - 11 се-местр

5. Выполнение лаб. работ 5,6,11,12 16 КР, ТФП Экзамен - 11 се-местр

6. Проработка материала по темам, не рассмотренным на лекциях



8. Подготовка к КР, ЕФП 7 КР, ТФП



2.3.3. Заочное сокращенное отделение






11


местр 4. Использование HTML при создании Web-ресурсов 10 КР, ТФП

Экзамен - 11 се-местр

5. Выполнение лаб. работ 5,6,11,12 16 КР, ТФП Экзамен - 11 се-местр

6. Проработка материала по темам, не рассмотренным на лекциях



8. Подготовка к КР, ЕФП 7 КР, ТФП



2.4. Распределение часов по темам и видам занятий

2.4.1. Очное отделение

№ и наименование Объем работы студента, ч. Форма контроля ус-

певаемости темы дисциплины

Лекции Лабор. зан.

Самост. работа

Всего

1. Введение. Мета-теги 1 2 2 6 КО, КР 2. Каскадные таблицы стилей 2 4 4 10 КО, КР 3. DHTML 1 4 3 8 КО, КР 4. Протоколы, используемые в Интернет

1 0 1 2 КО, КР

5. Протокол HTTP 1 0 1 2 КО, КР 6. Серверные пакеты 1 0 1 2 КО, КР 7. Установка и администрирование сервера Apache, процессора Php, СУБД MySQL

3 4 4 11 КО, КР

8. Использование файлов .htaccess .htpasswd

1 2 2 5 КО, КР

9. Установка и конфигурирование почтового, ftp, прокси сервера

1 2 2 5 КО, КР

10. PHP: синтаксис языка, типы переменных. Расширения

2 4 4 10 КО, КР

11. PHP: Работа с СУБД MySQL, работа с почтовым сервером,

3 10 4 17 КО, КР

12

загрузка файлов на сервер

12. Публикация и раскрутка ресурса, новые веянья в сети Интернет

1 2 2 5 КО, КР

13. Установка и администриро-вание MS IIS

0 0 4 4 КО, КР

14. Использование HTML при создании Web-ресурсов

0 0 4 4 КО, КР

15. Подготовка к экзамену 0 0 8 8 Экзамен 16. Подготовка к КР,ТФК 0 0 6 6 КО, КР 17. Выполнение курсовой работы 0 8 20 28 курсовая 18. JavaScript 0 20 8 28 КО, КР Всего: 18 62 80 160 2.4.2. Очно-заочное отделение


певаемости

темы дисциплины Лекции

Лабор. зан.


Всего

1. Введение. Мета-теги 2 1 2 5 КО, КР

2. Каскадные таблицы стилей 1 1 6 8 КО, КР

3. DHTML 0 0 6 6 КО, КР

4. Протоколы, используемые в Интернет 0 0 3 3 КО, КР

5. Протокол HTTP 2 0 1 3 КО, КР

6. Серверные пакеты 0 0 2 2 КО, КР

7. Установка и администрирование сервера Apache, процессора Php, СУБД MySQL

2 2 7 11 КО, КР


1 2 2 5 КО, КР


0 2 5 7 КО, КР


2 2 5 9 КО, КР

11. PHP: Работа с СУБД MySQL, работа с почтовым сервером, загрузка файлов на сервер

2 4 11 17 КО, КР

13


0 2 2 4 КО, КР


0 0 4 4 КО, КР


0 0 10 10 КО, КР

15. Подготовка к экзамену 0 0 20 20 Экзамен

16. Подготовка к КР,ТФК 0 0 7 7 КО, КР

17. Выполнение курсовой работы 0 0 22 22 курсовая

18. JavaScript 0 6 11 17 КО, КР Всего: 12 22 126 160

2.4.3. Заочное сокращенное отделение


певаемости

темы дисциплины Лекции

Лабор. зан.


Всего

1. Введение. Мета-теги 1 1 3 5 КО, КР

2. Каскадные таблицы стилей 1 1 7 9 КО, КР

3. DHTML 0 0 6 6 КО, КР

4. Протоколы, используемые в Интернет 0 0 3 3 КО, КР

5. Протокол HTTP 1 0 2 3 КО, КР

6. Серверные пакеты 0 0 2 2 КО, КР

7. Установка и администрирование сервера Apache, процессора Php, СУБД MySQL

1 1 9 11 КО, КР


1 1 3 5 КО, КР


0 1 6 7 КО, КР


1 1 7 9 КО, КР


2 1 14 17 КО, КР

14


0 1 3 4 КО, КР


0 0 4 4 КО, КР


0 0 10 10 КО, КР

15. Подготовка к экзамену 0 0 20 20 Экзамен

16. Подготовка к КР,ТФК 0 0 7 7 КО, КР

17. Выполнение курсовой работы 0 0 22 22 курсовая

18. JavaScript 0 4 12 16 КО, КР Всего: 8 12 140 160

15

4. УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ

Основная учебная литература 1. Строганов, А. С. Ваш первый сайт с использованием PHP – скриптов [Электронный

ресурс] : [учебное пособие] / А. С. Строганов ; Университетская библиотека онлайн (ЭБС). – Москва : Диалог-МИФИ, 2008. – 284 с. – Режим доступа: http://www.biblioclub.ru/book/54777/.

Дополнительная учебная, учебно-методическая литература

1. Бердышев, С. Н. Искусство оформления сайта [Текст] : практическое пособие / С. Н. Бердышев. – Москва : Дашков и К, 2010. – 148 с. – (Стратегия успешного бизнеса).

2. Бердышев, С. Н. Искусство оформления сайта [Электронный ресурс] : практическое пособие / С. Н. Бердышев ; Университетская библиотека онлайн (ЭБС). – Москва : Дашков и Ко, 2010. – 75 с. – (Стратегия успешного бизнеса). – Режим доступа: http://www.biblioclub.ru/book/79153/.

3. Диков, А. В. Интернет и Веб 2.0 [Электронный ресурс] : учебное пособие / А. В. Диков ; Университетская библиотека онлайн (ЭБС). – Москва : Директ-Медиа, 2012. – 62 с. – Режим доступа: http://www.biblioclub.ru/book/96970/.

4. Кэмпбел, М. Строим Web – сайты Garage. Дизайн. HTML. CSS [Текст] : учебник / М. Кэмпбел ; пер. с англ. А. Горлач, А. Климович. – Москва : Триумф, 2006. – 480 с. – (Garage).

5. Панфилов, К. С. По ту сторону веб-страницы [Электронный ресурс] : [практическое пособие] / К. С. Панфилов ; Университетская библиотека онлайн (ЭБС). – Москва : ДМК Пресс, 2008. – 440 с. – Режим доступа: http://www.biblioclub.ru/book/85086/.

6. Проектирование web-приложений и программных систем в Open Soure [Электрон-ный ресурс] : учебное пособие / Г. А. Лисьев [и др.] ; Университетская библиотека онлайн (ЭБС). – 2-е изд., стер. – Москва : Флинта, 2011. – 98 с. – Режим доступа: http://www.biblioclub.ru/book/103805/.

7. СУБД: язык SQL в примерах и задачах [Электронный ресурс] : учеб. пособие для студ. вузов, обучающихся по направлению подгот. и по спец. «Прикладная математика и информатика» / И. Ф. Астахова [и др.] ; Университетская библиотека онлайн (ЭБС). – Мо-сква : Физматлит, 2009. – 84 с. – Режим доступа: http://www.biblioclub.ru/book/76768/.

Дополнительная литература

1. UpGrade special [Текст]. – Выходит ежемесячно. 2008 № 1-6; 2. Англо-русский словарь по вычислительной технике. Компьютеры, мультимедиа,

сети, интернет, телекоммуникации, Windows [Текст] : ок. 28 000 терминов / под ред. М. Л. Гуткина. – Москва : ЭТС, 1999. – 496 с.

3. Буч, Г. Язык UML [Электронный ресурс] : руководство пользователя / Г. Буч, Дж. Рамбо, И. Якобсон ; Университетская библиотека онлайн (ЭБС). – 2-е изд. – Москва : ДМК Пресс, Б. г. – 494 с. – Режим доступа: http://www.biblioclub.ru/book/86127/.

4. Ваулина, Е. Ю. Термины современной информатики: программирование, вычисли-тельная техника, Итернет. Англо-русский, русско-английский словарь [Текст] : более 6000 слов, устойчивых словосочетаний и сокращений / Е. Ю. Ваулина, В. Н. Рычков. – Москва : Эксмо, 2006. – 640 с. – (Библиотека словарей).

5. Джонс, Д. Создание Web-сайтов на бесплатном движке PHP-NUKE [Текст] / Д. Джонс. – Москва : Триумф, 2005. – 304 с. – (Garage).

16

6. Интернет [Текст] : энциклопедия / ред. : Л. Мелихова. – 2-е изд. – Санкт-Петербург : ПИТЕР, 2001. – 528 с.

7. Коггзолл, Джон PHP 5. Полное руководство [Текст] / Джон Коггэолл. – Москва : Вильямс, 2006. – 752 с.

8. Система формирования знаний в среде Интернет [Электронный ресурс] : моногра-фия / В. И. Аверченков [и др.] ; Университетская библиотека онлайн (ЭБС). – 2-е изд., стер. – Москва : Флинта, 2011. – 181 с. – Режим доступа: http://www.biblioclub.ru/book/93354/.

9. Тиге, Д. DHTML и CSS [Электронный ресурс] / Д. Тиге ; Университетская библио-тека онлайн (ЭБС). – [Б. м.] : ДМК Пресс, Б. г. – 559 с. – (Быстрый старт). – Режим доступа: http://www.biblioclub.ru/book/86056/.

10. Ульман, Л. MySQL [Электронный ресурс] / Л. Ульман ; Университетская библио-тека онлайн (ЭБС). – Москва : ДМК Пресс, Б. г. – 352 с. – (Quick Start). – Режим доступа: http://www.biblioclub.ru/book/86102/. 5. МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ДИСЦИПЛИНЫ

1. Компьютерный класс, оснащенный современными персональными компьютерами. 2. Операционная система семейства Windows NT. 3. Дистрибутивы MySQL, PHP, SmallHTTP Server, php-nuke, phpbb2, phpbb2+, Apache,

wikimedia, phpmyadmin, handycache 4. Права администратора в компьютерных лабораториях. 5. Far power Pack не ниже 1.02 6. Mozilla FireFox не ниже 1.5.0.7 с расширениями 7. Проектор для проведения спец лекций и спец лаб. работ

17

6. МЕТОДИЧЕСКИЕ УКАЗАНИЯ СТУДЕНТАМ ПО САМОСТОЯТЕЛЬНОМУ ИЗУЧЕ-

НИЮ ДИСЦИПЛИНЫ 6.1. Методические указания по самостоятельному изучению лекций

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

• Интернет, языки разметки и стилевые решения. • Использование и назначение тега <Meta>. • Поисковые машины. • Файлы robots.txt Уметь использовать:

• Мета теги 2. Каскадные таблицы стилей

Знать: • CSS: Правила использования, группировка свойств, клас-

сы, единицы измерения, • Псевдоклассы и псевдоэлементы. • Основные свойства. • Версии css. • Поддержка наиболее распространенными браузерами. • Работа с поведением браузера внутри сайта. • Курсоры, полосы прокрутки Уметь использовать:

• CSS • Читать файлы стилей других сайтов

3. DHTML Знать: • События, типы событий, обработка событий, динамика, • Отличия от HTML и XHTML Уметь использовать:

• Обработчики событий • Защищать контент от копирования

4. Протоколы, используемые в Интернет

Знать: • Уровни протоколов. • Протоколы физического уровня • протоколы прикладного уровня. • Протоколы ftp, http, gooper, pop/pop3, smtp. • Стандартизация и история появления протоколов. • Сервер и клиент.

5. Протокол HTTP Знать: • Сервер, клиент. • Запрос клиента – ответ сервера. • Структура пакета. • Коды ошибок сервера. • Методы.

6. Серверные пакеты Знать:

18

• Назначение, отличительные особенности, преимущества и недостатки.

• Пакеты Дэнвер, phpdev, bigApache и другие. Используемые решения.

• Виды и распространение Web-серверов Уметь использовать:

• Пакеты в повседневной работе 7. Установка и администрирование сервера Apache, процессора Php, СУБД MySQL

Знать: • Версии Apache, php, MySQL: особенности. • Установка и конфигурирование Apache. • Устранение типичных ошибок. • Виртуальные хосты. • Файлы конфигураций. • Устанока как сервиса (как демона). • PHP: установка, php.ini, способы подключения к Apache. Уметь устанавливать и конфигурировать:

• Apache • PHP • MySQL • PhpMyAdmin • PHPBB2


Знать: • Синтаксис файла .htaccess. • Ограничение доступа, настройки для папок, • приоритеты файлов .htaccess. • .htpasswd: создание файла, добавление новых

пользователей. Уметь использовать:

• .htaccess • .htpasswd


Знать: • Почтовые сервера, установка на примере, SmallHTTP

сервера. • FTP сервера установка и конфигурирование на примере

SmallHTTP. • Прокси сервер: кеширующий и некеширующий. • Установка на примере Handy Cache и SmallHttp. • Вырезка баннеров и рекламы, правила на основе

регулярных выражений Уметь использовать:

• Small HTTP Server • Правила на основе регулярных выражений. • Handy Cache


Знать: • Переменные, циклы, ветвления, работа с функциями

расширения. • Передача данных на сервер, обработка строк, функции

парсинга даных. Уметь использовать:

19

• Простейшие функции языка • Циклы и функции


Знать: • Upload, особенности работы с бинарными файлами. • СУБД: подключение, работа с базой, выполнение

запросов. • Отправка писем с помощью сайта. • Архивирование данных Уметь использовать:

• Функции для работы с СУБД MySQL • Функции для архивирования • Отправки данных по e-mail


Знать: • Поисковые системы: регистрация, • Баннерообменные сети, списки рассылок, раскрутка. • Зоны платного и бесплатного хостинга, их отличия. • Доски объявлений. • Блоги, флешмоб. • Контркультура, новые языки (олбанский) история

возникновения Уметь:

• Регистрировать свой сайт в каталогах • Пользоваться услугами хостинга

6.2. Методические рекомендации по самостоятельной подготовке к

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

Название лабораторной ра-боты

Контрольные вопросы и задания

1. JavaScript: Переменные, циклы, ветвления

• Что такое скрипт? • Как можно использовать JavaScript в html докумен-

тах? • Как делаются комментарии в JavaScript? • Для чего нужна функция alert()? • Как объявляются текстовые и числовые переменные? • Можно ли использовать инженерную запись числа? • Что завершает каждую команду JavaScript? • В чем разница между ++х и х++? • Как можно кратко записать x=x+4;? • Для чего предусмотрена функция prompt()? • Назовите условный оператор. • Для чего предусмотрена функция confirm()? • Как обозначаются логические операции?

20



• Назовите циклы, используемые в JavaScript. • Для чего нужны break и continue? • Как можно организовать бесконечный цикл?

2. JavaScript: Функции, объек-ты Math, string, Date

• Как объявляются функции? • Как вызвать функцию? • Как преобразовать строку в число? • Для чего нужна функция ParseInt()? • Что такое метод объекта? • Что такое свойство объекта? • Что такое инкапсуляция объекта? • Что такое экземпляр объекта? • Что такое интерфейс объекта? • Что такое объект? • Для чего нужен объект Date? • Перечислите свойства объекта Date • Перечислите методы объекта Date • Для чего нужен объект Array? • Перечислите свойства объекта Array • Перечислите методы объекта Array • Как создать экземпляр объекта Array? • Для чего нужен объект String? • Перечислите свойства объекта String • Перечислите методы объекта String • Как создать экземпляр объекта String • Для чего нужен объект Math? • Перечислите свойства объекта Math • Перечислите методы объекта Math • Как создать экземпляр объекта Math? • Сколько экземпляров объекта Math может быть в

скрипте? 3. Работа с формами • Как можно разместить на странице элементы управ-

ления? • Какие значения может принимать параметр action те-

га <FORM>? • Какие значения может принимать параметр method

тега <FORM>? • Что такое DefaultValue? • Отличия радиокнопок и флажков. • Что такое <textarea>? • Назначение тега <option> • Назовите зарезервированные слова языка • Что такое зарезервированные слова?

4. Объектная модель браузера, события браузера

• Нарисуйте объектную модель браузера • Какие события происходят при загрузке странице • Какие события происходят при попытке скопировать

информацию со страницы?

21



• Какие коллекции объектов Вы знаете? • Назовите свойства и методы объекта Window • Назовите свойства и методы объекта Document • Как создать объект Document? • Для чего нужно свойство name? • Назовите свойства и методы объекта Event • Назовите свойства и методы объекта History • Что сохраняется в свойстве length объекта history? • Методы back(), go(), forward(). • Назовите свойства и методы объекта location • Назовите свойства и методы объекта navigator • Где хранится информация о клиенте http? • Назовите свойства и методы объекта screen

5. Работа с CSS • Для чего применяется css? • Какие существуют способы использования css в до-

кументах html? • Какой способ имеет наибольший приоритет? • Что такое класс, для чего он нужен? • Как можно использовать классы? • Что такое псевдокласс? • Какие псевдоклассы вы знаете? • Какие псевдоэлементы вы знаете? • Как можно использовать псевдоэлементы и псевдо-

классы? • Какой атрибут тега служит для обозначения класса? • Какой атрибут тега служит для использования css? • Где должен находиться тег <STYLE>? • Какое свойство служит для управления шрифтом? • Какое свойство служит для управления фоном? • В чем преимущество css перед стандартными тегами

html? • Какое свойство служит для управления курсором? • Какие меры длины используются в css? • Как можно использовать цвета в css? • Как можно использовать внешние объекты в css? • Какие нормативные документы существуют для css? • Кто занимается разработкой уровней css? • Что такое block-level элементы? • Как для разных тегов прописать одни и те же свойст-

ва? 6. Выполнение зачетного за-

дания по css и JavaScript

• Как можно динамически менять стили? • Что обозначает объект this? • Как можно использовать глобальные таблицы сти-

лей? • Как можно написать обработчик события? • Какие события могут происходить над картинкой?

22



• Как обратиться к коллекции всех картинок? • Как обратиться к коллекции всех ссылок? • Что произойдет при наведении курсора мыши на

ссылку: <A href="nofile1.htm" onMouseOver =" window.status= document.forma.stat1.value; ">Ссылка 1</A>?

• Как передать фокус другому окну? • Что такое фокус?

7. Установка и администриро-вание сервера Apache, процессора Php, СУБД MySQL

• Что такое Lamp, Wamp? • Что такое CMS? • Что такое localhost? • Какие адреса существуют у локальной машины? • Для чего нужен Apache? • Какие существуют альтернативы Web-серверу

Apache? • О чем говорит параметр DocumentRoot? • C помощью каких параметров сервера можно управ-

лять кодировками? • Какие конфигурационные файлы есть у сервера

Apache и для чего они необходимы? • Для чего нужны .htpasswd и .htaccess файлы? • Какие директивы файла .htaccess вы знаете? • В каком случае после внесения изменений в конфи-

гурационные файлы необходимо перезагрузить сер-вер?

• Что такое сервисы и демоны? • Для чего нужен PHP? • Как подключать расширения php? • На чей стороне выполняется код php (клиент или сер-

вер или может на обоих)? • Как узнать какая версия php и какой web-сервер уста-

новлен на локальной машине? • Что такое СУБД? • Почему чаще всего для Web используют MySQL? • В чем преимущества этого сервера? • Как установить пароль на учетную запись админист-

ратора? • Для чего необходим PHPMyAdmin? • Конфигурационный файл PHPbb2. • Для чего нужно MySQL устанавливать как сервис? • Как получить в текстовый файл все ключи mysqld-

nt.exe? • Что такое привилегия? • Для чего нужен PHPMyAdmin? • Особенность получения прав доступа с помощью

PHPMyAdmin. • Получение статистики работы СУБД

23



• Синтаксис предложений создания таблиц и баз дан-ных

• Поддерживаемые языки и кодировки. • Какие существуют способы подключения php?

8. Установка и администриро-вание почтового, прокси и ftp серверов

• Для чего нужны Smtp и pop протоколы? • В чем отличия кэширующего от не кэширующего

прокси сервера? • Как задействовать прокси сервер с помощью утилиты

small HTTP Server? • Как задействовать почтовый сервер с помощью ути-

литы small HTTP Server? • Как задействовать FTP сервер с помощью утилиты

small HTTP Server? • Как ограничить доступ к серверам? • Что такое виртуальная папка? • Какие клиенты ftp вы знаете? • Что такое прокси верхнего уровня? • Учетные записи и права. • Назовите альтернативные сервера. • Какие почтовые клиенты вы знаете? • Как можно защититься от СПАМа? • Что такое регулярное выражение?

9. PHP: работа с почтовым сервером и с СУБД

• Как можно подключится к БД? • Какие функции лучше использовать? • Какие запросы можно выполнять к СУБД, не под-

ключаясь к конкретной БД? • Синтаксис предложения SELECT • Правила написания WHERE фраз и WHERE условий • Для чего необходимы агрегатные функции? Когда их

можно применять? • Особенности использования функции AVG() • Функции работы с датой/временем • Что может быть в качестве элемента Select? • Как записываются несколько элементов Select? • Каким образом соединяются несколько WHERE ус-

ловий? • Правила составления выражений • Для чего нужен предикат LIKE? • Специальные символы для предиката LIKE • Когда используется предикат IN? • Как записываются элементы списка (множества)? • Где можно использовать предикат AS? • Может ли быть в качестве элемента Select константа? • Что такое NULL? • Для чего нужны ключи и индексы? • Синтаксис предложения INSERT

24



• Что такое подзапрос? • Где можно применять подзапросы? • Как можно обойтись без подзапросов? • Для чего необходим UNION? • Что такое соединение? • Отличие полного соединения от правого и левого.

Привести примеры. • Для чего необходимы агрегатные функции? Когда их

можно применять? • Как записывать несколько таблиц после FROM? • Как нужно указывать названия полей при выборке

данных из нескольких таблиц? • Когда используется предикат IN? • Как записываются элементы списка (множества)? • Где можно использовать предикат AS? • Может ли быть в качестве элемента Select константа? • Как правильно можно записать элемент Select при

выборке данных из двух таблиц, если в результате нужно показать только поля одной таблицы?

• Правила объединения результатов двух и более за-просов

• Правила работы с предложением INSERT. 10. PHP: Работа с библиотекой

GD

• Как подключить в php библиотеку GD? • Какая библиотека дополнительно должна быть в ди-

ректории, указанной в path? • Какой параметр должен быть прописан в httpd.conf

чтобы бинарные файлы “не бились”? • Как сделать на выходе скрипта файл изображений? • Для чего нужна функция header()? • Как организовать превью-файлы? • Какой параметр отвечает за максимальный объем пе-

редаваемой информации методом POST? • Какой параметр отвечает за максимальный объем пе-

редаваемой файла методом POST? • Как на странице разместить изображение, которое

является результатом выполнения скрипта? 11. PHP: создание счетчиков,

загрузка файлов на сервер, работа с сессиями

• Что такое сессия? • Для чего нужны сессии? • Как начать сессию? • Как завершить сессию? • Где хранятся значения переменных сессии? • Для чего нужны cookies? • Как будут работать сессии при отключенных куках? • Срок жизни cookies? • Где хранится идентификатор сессии? • Можно ли хранить значения переменной сессии в ба-

зе данных?

25



• Как можно загружать произвольные файлы на сер-вер?

• Принцип создания счетчика посещений. 12. Выполнение зачетного за-

дания, выполнение курсо-вой работы

• Что такое шаблон? • Для чего нужны шаблоны? • Можно ли одновременно передавать данные метода-

ми post и get? • Структура http пакета. • Может ли JavaScript выполняться на стороне севера?

6.3. Методические рекомендации по выполнению курсовой работы

Примерные темы курсовых работ

1. Разработка Web-приложения: Оптовый склад 2. Разработка Web-приложения: Картинная галерея 3. Разработка Web-приложения: FAQ по Delphi 4. Разработка Web-приложения: Паспортный стол 5. Разработка Web-приложения: телефонный справочник 6. Разработка Web-приложения: периодическая система Менделеева 7. Разработка Web-приложения: Компьютерная техника 8. Разработка Web-приложения: FAQ по ПО 9. Разработка Web-приложения: библиотека 10. Разработка Web-приложения: Преподаватели СЛИ 11. Разработка Web-приложения: Выставка кошек 12. Разработка Web-приложения: Клуб собаководства

Требования к программной части курсовой работы

Работа должна иметь законченный вид и удовлетворять следующим требованиям, которые делятся на группы: Требования к Информационной базе

• Использование любой СУБД • Не менее 5 связанных между собой таблиц • Присутствие связей «многие-ко-многим» • Наличие по крайней мере 5 различных типов данных • Заполнение БД правдивым контентом

Требования к Используемым технологиям • Использование JavaScript • Использование CSS • Использование Flash роликов или преобразованных файлов из 3d studio MAX • Получение данных из базы и их занесение с помощью PHP, Perl, Python и т.д. • Загрузка произвольных бинарных данных на сервер

Требование к Web-приложению • Наличие пользовательской и админской частей • Наличие парольных директорий посредством файлов .htaccess

26

• Удобная навигация • наличие регистрации на сайте • наличие счетчиков и служебной информации для администратора • Оптимизированный код и изображения • При написании приложения можно пользоваться готовыми скриптами, но не полно-

стью движками (CMS) • Наличие либо форума, либо чата

Требования к отчетной части курсовой работы Отчет должен быть грамотно написан как технически, так и грамматически. Отчет должен в себя включать следующие разделы:

• Оглавление • Введение (постановка задачи) • Логическая, физическая модели сайта • Даталогическая и инфологическая модели информационной БД • Внешний вид основных страниц • SQL- запросы с описанием • Библиографический список

Правила выбора тем курсовой работы

Курсовая работа выдается студентам после проведения промежуточной аттестации. Темы студенты выбирают самостоятельно. Действуют следующие правила. Приоритетам пользуются студенты, набравшие наибольший балл в рейтинге. Темы у студентов не долж-ны повторяться. Темы не выдаются студентам, которые не защитили первые пять лабора-торных работ.

27

7. МАТЕРИАЛЫ ДЛЯ КОНТРОЛЯ ЗНАНИЙ СТУДЕНТОВ

7.1. Промежуточный контроль

Текущая успеваемость студентов контролируется выполнением, оформлением и за-

щитой отчетов по лабораторным работам, промежуточной аттестацией в виде тестирова-ния. Тесты промежуточной аттестации включают: теоретический материал, пройденный на лекциях, практический материал по лабораторным работам.

7.2. Итоговый контроль Итоговый контроль включает экзамен и курсовую работу. К выполнению курсовой работы допускаются студенты, имеющие положительный балл промежуточного тестирования и защитившие первые пять лабораторных работ.

Требования к экзамену:

1. Выполнение и защита лабораторных работ. 2. Положительная оценка за промежуточное тестирование. 3. Выполнение итоговой курсовой работы. 4. Ответ на все вопросы билета.

Вопросы к экзамену

1. Что такое Интернет его сервисы 2. Поисковые машины и язык запросов 3. Почтовые сервера, ftp и http сервера 4. Протоколы Интернет прикладного уровня 5. HTML: Структура документа. Теги 6. HTML: Теги физического и логического форматирования 7. HTML: Гиперссылки, изображения 8. HTML: Таблицы и фреймы в том числе и плавающие 9. HTML: Звук, флеш вставка их в документ 10. HTML: Списки, многоуровневые 11. HTML: Формы и элементы форм 12. HTML: Мета теги 13. HTML: карты изобржений 14. Dhtml: События фильтры 15. JavaScript: Вставка в документ 16. JavaScript: Переменные, константы выражения 17. JavaScript: Циклы и ветвления 18. JavaScript: Функции. Работа с элементами формы 19. JavaScript: Объекты и правила работы с ними 20. JavaScript: Объекты Date String Array и Math

28

21. JavaScript: Объекты браузера document event history location navigator screen 22. CSS: Совместное использование с Html 23. CSS: Меры длины, работа с палитрой rgb 24. CSS: Классы и псевдоклассы, работа с ссылками 25. CSS: Свойства Font 26. CSS: Свойства Text 27. CSS: Свойства Color, BackGround 28. CSS: Списки, пробелы между словами и etc 29. Северные пакеты: виды назначение, преимущества и недостатки 30. ПО для Web разработчиков 31. Установка и конфигурирование Apache 32. FTP сервер установка и конфигурирование, клиенты ftp 33. PHP: Установка и конфигурирование php 34. PHP: Переменные и константы 35. PHP: Особенности работы с массивами 36. PHP: Циклы и условные операторы 37. PHP: Работа со строковыми переменными, преобразования типов 38. PHP: Работа с файлами 39. PHP: Счетчики текстовые 40. PHP: Отправка данных на e-mail, работа с формами 41. PHP: Регулярные выражения 42. PHP: работа с СУБД MySQL 43. PHP: Upload файлов, в том числе бинарных 44. PhpBB2 и PhpBB2 Plus, WikiMedia, php-nuke 45. Протокол HTTP 46. Установка и конфигурирование MySQL 3-й и 4-й ветки 47. Инструментальные средства СУБД и хранение привилегий на примере СУБД

MySQL 48. Система управления PHPMyAdmin

7.3. Критерии оценки знаний студентов

Оценка "отлично" выставляется студенту за:

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

Оценка "хорошо" выставляется студенту за:

а) полное усвоение программного материала в объеме обязательной литературы по курсу; б) владение терминологией и символикой изучаемой дисциплины при изложении материа-ла: в) умение увязывать теоретические знания с решением практических задач;

29

г) наличие не искажающих существа ответа погрешностей и пробелов при изложении мате-риала.

Оценка "удовлетворительно" выставляется студенту за: а) знание основных теоретических и практических вопросов программного материала; б) допущение незначительных ошибок и неточностей, нарушение логической последова-тельности изложения материала, недостаточную аргументацию теоретических положений.

Оценка "неудовлетворительно" выставляется студенту за: а) существенные пробелы в знаниях основного программного материала. б) недостаточный объем знаний по дисциплине для дальнейшей учебы и профессиональной деятельности.

30

8. ОПИСАНИЕ ЛАБОРАТОРНЫХ РАБОТ

Введение

� Общая цель и задачи выполнения работ Освоить практические умения использования языков разметки, языков используе-мых на уровне клиента и сервера; установку серверного ПО

� Язык HTML � Скриптовый язык JavaScript � PHP � CSS � Установку Web-сервера Apache, интерпретатора PHP, СУБД MySQL � Настройку и конфигурирование скриптов PHP (PhpBB2, Invision

Board, PHPMyAdmin и др.) � Настройку и конфигурирование прокси сервера (на примере

SmallHTTP Server, HandyCache) � Установку и конфигурирование почтового и FTP сервера � Использование конфигурационных файлов .htaccess

� Требования к знаниям и умениям, приобретаемым при выполнении работ Студенты, получив знания в результате выполнения работ должны

� Писать скрипты любой сложности на языке JavaScript � Знать типы данных, поддерживаемые JavaScript, Php и СУБД MySQL � Производить установку и конфигурирование СУБД MySQL, PHP,

Apache, почтового и FTP серверов � Писать скрипты средней сложности на языке php � Использовать CSS для оформления Web-страниц � Устанавливать и настраивать любые серверные приложения � Использовать конфигурационные файлы .htaccess � Устанавливать плагины для браузеров

Знания и умения, полученные в данном курсе, понадобятся для изучения следующих спец. предметов и дисциплин:

� Дипломное проектирование � Условия и особенности выполнения работ

Лабораторные работы выполняются в компьютерной лаборатории, На ком-пьютерах с предустановленной операционной системой семейства NT, Необходимо наличие учебных web-страниц (лабораторные работы 1-5), раздаточного материала (лабораторные работы 9-11), видео-роликов (лабораторные работы 7-8) и конспекта лекций по данной дисциплине. Для выполнения лабораторных работ №№7-8 требу-ются права администратора.

� Взаимосвязь с теоретическим материалом учебной дисциплины Все лабораторные работы требуют у студентов теоретических знаний, полу-

ченных на лекциях по данной дисциплине и по дисциплинам «Информационные технологии» и «Язык SQL и Реляционные СУБД»

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

31

Лабораторная работа №1 JavaScript: Переменные, циклы, ветвления (4 часа)

Цель работы: Изучить основы языка JavaScript Задачи работы

1. Изучить правила вставки JavaScript в HTML документ 2. Изучить синтаксис языка 3. Изучить функции alert(), prompt() 4. Изучить циклы for, while 5. Изучить операторы break, continue 6. Изучить правила объявления функций

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Выполнить уроки 1-4 из учебника по JavaScript (статичная версия в приложении №1) Требования к отчету: По окончанию работ сдаются выполненные задания в виде связанных html страниц. Технология работы: Для всех уроков

1. Прочитать теорию 2. Сделать конспект в тетрадях 3. Посмотреть работу испытателей 4. Выполнить тесты 5. Выполнить задания 6. Сдать на проверку работы 7. Ответить на вопросы по работе

Контрольные вопросы:

1. Что такое скрипт? 2. Как можно использовать JavaScript в html документах? 3. Как делаются комментарии в JavaScript? 4. Для чего нужна функция alert()? 5. Как объявляются текстовые и числовые переменные? 6. Можно ли использовать инженерную запись числа? 7. Что завершает каждую команду JavaScript? 8. В чем разница между ++х и х++? 9. Как можно кратко записать x=x+4;? 10. Для чего предусмотрена функция prompt()? 11. Назовите условный оператор. 12. Для чего предусмотрена функция confirm()? 13. Как обозначаются логические операции? 14. Назовите циклы, используемые в JavaScript.

32

15. Для чего нужны break и continue? 16. Как можно организовать бесконечный цикл?

33

Лабораторная работа №2 JavaScript: Функции, объекты Math, string, Date (4 часа)

Цель работы: Изучить правила объявления функций и объекты Math, String и Date языка JavaScript Задачи работы

1. Изучить правила объявления функций 2. Изучить способы вызова функций 3. Изучить объект Date 4. Изучить объект Array 5. Изучить объект String 6. Изучить объект Math

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Выполнить уроки 5-6 и выполнить задания на страницах описания объектов Date, Array, String и Math из учебника по JavaScript (статичная версия в приложении №2) Требования к отчету: По окончанию работ сдаются выполненные задания в виде связанных html страниц. Технология работы: Для всех уроков



1. Как объявляются функции? 2. Как вызвать функцию? 3. Как преобразовать строку в число? 4. Для чего нужна функция ParseInt()? 5. Что такое метод объекта? 6. Что такое свойство объекта? 7. Что такое инкапсуляция объекта? 8. Что такое экземпляр объекта? 9. Что такое интерфейс объекта? 10. Что такое объект? 11. Для чего нужен объект Date? 12. Перечислите свойства объекта Date 13. Перечислите методы объекта Date

34

14. Для чего нужен объект Array? 15. Перечислите свойства объекта Array 16. Перечислите методы объекта Array 17. Как создать экземпляр объекта Array? 18. Для чего нужен объект String? 19. Перечислите свойства объекта String 20. Перечислите методы объекта String 21. Как создать экземпляр объекта String 22. Для чего нужен объект Math? 23. Перечислите свойства объекта Math 24. Перечислите методы объекта Math 25. Как создать экземпляр объекта Math? 26. Сколько экземпляров объекта Math может быть в скрипте?

35

Лабораторная работа №3 JavaScript: Работа с формами (8 часов)

Цель работы: Научится работать с формами Задачи работы

1. Изучить параметры тега <FORM> 2. Изучить методы обработки <FORM> 3. Изучить тег <INPUT> и его параметры 4. Способы организации списков, выбора одного элемента из нескольких 5. Изучить многострочные поля ввода

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Выполнить уроки 7-10 из учебника по JavaScript (статичная версия в приложении №3) Требования к отчету: По окончанию работ сдаются выполненные задания в виде связанных html страниц. Технология работы: Для всех уроков



1. Как можно разместить на странице элементы управления? 2. Какие значения может принимать параметр action тега <FORM>? 3. Какие значения может принимать параметр method тега <FORM>? 4. Что такое DefaultValue? 5. Отличия радиокнопок и флажков. 6. Что такое <textarea>? 7. Назначение тега <option> 8. Назовите зарезервированные слова языка 9. Что такое зарезервированные слова?

36

Лабораторная работа №4 Объектная модель браузера, события браузера (4 часа)

Цель работы: Изучить объектную модель браузера Задачи работы

1. Изучить объектную модель браузера 2. Изучить события браузера 3. Изучить объекты:

• window • document • коллекции объекта document • event • history • location • navigator • screen

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Выполнить урок 7 и задания страниц объекты и события браузера из учебника по JavaScript (статичная версия в приложении №4) Требования к отчету: По окончанию работ сдаются выполненные задания в виде связанных html страниц. Технология работы: Для всех уроков



1. Нарисуйте объектную модель браузера 2. Какие события происходят при загрузке странице 3. Какие события происходят при попытке скопировать информацию со страницы? 4. Какие коллекции объектов Вы знаете? 5. Назовите свойства и методы объекта Window 6. Назовите свойства и методы объекта Document 7. Как создать объект Document? 8. Для чего нужно свойство name?

37

9. Назовите свойства и методы объекта Event 10. Назовите свойства и методы объекта History 11. Что сохраняется в свойстве length объекта history? 12. Методы back(), go(), forward(). 13. Назовите свойства и методы объекта location 14. Назовите свойства и методы объекта navigator 15. Где хранится информация о клиенте http? 16. Назовите свойства и методы объекта screen

38

Лабораторная работа №5 Работа с CSS (4 часа)

Цель работы: Закрепить теоретические знания, полученные на лекциях Задачи работы

1. Изучить основные свойства css 2. Посмотреть взаимодействие css и html 3. Рассмотреть область действия классов и псевдоклассов и псевдоэлементов 4. Рассмотреть способы группировки

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Использовать для оформления css в работах 3-4 лабораторной работы. Требования к отчету: По окончанию работ сдаются выполненные задания в виде связанных html страниц. Технология работы:

1. Прочитать конспект лекций 2. Найти примеры на использование css 3. Использовать эти примеры, для заданий прошлой лабораторной работы 4. Посмотреть, каким образом css используется на некоторых сайтах (3dnews.ru,

lenta.ru, citforum.ru, ru.wikipedia.org, и др.) 5. Выполнить задания 6. Сдать на проверку работы 7. Ответить на вопросы по работе


1. Для чего применяется css? 2. Какие существуют способы использования css в документах html? 3. Какой способ имеет наибольший приоритет? 4. Что такое класс, для чего он нужен? 5. Как можно использовать классы? 6. Что такое псевдокласс? 7. Какие псевдоклассы вы знаете? 8. Какие псевдоэлементы вы знаете? 9. Как можно использовать псевдоэлементы и псевдоклассы? 10. Какой атрибут тега служит для обозначения класса? 11. Какой атрибут тега служит для использования css? 12. Где должен находиться тег <STYLE>? 13. Какое свойство служит для управления шрифтом? 14. Какое свойство служит для управления фоном? 15. В чем преимущество css перед стандартными тегами html? 16. Какое свойство служит для управления курсором?

39

17. Какие меры длины используются в css? 18. Как можно использовать цвета в css? 19. Как можно использовать внешние объекты в css? 20. Какие нормативные документы существуют для css? 21. Кто занимается разработкой уровней css? 22. Что такое block-level элементы? 23. Как для разных тегов прописать одни и те же свойства?

40

Лабораторная работа №6 Выполнение зачетного задания по css и JavaScript (4 часа)

Цель работы: Применить знания, полученные в предыдущих лабораторных работах Задачи работы

1. Закрепить практические навыки, полученные в 1-5 лабораторных работах 2. Написать скрипт по предложенной теме 3. Оформить работу с помощью css 4. Динамически менять стили с использованием JavaScript

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9 Задание: Использовать для оформления css в работах 3-4 лабораторной работы. Требования к отчету: По окончанию работ сдаются выполненное задание в виде связанных html страниц. Технология работы:

1. Ознакомиться с предложенным заданием 2. Написать скрипт 3. Оформить с помощью css 4. Проверить скрипт на граничные условия и на не правильные входные значения па-

раметров 5. Сдать работу на проверку 6. Ответить на вопросы по работе


1. Как можно динамически менять стили? 2. Что обозначает объект this? 3. Как можно использовать глобальные таблицы стилей? 4. Как можно написать обработчик события? 5. Какие события могут происходить над картинкой? 6. Как обратиться к коллекции всех картинок? 7. Как обратиться к коллекции всех ссылок? 8. Что произойдет при наведении курсора мыши на ссылку: <A href="nofile1.htm"

onMouseOver =" window.status= document.forma.stat1.value; ">Ссылка 1</A>? 9. Как передать фокус другому окну? 10. Что такое фокус?

41

Лабораторная работа №7 Установка и администрирование сервера Apache, процессора Php, СУБД MySQL (8 часов)

Цель работы: Освоить установку и конфигурирование Web-серверов и web-приложений Задачи работы

1. Освоить установку и конфигурирование Apache 2. Освоить установку и конфигурирование PHP 3. Освоить установку и конфигурирование СУБД MySQL 4. Освоить установку и конфигурирование PHPMyAdmin, PhpBB2, PHPNuke и

MediaWiki 5. Освоить работу с .htpasswd и .htaccess файлами

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Задание: Установить и отконфигурировать Web-сервер Apache, интерпретатор языка PHP, и СУБД MySQL, с web-скрипты. Требования к отчету: По окончанию работ демонстрируется установленный и работающий сервер. Технология работы:

1. Если необходимо посмотрите видеофайл по установке web-сервера. 2. Установите и отконфигурируйте Web-сервер Apache 3. Установите php и все библиотеки-расширения. 4. Отредактируйте конфигурационные файлы, для наилучшей работы сервисов. 5. Создайте тестовую страницу, для проверки работоспособности Apache и PHP. 6. Установите сервер СУБД MySQL 7. Проинсталлируйте как сервис MySQL. 8. Установите PHPMyAdmin 9. Отконфигурируйте PHPMyAdmin и с помощью этого средства настройте MySQL. 10. Сделайте оптимальные настройки безопасности. 11. Установите форум PHPBB2 12. Поработайте со стилями и настройками форума 13. Установите CMS PHP-Nuke 14. Создайте парольную Web-папку 15. Установите MediaWiki 16. Ответить на вопросы по работе


1. Что такое Lamp, Wamp? 2. Что такое CMS? 3. Что такое localhost? 4. Какие адреса существуют у локальной машины?

42

5. Для чего нужен Apache? 6. Какие существуют альтернативы Web-серверу Apache? 7. О чем говорит параметр DocumentRoot? 8. C помощью каких параметров сервера можно управлять кодировками? 9. Какие конфигурационные файлы есть у сервера Apache и для чего они необходимы? 10. Для чего нужны .htpasswd и .htaccess файлы? 11. Какие директивы файла .htaccess вы знаете? 12. В каком случае после внесения изменений в конфигурационные файлы необходимо

перезагрузить сервер? 13. Что такое сервисы и демоны? 14. Для чего нужен PHP? 15. Как подключать расширения php? 16. На чей стороне выполняется код php (клиент или сервер или может на обоих)? 17. Как узнать какая версия php и какой web-сервер установлен на локальной машине? 18. Что такое СУБД? 19. Почему чаще всего для Web используют MySQL? 20. В чем преимущества этого сервера? 21. Как установить пароль на учетную запись администратора? 22. Для чего необходим PHPMyAdmin? 23. Конфигурационный файл PHPbb2. 24. Для чего нужно MySQL устанавливать как сервис? 25. Как получить в текстовый файл все ключи mysqld-nt.exe? 26. Что такое привилегия? 27. Для чего нужен PHPMyAdmin? 28. Особенность получения прав доступа с помощью PHPMyAdmin. 29. Получение статистики работы СУБД 30. Синтаксис предложений создания таблиц и баз данных 31. Поддерживаемые языки и кодировки. 32. Какие существуют способы подключения php?

43

Лабораторная работа №8 Установка и администрирование почтового, прокси и ftp серверов (4 часа)

Цель работы: Освоить установку и конфигурирование прокси, ftp, и почтовых серверов Задачи работы

1. Научится устанавливать прокси сервер на примере small HTTP Server и Handy Cache. 2. Получить основы администрирования малых почтовых серверов 3. Получить навыки работы с ftp сервером

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Задание: Установить и отконфигурировать ftp, почтовый и прокси сервера Требования к отчету: По окончанию работ демонстрируется установленный и работающий сервер и настроенные клиенты, с помощью которых производится тестирование правильности установки серве-ров. Технология работы:

1. Посмотреть, если необходимо видеоролик, демонстрирующий установку сервера. 2. Установить прокси сервер с помощью утилиты small HTTP Server 3. Установить почтовый сервер с помощью утилиты small HTTP Server 4. Установить ftp сервер с помощью утилиты small HTTP Server 5. Установить прокси сервер с помощью утилиты Handy Cache 6. Создать виртуальные папки 7. Проверить работоспособность серверов 8. Проверить защиту серверов 9. Ответить на вопросы по работе


1. Для чего нужны Smtp и pop протоколы? 2. В чем отличия кэширующего от не кэширующего прокси сервера? 3. Как задействовать прокси сервер с помощью утилиты small HTTP Server? 4. Как задействовать почтовый сервер с помощью утилиты small HTTP Server? 5. Как задействовать FTP сервер с помощью утилиты small HTTP Server? 6. Как ограничить доступ к серверам? 7. Что такое виртуальная папка? 8. Какие клиенты ftp вы знаете? 9. Что такое прокси верхнего уровня? 10. Учетные записи и права. 11. Назовите альтернативные сервера. 12. Какие почтовые клиенты вы знаете? 13. Как можно защититься от СПАМа? 14. Что такое регулярное выражение?

44

Лабораторная работа №9 PHP: работа с почтовым сервером и с СУБД (8 часов)

Цель работы: Научится с помощью php подключаться к СУБД MySQL и выполнять к нему запросы на языке SQL. Задачи работы

1. Изучить функции php для работы с MySQL 2. Вспомнить предложения SQL

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Требуется Acrobat Reader или альтернати-ва, или плагин к браузеру. Текст лабораторной работы выдается в pdf файле с меню для бы-строй навигации.(Приложен в приложении 6) Задание: Написать браузер для перемещения по базам MySQL Требования к отчету: По окончанию работ демонстрируется рабочий скрипт путешествия по базам на сервере, к которому подключены. Технология работы:

1. Прочитать учебный текст 2. Посмотреть пример работы с базой данных 3. Испытать данный пример 4. Посмотреть ролик демонстрирующий, что должно получиться в итоге вашей работы. 5. Выполнить задания для самостоятельной работы 6. Ответить на вопросы по работе


1. Как можно подключится к БД? 2. Какие функции лучше использовать? 3. Какие запросы можно выполнять к СУБД, не подключаясь к конкретной БД? 4. Синтаксис предложения SELECT 5. Правила написания WHERE фраз и WHERE условий 6. Для чего необходимы агрегатные функции? Когда их можно применять? 7. Особенности использования функции AVG() 8. Функции работы с датой/временем 9. Что может быть в качестве элемента Select? 10. Как записываются несколько элементов Select? 11. Каким образом соединяются несколько WHERE условий? 12. Правила составления выражений 13. Для чего нужен предикат LIKE? 14. Специальные символы для предиката LIKE 15. Когда используется предикат IN?

45

16. Как записываются элементы списка (множества)? 17. Где можно использовать предикат AS? 18. Может ли быть в качестве элемента Select константа? 19. Что такое NULL? 20. Для чего нужны ключи и индексы? 21. Синтаксис предложения INSERT 22. Что такое подзапрос? 23. Где можно применять подзапросы? 24. Как можно обойтись без подзапросов? 25. Для чего необходим UNION? 26. Что такое соединение? 27. Отличие полного соединения от правого и левого. Привести примеры. 28. Для чего необходимы агрегатные функции? Когда их можно применять? 29. Как записывать несколько таблиц после FROM? 30. Как нужно указывать названия полей при выборке данных из нескольких таблиц? 31. Когда используется предикат IN? 32. Как записываются элементы списка (множества)? 33. Где можно использовать предикат AS? 34. Может ли быть в качестве элемента Select константа? 35. Как правильно можно записать элемент Select при выборке данных из двух таблиц,

если в результате нужно показать только поля одной таблицы? 36. Правила объединения результатов двух и более запросов 37. Правила работы с предложением INSERT.

46

Лабораторная работа №10 PHP: Работа с библиотекой GD (8 часов)

Цель работы: Освоить работу с функциями библиотеки GD. Задачи работы

1. Изучить функции работы с GD библиотекой 2. Освоить работу с загрузкой данных на сервер.

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Задание: Написать php скрипт-галерею. Требования к отчету: По окончанию работы демонстрируется скрипт-галерея. Технология работы:



1. Как подключить в php библиотеку GD? 2. Какая библиотека дополнительно должна быть в директории, указанной в path? 3. Какой параметр должен быть прописан в httpd.conf чтобы бинарные файлы “не би-

лись”? 4. Как сделать на выходе скрипта файл изображений? 5. Для чего нужна функция header()? 6. Как организовать превью-файлы? 7. Какой параметр отвечает за максимальный объем передаваемой информации мето-

дом POST? 8. Какой параметр отвечает за максимальный объем передаваемой файла методом

POST? 9. Как на странице разместить изображение, которое является результатом выполнения

скрипта?

47

Лабораторная работа №11 PHP: создание счетчиков, загрузка файлов на сервер,

работа с сессиями (4 часа) Цель работы: Освоить работу с сессиями. Задачи работы

1. Как работать с сессиями 2. Как правильно отконфигурировать php для работы с сессиями

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Задание: Написать php скрипт демонстрирующий работу сессий. Требования к отчету: По окончанию работы демонстрируется скрипт работающий при использовании сессий. Технология работы:



1. Что такое сессия? 2. Для чего нужны сессии? 3. Как начать сессию? 4. Как завершить сессию? 5. Где хранятся значения переменных сессии? 6. Для чего нужны cookies? 7. Как будут работать сессии при отключенных куках? 8. Срок жизни cookies? 9. Где хранится идентификатор сессии? 10. Можно ли хранить значения переменной сессии в базе данных? 11. Как можно загружать произвольные файлы на сервер? 12. Принцип создания счетчика посещений.

48

Лабораторная работа №12 Выполнение зачетного задания, выполнение курсовой работы (8 часов)

Цель работы: Закрепить знания, полученные в предыдущих лабораторных работах. Задачи работы

1. Закрепить знания по использованию php, css, и JavaScript. 2. Освоить работу с шаблонами. 3. Начать выполнять курсовую работу.

Обеспечивающие средства: Лабораторная работа выполняется в компьютерной лаборатории, на компьютерах с предус-тановленной операционной системой семейства Windows или Linux, браузерами Internet Explorer 6 или выше Mozilla FireFox не ниже 1.5.0.8 или Opera не ниже 9. Для выполнения работы требуется наличие прав администратора. Задание: Написать php скрипт демонстрирующий работу сессий. Требования к отчету: По окончанию работы демонстрируется скрипт. Технология работы:

1. Ознакомиться с предложенным заданием 2. Написать скрипт 3. Оформить с помощью css 4. Проверить скрипт на граничные условия и на не правильные входные значения па-

раметров 5. Сдать работу на проверку 6. Ответить на вопросы по работе


1. Что такое шаблон? 2. Для чего нужны шаблоны? 3. Можно ли одновременно передавать данные методами post и get? 4. Структура http пакета. 5. Может ли JavaScript выполняться на стороне севера?

49

9. ПРИМЕРНЫЕ ВЫРИАНТЫ ТЕСТА

Какой атрибут элемента INPUT отвечает за вид элемента ввода формы?

TYPE

CLASS

STYLE

Какие из приведенных тегов позволяют создавать элементы с множественным выбо-ром?

<SELECT>

<INPUT TYPE=RADIO>

<INPUT TYPE=CHECKBOX>

Какой атрибут элемента FORM определяет список кодировок для вводимых данных?

accept-charset

enctype

alt

Укажите ошибочные варианты определения изображения в качестве гиперссылки.

<A HREF="адрес файла"> <IMG SRC="image.gif"></A>

<A HREF="image.gif"></A>

<A HREF="адрес файла"> <IMG="image.gif"></A>

Какие из приведенных тегов неверно описывают активное изображение?

<img src="image.jpg" width=100 height=100>

<img src="image.jpg" width=100 height=100 usemap="#map1">

<img src="image.jpg" width=100 height=100 usemap>

Какой из приведённых ниже фрагментов кода выведет в окне обозревателя изображе-ние размером 100 на 200 пикселей?

<IMG SRC="image.gif" ALT="изображение" HSPACE="100" VSPACE="200">

<IMG SRC="image.gif" ALT="изображение" WIDTH="100" HEIGHT="200" HSPACE="10" VSPACE="10">

<IMG SRC="image.gif" ALT="изображение" WIDTH="100" HEIGHT="100" HSPACE="100" VSPACE="200">

На что следует обратить внимание при выборе провайдера, размещающего ваш Web-узел на своем сервере?

пропускная способность каналов

50

поддержка сервером провайдера CGI-сценариев

поддержка сервером провайдера SSI

поддержка моментальной перекодировки

способ обновления страниц

Неверным является утверждение:

регистр букв для указания значения атрибутов имеет значение

регистр букв для указания имени атрибутов имеет значение

регистр букв для указания имени тега имеет значение

Укажите основные группы тегов языка HTML:

определяющие структуру документа

гипертекстовые ссылки

оформление блоков гипертекста

10. Какие из приведенных тегов являются тегами, управляющими формой отображе-ния текста?

<SUP>

<Q>

<I>

<EM>

Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?

<A HREF="#m1">ссылка</a>

<A HREF="/2.html#m1">ссылка</a>

<A NAME=m1>ссылка</a>

Что можно задавать с помощью атрибута HREF, тега <A>?

ссылку на другой документ

ссылку на текущий документ

URL объекта

С помощью какого контейнера задается фреймовая структура документа?

FRAME

BODY

FRAMESET

51

IFRAME

В каком примере второй столбец = 250 пикселов, первый = 25% и третий = 75% от ос-тавшегося пространства?

<FRAMESET cols="1*,250,3*">

<FRAMESET cols="25,250,75">

<FRAMESET cols="1*,250,75">

<FRAMESET cols="25,250,3*">

В каких случаях возможность прокрутки окна фрэйма будет всегда недоступна?

<FRAME scrolling="no">

<FRAME scrolling="auto">

<FRAME scrolling="yes">

16. Какой тэг определяет заголовок документа HTML?

HTML

BODY

HEAD

ISINDEX

17. Какой тег служит для именования документа в World Wide Web?

BASE

META

HEAD

TITLE

Какой тэг служит для размещения кода JavaScript?

STYLE

META

SCRIPT

Как указать выравнивание текста в ячейке таблицы?

с помощью атрибута ALIGN

с помощью атрибута VALIGN

с помощью атрибута CELLPADDING

Что определяет атрибут BORDER у элемента разметки TABLE?

52

расстояние между ячейками

расстояние от содержания до границы ячейки

ширину ячейки

ширину границы

вид границы

В какой таблице ширина промежутков между границами ячеек и текстом в ячейке составит 20 пикселей?

<table cellspacing="20"> <tr> <td>text</td> <td>text</td> </tr> </table>

<table cellpadding="20"> <tr> <td>text</td> <td>text</td> </tr> </table>

<table textspacing="20"> <tr> <td>text</td> <td>text</td> </tr> </table>

Какое свойство позволяет задать выравнивание текста в элементе?

text-align

direction

align

Выберите корректный пример задания фонового цвета текста:

<style type="text/css"> span.back { background-color: gray } </style>

<style type="text/css"> span.fon { background-color: red } </style>

<style type="text/css"> span.fon { bgcolor red } </style>

Укажите корректные примеры использования свойства text-indent:

53

{ text-indent: 2in }

{ text-indent: 20% }

{ text-indent: 10ct }

Что является селектором, а что определением в следующем примере? P { color:blue; }?

P- определение , {color:blue;} - селектор

P - селектор , {color:blue;} - определение

Здесь только селектор

Здесь только определение

Укажите возможные способы описания селекторов

h1,h2,h3,p,strong {color:green; font-style:italic;}

h1,i,h3,b,strong {color:green; font-style:italic;}

h1:h2,h3,p:strong {color:green; font-style:italic;}

h1;h2;h3;p strong {color:green; font-style:italic;}

Отметьте псевдоселекторы

P:last-letter

IMG:title:image

P:first-letter

A:link

A:visited

Чему равен один типографский пункт?

1 pt

0,014 in

0,035 см

0,08 pc

В каком примере корректно задаётся степень жирности шрифта?

<style type="text/css"> h1.first {font-weight: 800} </style>

<style type="text/css"> h2.second {font-weight: bold} </style>

<style type="text/css"> h3.third {font-weight: 200} </style>

54

Укажите корректные примеры сокращенной записи свойств шрифта:

p { font: oblique small-caps bold -5px serif }

p { font: italic; small-caps; 10px; 12px; serif }

p { font-family: oblique small-caps bold -5px serif }

Какой параметр можно использовать для задания цвета нижней стороны границы?

border-down-color

border-bottom-color

border-bottom-style

Укажите допустимые значения параметра border-style?

outset

dots

solid

Укажите вариант, в котором корректно заданы параметры полей:

p{padding-top: auto}

p{padding-top: off}

p{padding-top: none}

Укажите допустимые значения параметра display:

marker

table

compact

off

Укажите доступные значения параметра clip:

clip:rect(2px 175px 100px 0px)

clip:auto

clip:rect(2%)

clip:off

Какой параметр определяет, что происходит, когда содержимое элемента переполня-ет его область?

overflow

draw

55

clip

+УМК Технологии интернет ИСиТ Кирпичев...

Documents