Организационная часть — 5 мин

      Комментарии к записи Организационная часть — 5 мин отключены

Tема №10 Технологии разработки Web-приложений

Цель:Научить создавать рамки и формы, гиперссылки, фильтры на Web-странице а также, изучить практические навыки по разработке Web – страниц.

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

Организационная часть — 5 мин

Перекличка студентов и выяснение причин отсутствия студентов, кто не готов к занятию, проверка конспектов.

Количество формируемых компетенций:знания, практические навыки.

Основные вопросы темы: — 45 мин

  1. Создание рамок и форм.
  2. Понятие фрейма.
  3. Гипертекстовые ссылки. Создание обычной гиперссылки.
  4. Графический файл в роли ссылки. Ссылки и цвет.
  5. Горизонтальные линии.
  6. Фильтры. Фильтры, применяемые к тексту и изображению.

Перерыв — 10 мин

Методы обучения и преподавания: информационные технологии обучения.

Методы контроля формируемых на занятии компетенций:

u тестирование проводится в компьютерной форме (студент должен ответить на «тест», содержащий в себе знания и навыки – основные определения, теоретические вопросы данной темы);

u проверка результатов практических работ на ПК (студент должен выполнить индивидуальное задание для получения определенных навыков по решению типовых задач);

Самостоятельная работа студентов — 50 мин

Освоение практических навыков: Решение типовых и ситуационных задач.

Задания:

1. Создайте форму «Анкета трудоустройства»ПРИМЕР

Анкета трудоустройства

Ваше имя:

Адрес:

Телефон:

Пол:
Мужчина
Женщина

10 балл
2.Создайте форму «Личный листок больного»(Эта форма должна содержать ваше Ф.И.О., Пол, Отделение, Диагноз)
Подсказка:Используйте теги:———и .Атрибуты:TYPE=textVALUE=LENIN INCTYPE=hiddenTYPE=RADIOTEXTAREA
20 балл 3. Создайте описания фреймов (объединение нескольких файлов в один документ). Демонстрационный пример:1. В программе Блокнот наберите и сохраните следующий документ под названием Frames1.html: Пример Подсказка: В результате вы должны получить документ объединяющий 3 файла по горизонтали 10 балл 4. В следующем задании создайте фрейм — один по вертикали и два по горизонтали. Подсказка:1. Используйте теги , . —————10 балл 2. Сохраните этот документ под названием Frames2.html. ——————5 балл 15 балл 5. Создание гиперссылок.Подсказка:1. Для создания гиперссылок наберите между тегамиикоманду .2. Введите слова «Мой компьютер», затем закрывающий тег .——5 балл3. Убедитесь в том, что слова «Мой компьютер» выделены другим цветом и подчеркнуты, это означает, что гиперссылка создана.4. Щелкните на ссылке «Мой компьютер» и посмотрите как она работает (При этом должен загрузиться документ, на который указывает гиперссылка).-5 балл 10 балл 6. Создание горизонтальных линии.Подсказка:1. Создайте три горизонтальных линий, используя следующие теги:Здесь -линия, WIDTH-ширина.—————————————-5 балл2. Установите цвет и толщину каждой линий. Толщина задается в пикселях с помощью тега .—————————————————5 балл 10 балл 7. Программа MS Front Page .Создайте электронный учебник используя готовые веб страницы.a) Просмотрите видеоурокиb) Загрузите программу Front Page ……………………………………………………….2 баллc) Выберите макет по первому образцу своему усмотрению……………………3 баллd) Установите бегущую строку на текст «Электронный учебник»……….5 баллe) Примените интерактивные кнопки к Web-странице……………………………5 баллf) Создайте гиперссылку на интерактивные кнопки, примените созданные в Web-странице файлы……………………………………………….5 баллg) Продемонстрируйте созданный вами электронный учебник ………………5 балл 25 балл Итого 100 балл

.

Литература:

1. Ш.Д.Шарф HTML 3.2. Справочник-С.-ПБ.,1998.

Морис Б. HTML в действии-С.-ПБ., 1997

2. Гончаров М.В. Введение в Internet. Часть 7. Интернет для бизнесменов,

предпринимателей и банкиров.-М.,2001.

Перерыв — 10 мин

Статьи к прочтению:

ULTIMATE 5-MINUTE CRAFTS COMPILATION || ALL-TIME BEST HACKS AND CRAFTS


Похожие статьи: