Лабораторные задания по дисциплине web-программирование

Лабораторные задания по дисциплине web-программирование

1408325_html_5_concept

1. Знакомство с HTML

Создать web-страницу (желательно со смыслом), содержащую следующие элементы: рисунок, заголовки различного уровня, текст с использованием нескольких шрифтов, 3 вида гиперссылок, 2 таблицы — обычная и с объединенными полями.

2. Фреймы и карты изображений

2.1. Создайте web-страничку, состоящую из 3-х фреймов, названных условно «left», «right», «bottom». Фрейм «left» должен содержать перечень факультетов университета, при щелчке по названию факультета в фрейме «right» должно появиться описание факультета. Во фрейм «bottom» поместить бегущую строку с приглашением поступать в университет. Бегущая строка должна быть разноцветной. Для выполнения задания используйте пример из лекции.

2.2. Создайте страничку состоящую из двух горизонтальных фреймов. В верхний фрейм необходимо поместить рисунок (или фотографию) с несколькими явно выраженными объектами. При щелчке по каждому объекту в нижнем фрейме должно появиться описание указанного объекта.

 

3. CSS

3.1. Выполнить задание «2,5-мерный текст».

3.2. Создайте стилевой файл для страницы из первого задания.

3.3. Создайте сайт со статическими фильтрами.

 

4. Знакомство с JavaScript

4.1. Выводится таблица умножения для введенного числа на числа от 1 до 10 (пример из лекции).

4.2. Самостоятельно составить таблицу Пифагора. Результат вывести в виде таблицы.

4.3. В полученной таблице объединить какие-нибудь ячейки по вертикали и горизонтали.

 

5. Взаимодействие JavaScript и CSS

5.1. Организовать движение текста слева-направо.

5.2. Организовать движение по окружности.

 

6. Работа с формами

6.1. Реализовать произвольную форму с обязательными полями. Через команду alert вывести значения формы. Использовать элементы text, textarea, checkbox, radio, select, button

6.2. Создать психологический тест по какой-нибудь теме.

7. Калькулятор

7.1. Создайте калькулятор, выполняющий 4 арифметические операции и извлекающий корень. Организуйте проверку в текстовых полях на предмет того, чтобы в вводились числа, используя функцию isNaN().

7.2. Добавить несколько методов объекта Math.

 

8. Работа с рисунками

8.1. Подобие gif-рисунков, т.е. реализовать чередование рисунков.

8.2.  Изменение рисунков при наведении мыши.

 

9. Работа с объектом Date

9.1. Скрипт вычисляет количество секунд, которые пользователь был на странице.

9.2. Загружает фон страницы в зависимости от текущей секунды.

9.3. В виде формы вводится дата и время. Скрипт отсчитывает в отдельном текстовом поле, сколько дней, часов, минут, секунд осталось до указанной даты.

 

10. Работа с объектом String

Заглавная буква пробегает в предложении, записанном в текстовом поле.

 

11. Фильтры

11.1. Имеется рисунок и текст. При помощи радиопереключателей к ним применяются  различные статические фильтры

11.2. Имеется рисунок. При щелчке по нему проявляется второй рисунок с  каким-то динамическим фильтром. Повторный щелчок восстанавливает  первый рисунок.

 

12. Знакомство с объектом Event

12.1. Изучение свойств мыши.

12.2. Реализация двух объектов, бегающих за курсором.

 

13. «Пазлы»

Реализовать перетаскивание мышью любого объекта на странице.

 

14. Секретное окно

14.1. В течение 5 секунд щелкаем мышью по 3-м объектам в определенном  порядке, после этого открывается определенная страница
14.2. Набираем определенную фразу, она нигде не отображается, после этого  открывается определенная страница.

 

Лабораторная работа № 15. DOM. Раскрывающееся меню

15.1. Реализовать пример из лекции, генерирующий список.

15.2. Создать раскрывающееся меню. При повторном щелчке меню должно сворачиваться.

 

Лабораторные работы № 16-17. jQuery

16.1. Реализуйте слайдер из лекции.

16.2. Найдите интересные примеры с использованием jQuery.

 

P.S. Здесь приведена краткая формулировка заданий. Если не понятна формулировка какого-то задания, то задайте вопрос, и я запишу задание более подробно.

Поделиться:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • StumbleUpon
  • Technorati
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru

2 комментария к “Лабораторные задания по дисциплине web-программирование”

  1. 119-я 2012-2013 учебного года.
    Валерий 0
    Мария 0
    Катя 0
    Дмитрий 5, 6, 8, 9
    Валерия 2, 5, 6, 10
    Александр К. 0
    Александр Л. 9
    Андрей М. 2, 6, 8, 10
    Лена 2, 6, 8, 10
    Константин 0
    Илона 6, 8
    Татьяна 5, 11
    Юля 0
    Виталия 11
    Антон 2
    Игорь 3, 10, 11

  2. Перечисленным выше студентам по каждой из указанных работ
    1) написать программу
    2) создать отчет, содержащий постановку задачи, код программы, скриншоты работы программы, комментарии к командам программы.

    Каждый делает самостоятельно.

Комментарии закрыты.