Проектирование и разработка web сайтов

РОССИЙСКАЯ ФЕДЕРАЦИЯ
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ
ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
ТЮМЕНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ИНСТИТУТ МАТЕМАТИКИ, ЕСТЕСТВЕННЫХ НАУК И ИНФОРМАЦИОННЫХ
ТЕХНОЛОГИЙ
КАФЕДРА МАТЕМАТИКИ И ИНФОРМАТИКИ
И. В. Прудаева
ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА WEB САЙТОВ
Учебно-методический комплекс
Практикум
для студентов, обучающихся по профилю подготовки
«Вычислительные, программные, информационные системы и
компьютерные технологии»
Издательство
Тюменского государственного университета
2012
УДК 004.72 (075.8)
ББК В973.202я73
П850
Прудаева И. В.
Проектирование и разработка web сайтов: Учебно-методический
комплекс. Практикум для студентов, обучающихся по профилю подготовки «Вычислительные, программные, информационные системы и
компьютерные технологии» Тюмень: Издательство Тюменского государственного университета, 2012, 41 стр.
Для самостоятельной работы студентам предлагаются задания лабораторных работ, которые могут быть использованы как во время аудиторных занятий, так и в качестве домашних заданий. Практикум включает тестовые вопросы к зачету по дисциплине «Проектирование и разработка web сайтов», список основной и дополнительной литературы.
Рабочая учебная программа дисциплины опубликована на сайте
ТюмГУ. Разработка и проектирование web сайтов [электронный ресурс]/
Режим доступа: http://www.umk.utmn.ru., свободный.
Рекомендовано к изданию кафедрой математики и информатики.
Утверждено проректором по учебной работе Тюменского государственного университета.
ОТВЕТСТВЕННЫЙ РЕДАКТОР: Т. В. Мальцева, зав. кафедрой математики и информатикиТюмГУ, д.ф.-м.н.,
доцент
РЕЦЕНЗЕНТЫ:
Д. В. Шармин, доцент кафедры математики и информатики ТюмГУ, к.п.н.
В. В. Бочкарев, доцент кафедры математические методы в экономике
ТюмГНГУ, к.т.н.
© ФГБОУ ВПО Тюменский государственный университет, 2012
© Прудаева И.В., 2012
Оглавление
Тема: Web-сервер Денвер. HTML. .............................................................. 4
Задание 1 ...................................................................................................................................4
Задание 2 ...................................................................................................................................5
Задание 3 ...................................................................................................................................6
Задание 4 ...................................................................................................................................8
Задание 5 ...................................................................................................................................8
Задание 6 ...................................................................................................................................9
Задание 7 ................................................................................................................................. 11
Задание 8 ................................................................................................................................. 12
Задание 9 ................................................................................................................................. 12
Задание 10 ............................................................................................................................... 13
Тест для контроля знаний по теме HTML ................................................. 14
Тема: Каскадные таблицы стилей – CSS.................................................. 18
Задание 11 ............................................................................................................................... 18
Задание 12 ............................................................................................................................... 19
Задание 13 ............................................................................................................................... 20
Тест для контроля знаний по теме CSS.................................................... 22
Тема: Java Script ......................................................................................... 24
Задание 14 ............................................................................................................................... 24
Тест для контроля знаний по теме Java Script ......................................... 25
Тема: PHP ................................................................................................... 28
Задание 15 Строки ................................................................................................................... 28
Задание 16 Числа .................................................................................................................... 28
Задание 17 Дата и время ........................................................................................................ 29
Задание 18 Массивы................................................................................................................ 30
Задание 19 Переменные ......................................................................................................... 31
Задание 20 Функции ................................................................................................................ 31
Задание 21 Основы WEB......................................................................................................... 32
Задание 22 Формы ................................................................................................................... 33
Задание 23 Доступ к базе данных ........................................................................................... 33
Задание 24 Автоматизация работы с WEB ............................................................................ 34
Задание 25 XML ....................................................................................................................... 34
Задание 26 Регулярные выражения ....................................................................................... 35
Задание 27 Шифрование и безопасность .............................................................................. 35
Задание 28 Графика ................................................................................................................ 36
Задание 29 Интернет службы ................................................................................................. 36
Задание 30 Файлы ................................................................................................................... 37
Тест для контроля знаний по теме PHP.................................................... 37
Список литературы .................................................................................... 40
3
Тема: Web-сервер Денвер. HTML.
Задание 1
1.
Создайте новый документ с именем Lab1.html и сохраните его
в корне своего домена.
2.
Напишите текст:
ПЕСНЯ ПОСЛЕДНЕЙ ВСТРЕЧИ
Так беспомощно грудь холодела,
Но шаги мои были легки.
Я на правую руку надела
Перчатку с левой руки.
Показалось, что много ступеней,
А я знала - их только три!
Между кленов шепот осенний
Попросил: «Со мною умри!
Я обманут моей унылой
Переменчивой, злой судьбой».
Я ответила: «Милый, милый И я тоже. Умру с тобой!»
Это песня последней встречи.
Я взглянула на темный дом.
Только в спальне горели свечи
Равнодушно-желтым огнем.
Анна Ахматова
3.
Измените фон страницы и цвет текста согласно рисунку 1.
4.
Разбейте текст на абзацы используя тег <p>.
5.
Установите абзацам выравнивание.
6.
Установите словам жирное, подчеркнутое и курсивное начер-
7.
Во втором абзаце используйте верхний и нижний индекс.
тание.
4
8.
Используя тег <font> выделите фамилию автора стихотворе-
9.
Добавьте в документ два линии, первую длиной в 400 пиксе-
ния.
лей, а высотой в 5 пикселей. А вторую шириной 50%.
10. Используя теги <h1>..<h6> выделите заголовок.
11. Используя коды специальных символов подпишите выполненное задание как указано на рисунке 1:
Рисунок 1 Образец выполнения задания 1
Задание 2
1.
Создайте свой домен, в имени которого будет присутствовать
ваша фамилия и группа. В папке www вашего домена (каталога) создайте файл Lab2.html
2.
Введите и отформатируйте текст таким образом, чтобы он
отображался в браузере как на рисунке 2:
5
Рисунок 2 Образец оформления задания 2
Задание 3
1.
Напишите код HTML, чтобы получить результат, приведенный
на рисунке 3.
6
Рисунок 3 Образец выполнения задания 3
Варианты:
1.
Линейное однородное дифференциальное уравнение n-го
порядка 𝑦 (𝑛) + 𝑎1 (𝑥)𝑦 (𝑛−1) + ⋯ + 𝑎𝑛−1 (𝑥)𝑦 ′ + 𝑎𝑛 (𝑥)𝑦 = 0, где 𝑦 = 𝑦(𝑥) —
неизвестная функция, 𝑎1 (𝑥), 𝑎2 (𝑥), . . . , 𝑎𝑛−1 (𝑥), 𝑎𝑛 (𝑥) — известные.
2.
Общее решение имеет вид: 𝑦(𝑡) = 𝑐1 𝑒 𝛼𝑡 cos(𝛽𝑡) + 𝑐2 𝑒 𝛼𝑡 sin(𝛽𝑡)
3.
Общее решение имеет вид: 𝑦(𝑡) = 𝑐1 𝑒 𝛼1𝑡 + 𝑐2 𝑒 𝛼2𝑡
4.
Однородное
уравнение
второго
порядка:
𝑎2 𝑦′′ + 𝑎1 𝑦′ +
𝑎0 𝑦 = 0
5.
Пусть 𝜆1 , 𝜆2 — корни характеристического уравнения 𝑎2 𝜆2 +
𝑎1 𝜆 + 𝑎0 = 0, являющегося квадратным уравнением.
6.
Пусть 𝜆1 , … , 𝜆𝑘 — все различные корни характеристического
многочлена, являющегося левой частью характеристического уравнения
𝑎𝑛 𝜆𝑛 + 𝑎𝑛−1 𝜆𝑛−1 + ⋯ + 𝑎1 𝜆 + 𝑎0 = 0
7.
𝑎0 𝑦
Однородное уравнение: 𝑎𝑛 𝑦 (𝑛) + 𝑎𝑛−1 𝑦 (𝑛−1) + ⋯ + 𝑎1 𝑦 ′ +
=0
8.
Если дано частное решение неоднородного уравнения 𝑦0 (𝑡),
и 𝑦1 (𝑡), … , 𝑦𝑛 (𝑡) — фундаментальная система решений соответствующего однородного уравнения, то общее решение уравнения задается формулой 𝑦(𝑡) = 𝑐1 𝑦1 (𝑡) + ⋯ + 𝑐𝑛 𝑦𝑛 (𝑡) + 𝑦0 (𝑡), где 𝑐1 , … , 𝑐𝑛 — произвольные
постоянные.
9.
В случае, когда 𝑓(𝑡) — квазимногочлен, то есть 𝑓(𝑡) =
𝑝(𝑡)𝑒 𝛼𝑡 cos(𝛽𝑡) + 𝑞(𝑡)𝑒 𝛼𝑡 sin(𝛽𝑡), где 𝑝(𝑡), 𝑞(𝑡) — многочлены,
10. Частное решение уравнения ищется в виде есть 𝑦0 (𝑡) =
(𝑝(𝑡)𝑒 𝛼𝑡 cos(𝛽𝑡) + 𝑞(𝑡)𝑒 𝛼𝑡 sin(𝛽𝑡))𝑡 𝑠 , где 𝑝(𝑡), 𝑞(𝑡) — многочлены,
7
Задание 4
1.
Создайте новый документ с именем Lab4.html и сохраните его
в корне своего домена.
2.
Введите текст, вставьте изображения с учетом: ширины, вы-
соты, выравнивания.
Рисунок 4 Образец выполнения задания 4
Задание 5
1.
Создайте новый документ с именем Lab5.html и сохраните его
в корне своего домена.
2.
Создайте список определений как на рисунке 5.
3.
Создайте маркированный список. Измените внешний вид
маркера на квадратик.
4.
Создайте нумерованный список. Осуществите нумерацию
римскими цифрами и измените начало нумерации с числа XV.
5.
Создайте список с многоуровневой нумерацией.
6.
Добавьте внизу странички ссылку на загрузку установочного
файла Денвера.
7.
Добавьте внизу документа ссылку на свою страничку в кон-
такте, которая будет открываться в новом окне.
8
8.
Второе изображение в документе сделайте ссылкой на поис-
ковую систему Google
9.
Создайте новый файл index.html, в котором разработайте
список, содержащий ссылки на задания лабораторных работ.
Рисунок 5 Образец выполнения задания 5
Задание 6
Создать документ Lab6.html, в нем по центру создать таблицу, по
варианту, соответствующему последней цифре вашего номера в списке.
9
Вариант 1
2
1
3
4
5 6 7 8
9 10 11 12 13
14 15 16 17 18
19 20 21 22 23
Таблица 1, выполнил «ФИО»
Вариант 2
2
3
4
6 7 8
1
8 9 10
5
11 12 13
14 15 16
17 18 19 20
Таблица 1, выполнил «ФИО»
Вариант 3
1
2
3
5 6
8
9
10 11
12
4
7
13
14 15
16
17
18 19
20
21
22 23
24
Таблица 1, выполнил «ФИО»
Вариант 4
1
2
3
5 6 7 8 9
4
10 11 12 13 14
15 16 17 18 19
20 21 22 23 24
Таблица 1, выполнил «ФИО»
Вариант 5
1
2
3
4 5 6 7 8
9
10 11
12
13
14 15 16 17 18
Таблица 1, выполнил «ФИО»
Вариант 6
1
2
4
5
3 6 7 8 9
10 11 12 13
14 15 16 17 18
19 20 21 22 23
Таблица 1 выполнил «ФИО»
Вариант 7
Таблица 1, выполнил «ФИО»
2
1
3
4
7 8 9 10
6 11 12 13 14
15 16 17 18
19 20 21 22 23
Вариант 8
Таблица 1, выполнил «ФИО»
2
1
4
5 3
6 7 8
9 10 11 12 13
14 15 16 17
18 19 20 21
22 23 24 25 26
Вариант 9
1
2
3
4
6
7
5 8 9 10 11
12 13 14 15
16 17 18 19 20
21 22 23 24
Таблица 1, выполнил «ФИО»
Вариант 10
2
3
4
5
1
6 7 8 9
10 11 12 13
14
15 16 17 18 19
20 21 22 23 24
Таблица 1, выполнил «ФИО»
Задание 7
Создать в файле Lab7.html таблицу для шаблона сайта (см. рисунок 6), которая будет отвечать следующим требованиям:
Рисунок 6 Образец выполнения задания 7
1.
шапка таблицы должна состоять из двух ячеек;
2.
размер левой верхней ячейки задать в зависимости от раз-
мера рисунка-фона;
3.
фоном этой ячейки сделать изображение;
4.
правая верхняя ячейка должна занимать все оставшееся ме-
сто в окне браузера и иметь цвет фона подходящий под цветовую гамму
изображения;
5.
в верхней правой ячейке измените цвет текста и его вырав-
нивание (согласно рисунку) и запишите в ней свою фамилию;
6.
центральную (контентную) часть сделать высотой в 350 пик-
селей и задать цвет фона #fff3e5;
7.
в центральной ячейке объединить две ячейки так, что бы по-
лучилась одна общая, установить выравнивание текста по ширине и по
верхнему краю ячейки;
8.
задать подвал таблицы высотой в 30 пикселей, текст выров-
нять по правому краю. Включить в подпись символ ©.
Задание 8
1.
В файле Lab8.html создать таблицу размером 3х3, (пунктиром
указаны границы ячеек).
Рисунок 7 Образец для выполнения задания 3
2.
Задать ширину и высоту таблицы и ячеек так, что бы ширина
таблицы уменьшалась и увеличивалась при изменении размеров окна
браузера, а высота была установлена равной высоте браузера.
Задание 9
1.
Создайте файл anketa.html на своем домене.
2.
Создать поля для ввода имени пользователя и пароля поль-
зователя (символы, вводимые в поле Пароль должны отображаться
звездочками).
3.
Создать поля для ввода даты рождения. День и месяц рож-
дения выбирается из выпадающего списка, а год вводится в ручную в
поле ввода, причем количество вводимых символов не должно превышать четыре.
4.
Создать переключатели для выбора пола. Реализовать воз-
можность выбора только одного варианта.
5.
Создать флажок, с текстом «Да, я желаю получать спам» с
флажком, установленным по умолчанию.
6.
Создать переключатели для выбора количества писем полу-
чаемых в день.
7.
Создать список интересов с возможностью выбора несколь-
ких элементов.
12
8.
Добавить поле для ввода нескольких строк текста с дополни-
тельной информацией о пользователе. Поле должно иметь размеры 7
строк и 30 столбцов.
9.
Создать поле с кнопкой «Обзор» для загрузки файла изобра-
жения.
10. Создать две кнопки. Первую для передачи данных формы на
сервер, а вторую для очистки формы.
Задание 10
1.
Создайте html-файл (frame.html), состоящий из трех фреймов
(см. рисунок 8).
Рисунок 8 Образец разбивки на фреймы
2.
Поместите файл на свой веб-сервер и дайте каждому фрейму
уникальное имя.
3.
Задайте левому фрейму фиксированную ширину в 234 пиксе-
ля с запретом изменять ширину фрейма.
4.
В левый фрейм поместите файл меню (menu.htm), который
будет состоять из списка лабораторных работ. Меню разместите в таблице, состоящей из 3-х строк, в каждую строку фоном поместите рисунок
(см. рисунок 9).
Рисунок 9 Образец меню
5.
Задайте для каждой лабораторной работы ссылку на соот-
ветствующий документ, который будет открыт в правом нижнем фрейме.
6.
В верхний фрейм поместите в качестве источника поисковую
систему google.com.
13
7.
Создайте в папке своего домена файла map.html, содержа-
щий карту изображений.
8.
Поместите в файл map.html изображение-карту г.Тюмени (см.
рисунок 10)
9.
Нанесите на карту ссылки на сайты административных окру-
гов.
10. Добавьте в файл, находящийся в левом фрейме ссылку на
обе карты изображений.
Рисунок 10 Карта г. Тюмени
Тест для контроля знаний по теме HTML
1.
Какой вариант написан с ошибкой?
2.
a)
<ol type="A">
b)
<ol type="I">
c)
<ol type="i">
d)
<ol type="N">
Какой валидный код XHTML 1.1 используется, для того чтобы при
наведении мыши на изображение, появлялась всплывающая подсказка
с текстом “Подсказка"?
3.
a)
<img src="foto.jpg" alt="Изображение" title="Подсказка" />
b)
<img src="foto.jpg" alt="Подсказка" />
c)
<img src="foto.jpg" alt="Подсказка" title="Изображение" />
d)
<img src="foto.jpg" title="Подсказка" />
Какой тег существует:
a)
b)
c)
<pr>
<color>
<code>
14
4.
d) <quote>
Какой тег нужно добавить для переноса строки, сохранив при этом
валидность XHTML 1.1?
5.
a) <br>
b) <hr />
c) <hr>
d) <br />
На сайте внутри папки pages находится файл page.html. А внутри
папки images находится файл foto.jpg. Причём папки images и pages лежат в корне сайта. Как правильно написать путь к foto.jpg из файла
page.html:
6.
a) ../images/pages/foto.jpg
b) images/foto.jpg
c) pages/images/foto.jpg
d) ../images/foto.jpg
Изображение вставлено на сайт следующим образом: <img
src=’my_foto.jpg’ title=’Моя картинка’ />. Но при попытке проверить на валидность стандарту XHTML 1.1 появляется ошибка. В чём она заключается?
7.
a) Неправильно закрыт тег <img>. Вместо /> надо писать >.
b) Не хватает атрибута alt у тега <img>.
c) Атрибута title у тега <img> не существует.
d) Атрибуты нужно заключать в двойные кавычки, а не в одинарные.
Необходимо добавить несколько подряд идущих пробелов в тек-
сте. Какой тег надо использовать, чтобы пробелы не вырезались?
8.
a) <span>
b) <pre>
c) <address>
d) <code>
Какой тег нужно использовать для создания нумерованного списо-
ка:
a)
b)
c)
d)
<ol>
<list>
<tr>
<ul>
15
9.
Размер окна браузера 1000 пикселей. На страницу добавили блок
с шириной 40%. Затем в этот блок добавили таблицу с шириной 50%.
Какова будет ширина таблица в пикселях?
10.
a) 250 пикселей.
b) Недостаточно данных.
c) 500 пикселей.
d) 200 пикселей.
Какой из вариантов содержит ошибку:
11.
a) <a href="page.html#17">Ссылка</a>
b) <a href="page.html">Ссылка</a>
c) <a href="page.html"#top>Ссылка</a>
d) <a href="page.html#top">Ссылка</a>
Ширина таблицы должна быть на всю страницу (либо родительско-
го контейнера). Как нужно написать тег <table>?
12.
a) <table>
b) <table width="100">
c) <table width="100%">
d) <table width="auto">
Какой из представленных вариантов является валидным по XHTML
1.1:
13.
a) <img src="foto.jpg" title="Изображение">
b) <img src="foto.jpg" alt="Изображение">
c) <img src="foto.jpg" alt="Изображение" />
d) <img src="foto.jpg" title="Изображение" />
Какого тега НЕ существует:
14.
a) <ol>
b) <adress>
c) <em>
d) <pre>
Как правильно задать ссылку на адрес электронной почты:
15.
a) <a href="mailto:teacher@gmail.com">Написать</a>
b) <a href="email:teacher@gmail.com">Написать</a>
c) <a href="mail:teacher@gmail.com">Написать</a>
d) <a href="teacher@gmail.com">Написать</a>
Какая ошибка содержится в следующей строке?
<p><b>lorem ipsum dolor sit </b><span>amet<blockquote>
consectetuer </blockquote> <span>adipicim</span> elit
</span></p>
a) Тег <span> задан без атрибутов.
b) Строчный элемент размещается внутри блочного.
16
16.
c) Тег <b> использовать нельзя, его следует заменить на тег
<strong>.
d) Блочный элемент размещается внутри строчного.
e) Перекрёстное вложение тегов.
Какое значение атрибута width тега <img> является ошибочным?
17.
a) 1%
b) 120%
c) 34.5%
d) 1097
e) 13
Вы хотите получить валидный HTML-код. Какое требование необ-
ходимо выполнить?
18.
a) Писать значения атрибутов только прописными буквами.
b) Не использовать сокращенные атрибуты тегов.
c) Опускать теги, которые добавляются по умолчанию.
d) Применять правильное вложение тегов.
e) Писать все теги в нижнем регистре.
Для какого тега элемент <!DOCTYPE> выступает родителем?
19.
a)
b)
c)
d)
e)
Как
<head>
Ни для одного тега.
<html>
<body>
<title>
написать химическую формулу оксида алюминия Al2O3, чтобы
двойка и тройка были в нижнем регистре?
20.
a) Al<sup>2</sup>O<sup>3</sup>
b) Al<sub>2</sub>O<sub>3</sub>
c) Al<span>2</span>O<span>3</span>
d) Al˅2O˅3
e) Al<pow>2</pow>O<pow>3</pow>
Как открыть ссылку в новом окне?
a)
b)
c)
d)
e)
<a href="1.html" rev="blank">
<a href="1.html" rel="blank">
<a href="1.html" frame="blank">
<a href="1.html" target="_blank">
<a href="1.html" blank>
17
Тема: Каскадные таблицы стилей – CSS.
Задание 11
1.
Создайте в html файле Lab11.html пять абзацев длиной в три
строки.
2.
В css файле напиши стиль для селектора тега body, в кото-
ром укажите цвет текста (#009933), размер букв (14px) и название
шрифта (Arial):
3.
В css файле создайте шрифт абзаца, в котором установите
разраженный интервал текста между буквами на 10px
4.
Один из абзацев сделать курсивом и подчеркнутым.
5.
Создать класс для форматирования третьего абзаца со сле-
дующими свойствами:

шрифт абзаца Comic Sans; (font-family)

размер шрифта 25 пт; (font-size)

отступ красной строки в 50 пикселей (text-indent).

подключите стиль к третьему абзацу (используя атрибут class).
6.
Создайте класс .rich для отображения пятого абзаца, содер-
жащий следующие свойства текста:

Шрифт Arial, 15 пт;

Начертание жирное + курсив (font-weight; font-style);

Цвет букв оранжевый (color);

Высота строки 25 пунктов (line-height).
7.
Создайте класс perenos и запретите в нем перенос слов в
пределах одного абзаца. Назначте это свойство второму и четвертому
абзацу.
8.
Создать класс, содержащий заглавные красные буквы. При-
менить данный класс к тегу <p>.
9.
Создайте класс следующими свойствами:

Шрифт Courier 12 пт;

все буквы заглавные;
18

межбуквенный интервал разряженный на 200%;

текст подчеркнутый;

красная строка 2 см;

междустрочный интервал двойной.
10. Добавьте еще пару абзацев и назначьте им свойства этого
класса.
Задание 12
1.
Создайте html-файл Lab12.html, содержащий блочный эле-
мент DIV.
2.
Создайте css-файл и подключите его к html-документу.
3.
Создайте класс k1, в котором определите размер блока
200х200 пикселей, фон (светло-зеленый) и рамку (сплошную, темнозеленую, шириной в 3 пикселя).
4.
Добавьте еще пять таких же блоков размером 200х200 пиксе-
5.
Расположить блоки друг за другом и добавить расстояние
лей.
между ними (поэксперементируйте со свойствами: padding, margin,
border и offset).
6.
Создайте горизонтальный светофор из трех блоков. Ширину
блоков сделайте динамичной, что бы они изменялась в зависимости от
ширины окна, но все блоки должны иметь одну ширину. Задайте каждому блоку свой цвет. Отступы для body уберите с помощью css.
Рисунок 11 Образец выполнения задания 12
19
7.
Создайте три блока. В первом блоке сделайте рамку, шири-
ной с разным типом линии с разных сторон блока. Во втором блоке задайте фоновое изображение (background-image). В третьем блоке, задайте фон в виде точек. Добавляйте строчки по одной и смотрите изменения в браузере после каждой строки.
Рисунок 12 Образец выполнения задания 12
8.
Расположите блоки один над одним как показано на рисунке
9.
Создать блок со скругленными углами.
12.
10. Описать стиль для изменения прозрачности любого изображения при наведении на него курсора мыши.
11. Используя блоки, их вложенность, фон, выравнивание, свойство float, шрифт Georgia создайте шапку (см. рисунок 13).
Рисунок 13 Образец выполнения задания 12
Задание 13
1.
Создайте html-файл Lab13.html, создайте в нем таблицу (см.
рисунок 14).
Рисунок 14 Образец выполнения задания 13
2.
Создайте css-файл в котором укажите что в таблице и ячей-
ках будет использоваться рамка красного цвета, шириной в 1 пиксель.
3.
Замените двойную рамку на одинарную.
20
4.
Назначьте таблице отдельный класс. Опишите свойства от-
дельных элементов таблицы используя следующие стили:
.frmtbl { /*задание стиля таблицы в целом*/ }
.frmtbl thead { /*задание стиля для заголовка таблицы */ }
.frmtbl tbody { /*задание стиля для основной части таблицы*/ }
.frmtbl tfoot { /* задание стиля для нижней части таблицы */ }
5.
Используя свойства list-style-type, list-style-position, list-style-
image разместите в блоке маркированный список. В качестве маркера
используйте изображение, маркер должен быть внутри списка. Отступ от
левого края блока до списка должен составлять 50 пикселей.
6.
Вставьте блок текста:
Рисунок 15 Блок текста
7.
Опишите идентификатор layer, который будет содержать:
желтый фон, зеленую рамочку, отступ от текста до края блока до текста,
синие буквы, ширину в 200 пикселей, абсолютное позиционирование и
область позиционирования элемента clip: rect(40px, auto, auto, 40px);
Рисунок 16 Результат применения идентификатора layer
8.
Создайте блок с рамкой размером 200х200 пикселей. Поме-
стите в этот блок изображение заведомо большего размера. Просмотрите в браузере Mozilla. Поэкспериментируйте со свойством overflow так,
21
что в том случае, если в блок не вмещается содержимое, появлялись
полосы прокрутки (или только одна):
Рисунок 17 Результат применения свойства overflow
Тест для контроля знаний по теме CSS
1.
Какой CSS-код необходимо задать, чтобы цвет посещённых и не-
посещённых ссылок был одним и тем же:
2.
a)
a:active, a:visited {color: yellow;}
b)
a:link, a:active {color: yellow;}
c)
a:link {color: yellow;}
d)
a:link, a:visited {color: yellow;}
Какой псевдоэлемент нужно использовать, чтобы при наведении
курсора мыши на ссылку, она меняла цвет?
3.
a)
onmouseover
b)
link
c)
active
d)
hover
В каком из представленных ниже вариантов содержится явная
ошибка:
4.
a)
p span#text (font-size: 150%;}
b)
p {font-size: 150%;}
c)
p text (font-size: 150%;}
d)
p span {font-size: 150%;}
Какой CSS-код написан правильно?
a)
b)
c)
div> {border: 1px solid #ccc;}
div> {border: 1px solid #hhh;}
div {border: 1px solid #ccc;}
22
5.
d)
div {border: 1px solid #hhh;}
Есть такой CSS-код во внешнем файле: p {color: blue;}. На странице
написан такой HTML-код: <p style="color: red;">текст</p>. Какого цвета
будет "текст"?
6.
a)
Красного
b)
Чёрного
c)
В браузере IE8 синего, а в других красного
d)
Синего
Какое свойство используется для задания отступов у блока?
7.
a)
direction
b)
position
c)
margin
d)
padding
CSS-код: body {font-size: 14pt;} p {font-size: 2em;}. Какой размер тек-
ста будет в теге <p>:
8.
a)
28pt
b)
7pt
c)
12pt
d)
16pt
HTML-код: <div id="myid">Содержимое</div>. Как задать стиль для
тега <div>?
9.
a)
div.myid {margin: 1px;}
b)
.myid {margin: 1px;}
c)
div[myid] {margin: 1px;}
d)
div#myid {margin: 1px;}
Как изменить цвет фона для всех элементов h1 на странице?
10.
a)
b)
c)
d)
Куда
h1.all {background-color: #ccc;}
h1 {background-color: #ccc;}
h1[all] {background-color: #ccc;}
h1:all {background-color: #ccc;}
надо добавить свойство margin: 0, чтобы границы страницы
примыкали к краям окна браузера.
a)
b)
c)
d)
head
doctype
html
body
23
Тема: Java Script
Задание 14
1.
Напишите скрипт, изменяющий свойство документа - фон при
наведении курсором на какой-то текст.
2.
Создайте три абзаца текста.
a.
Напишите скрипт, изменяющий цвет текста первого аб-
заца при наведении мышкой.
b.
Напишите скрипт, изменяющий цвет фона текста второ-
го абзаца при наведении мышкой.
c.
Напишите скрипт, изменяющий цвет фона текста треть-
его абзаца только при наведении мышкой.
3.
Создайте панель меню, чтобы при наведении курсора мыши
на название раздела менялся фон этого раздела.
4.
Реализовать калькулятор, позволяющий выполнять простей-
шие операции над двумя операндами.
5.
Найти и вывести в документ максимальное из 3 двухзначных
чисел, вводимых с клавиатуры.
6.
Определить количество дней в месяце 2013г. С клавиатуры
вводится номер месяца, на экран выдается сообщение, например: «в
апреле 30 дней».
7.
Определить, является ли введенный с клавиатуры год висо-
косным. Високосным годом называется год, который делится на 4 и не
делится на 100, пока не делится на 400. (вис. – 1972, 2000, не висок. 1900, 2001).
24
8.
«Угадай число». Компьютер «задумывает» целое случайное
число в диапазоне от 0 до 10. Игрок вводит число с клавиатуры, пытаясь
угадать секретное число. Компьютер выдает подсказки, наподобие «мое
число меньше», и подсчитывает число попыток. После отгадки выдается
надпись: «Вы угадали число с такой-то попытки».
9.
Рассчитать число ПИ, используя метод множественных опы-
тов (метод Монте-Карло). PI = (4*M)/N, где N – число опытов, в каждом
из которых генерируется точка с координатами (X,Y). X и Y – случайные
числа, распределенные по равномерному закону в диапазоне [0,1]. M –
количество точек, попавших внутрь сектора с радиусом 1.
10. Подсчитать сумму чисел, кратных 3, и произведение положительных чисел, вводимых с клавиатуры. Ввод чисел д.б. завершен при
наборе числа «999». Числа вывести в документ в виде маркированного
списка, а результаты вычислений оформить в виде таблицы.
11. Сформировать динамическую страницу, содержащую заголовок первого уровня, горизонтальную линию и таблицу. Цвет шрифта,
выравнивание заголовка, длина горизонтальной линии, количество строк
и ячеек таблицы, а также цвет рамки задаются с клавиатуры.
Тест для контроля знаний по теме Java Script
1.
Что будет написано в появившемся сообщении при выполнении
такого скрипта:
<script type="text/javascript">
alert(0==false);
</script>
2.
a)
false
b)
0
c)
true
d)
Ошибка, поскольку нельзя сравнивать значения в параметрах
функции.
Что будет написано в появившемся окне?
<script type="text/javascript">
var arr = new Array();
arr[arr.length] = 0;
arr[arr.length] = 1;
alert(arr.length);
</script>
25
3.
a)
Код нерабочий, поскольку писать arr[arr.length] можно только
при длине массива отличной от 0.
b)
1
c)
0
d)
2
Какой из вариантов объявления функции правильный: var func =
function() {}; или function func() {}
4.
a)
Оба варианта правильные.
b)
function func() {}
c)
var func = function() {};
d)
Оба варианта неправильные.
Что будет в появившемся окне?
<script type="text/javascript">
var a = 1;
function func() {
a = 10;
}
func();
alert(a);
</script>
5.
a)
Ошибка, поскольку в коде идёт попытка 2 раза объявить переменную с одинаковым именем.
b)
undefined
c)
1
d)
10
Какая разница между функциями setInterval() и setTimeout()?
6.
e)
Функция setInterval() вызывает заданную функцию постоянно
через заданный промежуток времени, а функция setTimeout() вызывает функцию через заданный промежуток только 1 раз.
f)
В функции setInterval() можно задавать любой интервал для
выполнения кода, тогда как в setTimeout() задержка всегда равна
1000 мс.
g)
Функция setInterval() вызывает функцию через заданный промежуток только 1 раз, а функция setTimeout() вызывает заданную
функцию постоянно через заданный промежуток времени.
h)
Никакой разницы нет.
Что будет написано в появившемся окне
<script type="text/javascript">
var a = 1;
function func() {
alert(a);
}
func();
</script>
a)
b)
c)
undefined
0
1
26
7.
d)
Ничего не будет, поскольку возникнет ошибка "переменная не
определена".
Что делает функция printMessage("Text")?
8.
e)
Выводит окно с текстом Text.
f)
Выводит окно с текстом "Text".
g)
Функция printMessage() вообще не существует.
h)
Ошибка, поскольку в функции printMessage() 2 параметра.
Какая функция вызывает окно с текстовым полем, в которое поль-
зователь может ввести строку?
9.
a)
prompt()
b)
alert()
c)
promt()
d)
alerts()
Какая функция вызывает окно с предупреждающим сообщением?
10.
a)
promt()
b)
prompt()
c)
confirm()
d)
alert()
Что будет написано в появившемся окне?
<script type="text/javascript">
var a = 1;
var b = ++a + 1;
alert(b);
</script>
a)
b)
c)
a++.
d)
3
2
Ничего не будет, поскольку инкремент пишется всегда так:
1
27
Тема: PHP
Задание 15 Строки
1.
Выделить первые восемь символов имени пользователя,
введенного в форму.
2.
Заменить номер кредитной карточки на *, за исключением по-
следних 4.
3.
Подсчитать гласные в строке.
4.
Перевернуть слова или символы в строке.
5.
Заменить пробелы на табуляцию и в то же время сохранить
выравнивание текста по позициям табуляции.
6.
Сделать прописными начальные буквы имен и сохранить
нижний регистр остальных букв.
7.
Вставить результаты выполнения функции или выражения в
строку.
8.
Удалить пробельные символы в начале или в конце строки.
9.
Из данных разделенными запятыми (формат CSV) извлечь
записи и поля в формате для работы в PHP.
10. Разбить на части записи фиксированной ширины в строке.
11. Разделить текст из поля <textarea> на строки.
12. Отобразить текст, содержащийся в тегах <pre>…</pre> в
пределах окна браузера обычного размера.
13. Сохранить числа в их двоичном представлении, а не как последовательность ASCII – символов.
Задание 16 Числа
1.
Проверить правильность возраста, введенного пользовате-
лем в поле ввода формы.
2.
Проверить равенство двух вещественных чисел.
3.
Округлить вещественное число или до целого значения, или
до некоторого количества десятичных знаков.
4.
Применить некоторый код к диапазону целых чисел.
28
5.
Сгенерировать случайное число в пределах числового диапа-
6.
Сгенерировать случайные числа, но с некоторым смещением,
зона.
чтобы в определенном диапазоне числа появлялись чаще, чем в других.
Например, нужно показать серию копий рекламных баннеров пропорционально количеству оставшихся копий каждой рекламной компании.
7.
Вычислить логарифм числа.
8.
Возвести число в степень.
9.
Напечатать число с разделителями тысяч и десятков тысяч.
10. Необходимо правильно выбрать число – в единственном или
множественном числе – в зависимости от значения переменной.
11. Вычислить тригонометрические функции.
12. Вычислить значения тригонометрических функций, выраженным в градусах.
13. Необходимо работать с числами, выходящими из диапазона
допустимых в PHP значений вещественных чисел.
14. Преобразовать число из одной системы счисления в другую.
15. Выполнить математические операции не над десятичными
числами, а над восьмиричными или шестандцетиричными. Например,
определить корректные цвета веб-сайта в шестандцатеричном формате.
Задание 17 Дата и время
1.
Вывести текущую дату и время.
2.
Вывести на печать дату и время во всех возможных форма-
3.
Определить время, прошедшее между двумя датами.
4.
Определить день, неделю года, день недели, день месяца.
5.
Проверить корректность даты.
6.
Извлечь из строки дату и время в формате, пригодном для
тах.
вычислений.
7.
Добавить или вычесть интервал из даты.
29
8.
Вычислить время в различных часовых поясах.
9.
Измерить время с более чем секундной точностью.
10. Вывести все дни с учетом интервала.
11. Вывести календарь на месяц.
Задание 18 Массивы
1.
Присвоить множество значений элементам массива за один
раз, но при этом первый индекс не должен быть равен 0.
2.
Связать различные элементы с одним ключом.
3.
Занести в массив ряд последовательных чисел.
4.
Перебрать по очереди и обработать все или некоторые эле-
менты массива.
5.
Удалить один или более элементов массива.
6.
Изменить длину массива сделав ее больше (меньше).
7.
Объединить два массива в один.
8.
Преобразовать массив в строку.
9.
Распечатать массив с запятыми, разделяющими элементы, и
со строкой «and» перед последним элементом, если в массиве больше
двух элементов.
10. Узнать, содержит ли массив определенный ключ.
11. Узнать, содержит ли массив определенное значение.
12. Узнать, присутствует ли элемент в массиве, и если да, то в
какой позиции он находится.
13. Установить местоположение элементов в массиве, которые
удовлетворяют определенным условиям.
14. Найти в массиве наибольший и наименьший элементы.
15. Изменить порядок массива на обратный.
16. Отсортировать массив.
17. Задать собственную процедуру сортировки.
18. Отсортировать многомерный массив.
19. Переставить элементы массива в случайном порядке.
30
20. Удалить из массива повторяющиеся элементы.
21. Найти объединение, пересечение и разность двух массивов.
22. Определить совокупность всех комбинаций множеств, содержащих все или некоторые элементы массива.
23. Напечатать массив в виде HTML таблицы.
Задание 19 Переменные
1.
Написать выражение для сравнения переменной с констан-
2.
Написать выражение для присвоения значения по умолчанию
той.
переменной, у которой еще нет значения.
3.
Обменять значения двух переменных без использования до-
полнительной переменной для промежуточного хранения значений.
4.
Создать имя переменой динамически.
5.
Создать локальную переменную для сохранения значений
между вызовами функций.
6.
Проверить значения, хранимые в переменных.
Задание 20 Функции
1.
Получить доступ к значениям, переданным в функцию.
2.
Установить значение параметра по умолчанию, если вызы-
вающий функцию не передал для него никакого значения.
3.
Передать переменную в функцию, так чтобы эта переменная
сохраняла любые изменения, происходящие с ее значением внутри
функции.
4.
Задать аргументы функции по имени, а не просто по их ме-
стоположению в вызове функции.
5.
Определить функцию, принимающую переменное количество
аргументов.
6.
Вернуть значение по ссылке, а не по значению.
7.
Вернуть из функции более одного значения.
31
8.
Показать ошибку, произошедшую в результате работы функ-
9.
Вызывать различные функции в зависимости от значения пе-
ции.
ременной.
10. Получить доступ к глобальной переменной внутри функции.
11. Создать и определить функцию во врем выполнения программы.
Задание 21 Основы WEB
1.
Установить cookie.
2.
Прочитать ранее установленное значение cookie.
3.
Удалить cookie, так чтобы браузер не посылал его обратно
серверу.
4.
Автоматически направить пользователя по новому URL.
5.
Сохранить информацию о пользователе во время его путе-
шествия по сайту.
6.
Хранить данные сеанса не в файле, а в базе данных.
7.
Сгенерировать содержимое, основанное на возможностях
браузера пользователя.
8.
Сформировать ссылку, которая содержит пары имя/значения
в строке запроса.
9.
Реализовать логику паролей в программе.
10. Разработать собственную форму авторизации пользователя,
основанную на cookie.
11. Послать выходную информацию в браузер.
12. Начать генерацию вывода раньше, чем закончится пересылка
заголовков или cookie.
13. Скрыть от пользователей сообщения PHP об ошибках.
14. Записать ошибки программы в журнал.
32
Задание 22 Формы
1.
Использовать одну и ту же страницу HTML для вывода фор-
мы и обработки введенных в ней данных.
2.
Проверить на корректность введенные в форму данные.
3.
Использовать форму, которая показывает более одной стра-
ницы и сохраняет данные при переходе от одной страницы к следующей.
4.
Напечатать сообщения об ошибках рядом с проблемными
полями, вместо генерации сообщения об ошибке в начале формы.
5.
Запретить пользователям отправлять одну и ту же форму не-
сколько раз.
6.
Обработать файл, загруженный пользователем.
7.
Обеспечить безопасную обработку входных переменных
формы и не позволить изменить переменные в программе.
8.
Скрытно отобразить на HTML странице информацию, вводи-
мую пользователем.
9.
Создать ряд выпадающих меню, которые автоматически при-
вязываются к текущей дате.
Задание 23 Доступ к базе данных
1.
Получить доступ к SQL базе данных.
2.
Извлечь информацию из базы данных.
3.
Добавить, удалить или изменить данные в SQL базе данных.
4.
Несколько раз повторить выполнение одного и того же запро-
са, каждый раз подставляя новые значения.
5.
Узнать, какое количество строк возвратил запрос SELECT,
или сколько строк были изменены запросом INSERT, UPDATE или
DELETE.
6.
Сделать текстовые или двоичные данные безопасными для
запросов.
33
7.
Создать возрастающую последователь уникальных иденти-
фикаторов – целых чисел.
8.
Создать запрос INSERT или UPDATE из массива, составлен-
ного из имен полей (вставить нового пользователя в базу данных).
9.
Отобразить на странице большой набор данных и обеспечить
ссылки, позволяющие перемещаться по этому набору данных.
10. Обеспечить кэширование
Задание 24 Автоматизация работы с WEB
1.
Получить содержимое URL, вставить часть одной веб-
страницы в содержимое другой страницы.
2.
Получить содержимое URL с помощью метода POST, отпра-
вить HTML форму.
3.
Получить страницу, которая требует посылки cookie вместе с
запросом к ней.
4.
Получить содержимое URL, требующего посылки специаль-
ных заголовков вместе с запросом к данной странице.
5.
Получить доступ к содержимому защищенного URL.
6.
Проанализировать HTTP- запрос браузера к серверу и соот-
ветствующий HTTP- ответ.
7.
Показать страницу, например результаты поиска, подсветив
при этом некоторые слова.
8.
Извлечь все URL, определенные в документы HTML.
9.
Преобразовать простой текст в корректно отформатирован-
ный документ HTML.
10. Преобразовать документ HTML в читаемый, форматированный ASII – текст.
11. Удалить теги HTML и PHP из строки или файла.
12. Разделить код и дизайн страниц.
Задание 25 XML
1.
Сгенерировать XML документ.
34
2.
Сгенерировать XML документ используя DOM.
3.
Проанализировать XML файл с помощью DOM API.
4.
Преобразовать RSS рассылку в HTML.
5.
Преобразовать XML документ с помощью таблицы стилей
XSLT и представить результаты.
6.
Получить RSS рассылку и посмотреть ее содержание.
Задание 26 Регулярные выражения
1.
Выделить все слова в строке.
2.
Найти n- ое вхождение слова.
3.
Выделить наименьшую из возможных строк.
4.
Проверить, является ли адрес электронной почты правиль-
5.
Найти в файле все строки, соответствующие шаблону.
6.
Вычленить тест, находящийся внутри тегов HTML.
7.
Трактовать такие символы, как * или +, внутри регулярного
ным.
выражения не как метасимволы, а как литералы.
8.
Прочитать записи из файла, в котором каждая запись отде-
лена шаблоном, который можно сопоставить с регулярным выражением.
Задание 27 Шифрование и безопасность
1.
Сохранить пароль в переменной окружения в файле
2.
Предотвратить просмотр данных как простого текста.
3.
Запретить пользователям изменять данные, посланные им в
cookie или в элементе формы.
4.
Организовать возможность сохранения паролей пользовате-
лей, для входа на веб-сайт.
5.
Обеспечить возможность выбора пароля пользователям,
трудных для угадывания перебором.
6.
Предоставить пароль пользователю, заявившему о его утра-
7.
Зашифровать и расшифровать информацию.
те.
35
8.
Сохранить зашифрованные данные, которые в дальнейшем
будут затребованы и расшифрованы веб-сервером.
9.
Организовать безопасный обмен данными с другим веб-
сайтом.
10. Узнать, использует ли прибывший запрос SSL.
11. Послать зашифрованное сообщение по электронной почте.
Задание 28 Графика
1.
Создать гистограмму котировки акций.
2.
Начертить круговую диаграмму, показывающую результаты
голосования пользователей.
3.
Нарисовать фигуру, используя стиль линии, отличный от сти-
ля по умолчанию.
4.
Вывести текст как графический элемент.
5.
Нарисовать текст в центре изображения.
6.
Сделать один из цветов изображения прозрачным.
7.
Обеспечить контроль за просмотром изображений.
Задание 29 Интернет службы
1.
Послать сообщение по электронной почте.
2.
Послать сообщение по электронной почте в кодировке MIME.
3.
Переправить файлы с помощью FTP.
4.
Открыть определенные разделы сайта только для авторизо-
ванных пользователей.
5.
Определить доменное имя или IP – адрес.
6.
Пропинговать хост, чтобы проверить, работает ли он, и мож-
но ли получить к нему доступ.
7.
Найти контактную информацию или подробности о доменном
имени.
36
Задание 30 Файлы
1.
Открыть локальный файл для чтения из него данных и записи
данных в этот файл.
2.
Создать файл для временного хранения данных.
3.
Открыть файл, доступ к которому осуществляется посред-
ством HTTP или FTP.
4.
Считать информацию из стандартного потока ввода.
5.
Загрузить все содержимое файла в переменную.
6.
Определить количество строк, абзацев или записей в файле.
7.
Обработать каждое слово в файле.
8.
Прочитать из файла определенную строку.
9.
Обработать файл по строкам или абзацам в обратном
направлении.
10. Выбрать из файла случайную строку.
11. Переставить все строки в файле в случайном порядке.
12. Прочитать из файла разграниченные текстовые поля.
13. Прочитать из определенного места в файле.
14. Удалить последнюю строку в файле.
15. Изменить файл, не создавая временный файл для сохранения изменений
16. Принудительно записать всю информацию из буфера в файл
с нужным дескриптором.
17. Направить вывод в более чем один дескриптор файла.
18. Получить исключительный доступ к файлу, чтобы не допустить его изменения, пока читается или обновляется файл.
19. Прочитать или записать сжатые файлы.
Тест для контроля знаний по теме PHP
1.
Каков будет результат выполнения скрипта?
<?php
function myfunc($x = 0) {
echo $x;
}
myfunc();
37
myfunc(5);
?>
2.
a)
Ошибка, поскольку параметрам в функции нельзя присваивать значения.
b)
0
c)
05
d)
5
Какого типа данных в PHP нет?
3.
a)
Указатель.
b)
null.
c)
Resource.
d)
Объект.
Как сделать редирект (например, на google.ru) на PHP?
4.
a)
header("Redirect: http://google.ru");
b)
document.location = "http://google.ru";
c)
location.href = "http://google.ru";
d)
header("Location: http://google.ru");
Есть строка: $str = "123456". Как из этой строки получить подстроку
"5"?
5.
a)
$str[6];
b)
$str[4];
c)
$str[5];
d)
$str[];
Что будет, если запустить такой скрипт:
<?php
if (null == 0) echo "true";
else echo "false";
?>
6.
a)
true
b)
false
c)
Ошибка, поскольку null в PHP нет.
d)
Ошибка, поскольку null нельзя сравнивать с 0.
При попытке выполнения скрипта возникла ошибка. С чем она свя-
зана?
<?php
echo "Привет";
session_start();
?>. Но
7.
a)
После начала сессии необходимо её использовать, а в коде
она никак не используется.
b)
Функции session_start() не существует, правильная функция start_session().
c)
В этом коде нет ошибок.
d)
Нельзя выводить информацию до начала сессии.
Что выведет данный код:
38
<?php
echo "1" + "2";
?>
8.
a)
32
b)
Ошибку синтаксиса.
c)
3
d)
12
Какого оператора в PHP не существует?
9.
a)
!==
b)
>=
c)
+=
d)
!===
В чём заключается ошибка в коде?
<?php
if (strpos("mystring", "m") == false) echo "Символа m в строке mystring нет";
?>
10.
a)
Нет фигурных скобок у блока операторов при срабатывании
условия.
b)
Здесь нет ошибок, так как strpos("mystring", "m") не равен
false, и строки "Символа m в строке mystring нет" не появляется.
c)
Функция strpos() неправильно использована. Сначала должна
идти искомая строка, а уже потом та строка, в которой происходит
поиск.
d)
Функция strpos() вернула 0, который в PHP равен false. Чтобы
не было ошибки надо вместо знака равенстка (==) использовать
знак эквивалентности (===).
Есть массив $arr. Как вывести все элементы массива $arr?
a)
b)
c)
d)
print $arr;
Это возможно сделать только через цикл.
echo $arr;
print_r($arr);
39
Список литературы
Основная литература:
1.
Томсон Л., Веллинг Л. Разработка Web-приложений на PHP и
MySQL, - К.: ДиаСофт, - 2001, - 673 стр.
2.
Кастаньетто Д., Рават Х., Шуман С., Сколло К., Велиаф Д.
Профессиональное РНР программирование, - СПб.: Символ-Плюс, 2001, - 912 стр.
3.
Бранденбау Д. JavaScript: сборник рецептов, - СПб.: Питер, -
2000, - 416 стр.
4.
Скляр Д., Трахтенберг А. PHP. Cборник рецептов. – СПб.:
Символ – Плюс, 2005.-672с., ил.
5.
Русаков М.Ю. Как создать свой сайт. - http://myrusakov.ru/
Дополнительная литература:
1.
Орлов А. А. РHP: полезные приемы / А. А. Орлов .— Изд. 2-е,
перераб. и доп. — М. : Горячая линия-Телеком, - 2006, — 272 стр.
2.
Хомоненко А. Д. Базы данных: учебник для вузов / А. Д. Хо-
моненко, В. М. Цыганков, М. Г. Мальцев; под ред. А. Д. Хомоненко .— 4-е
изд., доп. и перераб. — СПб.: КОРОНА принт, - 2004, — 736 стр.
3.
Григин И. PHP 4 Специальный справочник - СПб.: Питер, -
2002, - 672 стр.
4.
Джерк Н. Разработка приложений для электронной коммер-
ции. Библиотека программиста, - СПб.: Питер, - 2001, - 512 стр.
5.
ТГАТУ
Кафедра
прикладной
информатики.
-
http://study.pmkt.com.ua/discipline/25.html
6.
Лекции по компьютерным информационным технологиям
http://www.aboutkit.ru/laby/laby-po-javascript.html
7.
Java Script http://flash-library.narod.ru/UMK/JavaScript/
8.
Задачи по Java Script
http://gendocs.ru/v483/%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0
%B8_%D0%BF%D0%BE_javascript
40
Ирина Владимировна Прудаева
ПРОЕКТИРОВАНИЕ И РАЗРАБОТКА WEB САЙТОВ
Учебно-методический комплекс
Практикум
для студентов, обучающихся по профилю подготовки
«Вычислительные, программные, информационные системы и
компьютерные технологии»
Подписано в печать __________ г. Тираж _____ экз.
Объем _____ печ. л. Формат 60х84/16. Заказ № _____.
Издательство Тюменского государственного университета
625003, г. Тюмень, ул. Семакова, 10.
41