Институт информационных технологий

Специальность ПОИТ

КОНТРОЛЬНАЯ РАБОТА

По курсу Веб-технологии

Студент-заочник 3 курса

Группы № 281021 .

ФИО Курнакиной Виктории

Андреевны .

Адрес г.Солигорск .

ул.Пр.Мира д.28 кв. 33 .

Тел. 80291618408 ..

 
Минск, 2015

СОДЕРЖАНИЕ

Тема №1.......................................................................................................................................... 3

Тема №2.......................................................................................................................................... 5

Тема №3.......................................................................................................................................... 8

Тема №4.......................................................................................................................................... 9

Тема №5........................................................................................................................................ 11

Тема №6........................................................................................................................................ 12

Тема №1

Тема: Основы вёрстки

Задания:

· Установить программу "MacromediaDreamweaver" (либо использовать иной удобный вам редактор).

· Разработать HTML-страницу, соответствующую приведённой ниже картинке.

Институт информационных технологий - student2.ru

· Рекомендуемый заголовок страницы:

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=windows-1251"/>

<title>Лабораторная работа - 1</title>

</head>

· Необходимые графические элементы находятся в папке Graphics.

· Использовать фреймы и каскадные таблицы стилей.

· Рекомендуется использовать для выполнения ЛР т.н. «табличную вёрстку», т.е. располагать элементы страницы в ячейках таблицы. Помните, что таблицы могут быть вложенными.

· Ваша задача – добиться того, чтобы созданный вами HTML-файл выглядел как можно более похоже на картинку.

Ход выполнения лабораторной работы:

· Редактором для выполнения данной и последующих лабораторных работ был выбран Notepad++.

· Верстка выполнялась на основе таблиц.

· Результат выполнения представлен на рис. 1.1.

Институт информационных технологий - student2.ru

Институт информационных технологий - student2.ru

Рисунок 1.1 – Макет.

Тема №2

Тема: Основы PHP

Задания:

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

· Объявить переменные $a=555 и $b="ZZZ" и сложить их: а) как числа, б) как строки. Результат сложения не помещать в новую переменную, а сразу выводить на экран.

· Есть три сотрудника:

· Иванов, тел. 111-22-33, e-mail: [email protected]

· Петров, тел. 112-24-36, e-mail: [email protected]

· Сидоров, тел. 113-25-37, e-mail: [email protected]

Объявить двухмерный массив, первый уровень которого пронумерован, начиная с нуля, а второй уровень содержит элементы name, phone, email, в которых хранятся соответствующие данные вышеназванных сотрудников.

· Дан массив, содержащий элементы: 1, 2, "A", 3.764, 34, "B", 12. Объявить этот массив, проанализировать его содержимое и удалить из него все элементы, не являющиеся целыми или дробными числами.

· Сгенерировать HTML-таблицу, состоящую из трёх колонок и 1000 строк. В первой колонке разместить номера строк таблицы. Цвет каждой строки таблицы должен изменяться по алгоритму: R+1, G+1, B+1, начиная с 000000. Т.е.: первая строка: 000000, вторая – 010101, третья -020202 и т.д. Помните, что числа – шестнадцатеричные и максимальное значение цвета: FFFFFF.

Дополнительное задание (по желанию)

Создать HTML-форму произвольного вида (побольше полей) и написать скрипт, который получает данные из этой формы и сохраняет их в файл в виде:

имя_поля = "значение поля"

имя_поля = "значение поля"

имя_поля = "значение поля"

Ход выполнения лабораторной работы:

· Объявляем переменные(рис. 2.1).

Институт информационных технологий - student2.ru

Рисунок 2.1 – Результат задания №1.

· Первым этапом мы суммировали переменные, а потом сложили как строи (рис.2.2).

Институт информационных технологий - student2.ru

Рисунок 2.2 – Результат задания №2.

· Добавляем элементы в двухмерный массив (рис. 2.3).

Институт информационных технологий - student2.ru

Рисунок 2.3 – Результат задания №3.

· Проверка массива на целые или дробные числа (рис. 2.4).

Институт информационных технологий - student2.ru

Рисунок 2.4 – Результат задания №4.

· Результатом выполнения данного задания должен получиться переход от черного цвета к белому, для реализации данного задания потребуется перевод из десятичной системы счисления в шестнадцатеричную. Для этого воспользуемся PHP функцией dechex(), которая и осуществляет перевод (рис. 2.4).

Институт информационных технологий - student2.ru

Рисунок 2.5 – Результат задания №5.

· Дополнительное задание. Создадим HTML-форму для ввода личных данных (рис 2.6), по нажатию на кнопку «Сохранить» все данные будут сохранены в текстовый файл (рис 2.7).

Институт информационных технологий - student2.ru

Рисунок 2.6 – Ввод данных

Институт информационных технологий - student2.ru

Рисунок 2.7 – Результат записи в файл.

Тема №3

Наши рекомендации