Задание 6 Используя CMS Joomla

2016-09-16

819

Обсуждений (0)

0.00 из 5.00 0 оценок

12 3 4 5 6 7 8 Следующая ⇒

К.Т. Кузьма

ПРОГРАМУВАННЯ У WEB-CЕРЕДОВИЩІ

Методичні вказівки до лабораторних робіт

Миколаїв 2013

ЗМІСТ

Лабораторна робота №1 Створення Web-Сторінок за допомогою Adobe Dreamweaver CS5. Розмітка сторінок за допомогою блоків и CSS.................. 3

Лабораторна робота №2 Верифікація даних з використанням JavaScript....... 5

Лабораторна робота №3 Оператори умовного переходу та циклів в мові PHP 9

Лабораторна робота №4 Створення та адміністрування бази даних на основі MySQL-серверу................................................................................................... 10

Лабораторна робота №5 Розробка форм та елементів дизайну програмних додатків технології PHP- MySQL....................................................................... 9

Лабораторна робота №6 Розробка бази даних на основі SQL-серверу......... 10

Лабораторна робота №7 Розробка форм та елементів дизайну програмних додатків технології ASP.NET- SQL.................................................................... 29

Лабораторна робота №1 Створення Web-Сторінок за допомогою Adobe Dreamweaver CS5. Розмітка сторінок за допомогою блоків и CSS

Задание 1

1. Создайте новую страницу. Составьте форму-анкету (используя методом POST), включающую в себя следующие поля (по умолчанию в значениях должны быть ваши данные):
Фамилия
Имя
Отчество
E-mail
Выбор страны (обязательно выпадающим SELECT, стран не менее 10-ти)
Выбор города (обязательно с помощью radio,переменные должны быть одинаковыми,не менее 5-ти)
Выбор языка (обязательно с помощью checkbox, переменные должны быть разными, не менее 5-ти)
Выбор профессий (обязательно с помощью SELECT MULTIPLE,переменные должны быть разными, не менее 10-ти)
Пароль
Дополнительная информация (обязательно с помощью TEXTAREA)
Кнопка для загрузки информации на сервер
Кнопка для очистки формы

2. В исходнике страницы укажите, в виде комментариев, для чего предназначены используемые для форм теги и их свойства (атрибуты).

3. Создайте новую страницу, скопировав предыдущею страницу. Измените метод передачи на GET.

4. Приведите страницу к единому виду вашего сервера, проставьте мета данные.

Задание 2

1. Создайте каталог /css/

2. Создайте в нем файл main.css

3. Подключите его к вашей странице с помощью <LINK>.

4. Задайте по умолчанию следующие параметры для всех страниц (переопределив, тег <body>):
- цвет фона
- размер шрифта
- цвет шрифта
- семейство шрифта (например, Arial)

5. Проверьте работоспособность на сервере.

6. В комментариях (в файле main.css) поясните эти параметры.

Задание 3

1. Задайте по умолчанию следующие параметры для всех абзацев (переопределив, тег <p> и псевдоклассы тега <p>):
- выравнивание абзаца
- отступ красной строки
- размер и цвет первой буквы

2. Проверьте работоспособность на сервере.

3. В комментариях (в файле main.css) поясните эти параметры.

Задание 4

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

2. Проверьте работоспособность на сервере.

3. В комментариях (в файле main.css) поясните эти параметры

Задание 5

4. Создайте новую страницу.

5. Сделайте коллаж из картинок или фотографий (не менее 5-ти) применив 2,5 мерное позиционирование.

6. Проверьте работоспособность на сервере.

7. В комментариях поясните свойства блоков.

Пример. Позиционирование в 2,5 мерном измерении

Порядок наложения (перекрытия) блоков определяется атрибутом z-index.

Код этого примера:

<div style="position: relative; width: 200; height: 200; z-index: 0; background-color: #FFFF00">
Блок - 1
</div>

<div style="position: relative; width: 200; height: 200; left: 100; z-index: 1; top: -100; background-color: #00FFFF">
Блок - 2
</div>

<div style="position: relative; left: 220; top: -400; width: 200; height: 200; z-index: 2; background-color: #00FF00">
Блок - 3
</div>

<div style="position: relative; width: 750; height: 20; z-index: 1;top: -580; background-color: #FE76AF">
Блок - 4
</div>

<div style="position: relative; top: -600; z-index: 3; left: 100">
Почти 3D
</div>

Задание 6 Используя CMS Joomla

Создать не менее 6 статических HTML-страниц, в которых будет представлен список товаров (не менее 10 видов) в соответствии с вариантом задания. Задания по страницам:

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

Необходима страница, содержащая данные о товаре, у которого возможен просмотр.

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

Варианты заданий:

Компьютерный магазин.

Магазин "Одежда".

Нефтяная компания.

Автотранспортное предприятие.

Студия WEB-дизайна.

Строительная компания.

Магазин "Продукты".

Косметический салон.

Фитнесс-клуб.

Туристическая компания.

Аптека.

Авторемонтное предприятие.

2016-09-16 819 Обсуждений (0)

0.00 из 5.00 0 оценок

12 3 4 5 6 7 8 Следующая ⇒

Обсуждение в статье: Задание 6 Используя CMS Joomla

Обсуждений еще не было, будьте первым... ↓↓↓

Имя *

Email (необязательно)

Комментарий *

Отправить сообщение

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