Рекомендовано к

Вид материалаПрограмма

Содержание


Практическая работа
Подобный материал:
1   2   3   4   5   6   7
Раздел 1. HTML, XHTML и World Wide Web. (2 часа).

Правила безопасности в компьютерном кассе. Основные понятия Интернета: IP- адрес, доменные имена, клиент, сервер, браузер. HTML и XHTML – что они собой представляют. Цели и задачи изучения программы.

Практическая работа:

Виды веб-страниц (поиск информации в интернете, просмотр исходных кодов страниц).

Раздел 2. Проект «Моя первая веб-страница. (11 часов).

Знакомство со структурой веб-страницы. Постановка целей проекта. Изучение структурных тегов, тегов управления внешним видом страницы, тегов форматирования текста, списка. Создание таблиц. Создание гиперссылок.

Практические работы:
  1. Планирование первой веб-страницы.
  2. Оформление текста веб-страницы.
  3. Создание и оформление списков.
  4. Теги графических элементов.
  5. Создание гиперссылок.

Раздел 3. Графика на веб страницах. (47 часов).

Основные понятия растровой графики: пиксель, палитра, глубина цвета, разрешающая способность. Основные понятия векторной графики.

Форматы изображений: GIF, PNG, JPEG. Тег , атрибуты: src, lowsrc, alt, longdesc, align. Обтекание изображения текстом. Центрирование изображений.Изменение размера изображений и «заливка». Атрибуты class, dir, event, id, lang, style и title. Атрибуты name, onAbort, onError, onLoad и другие атрибуты событий. Растровый редактор Gimp. Векторный редактор Inkscape. Создание и размещение изображений на веб-страницах. Работа над проектами.

Практические работы:

1. Панель инструментов и диалоговые окна графического редактора Gimp.

2. Проект «Фотомонтаж». (4 часа)

3. Проект «Поздравительная открытка». (6 часов)

4. Проект «Баннер» (7 часов)

5. Основные понятия векторной графики.

6. Возможности векторного редактора Inkscape.

7. Знакомство с интерфейсом. Создание изображений из графических примитивов.

8. Знакомство с интерфейсом. Создание изображений из графических примитивов.

9. Основы работы с объектами.

10. Основы работы с объектами.

11. Закраска рисунков.

12. Закраска рисунков.

13. Закраска рисунков и контуров. Вспомогательные режимы работы.

14. Закраска рисунков и контуров. Вспомогательные режимы работы.

15. Создание рисунков из кривых.

16. Создание рисунков из кривых.

17. Методы упорядочивания и объединения объектов.

18. Методы упорядочивания и объединения объектов.

19. Работа с текстом.

20. Работа с текстом.

21.Проект «Вектор» (6 часов)

Раздел 4. Редактирование текста веб-страницы. Проект «Мои увлечения». (17 часов).

Структура HTML документа . Теги и атрибуты. Корректные документы и XHTML. Содержимое документа. Элементы HTML/XHTML документа. Заголовок документа . Тело документа. Редакторская разметка . Тег . Работа над проектом.

Практические работы:
  1. Разделы и абзацы.
  2. Заголовки.
  3. Управление внешним видом текста.
  4. Теги логической разметки.
  5. Теги физической разметки.
  6. Точные интервалы и макет.
  7. Блоки цитат.
  8. Адреса.
  9. Кодирование специальных символов.
  10. Создание веб-страницы. (3 часа).

Раздел 5. Линейки и мультимедийные элементы. (12 часов).

Горизонтальные линейки на веб-страницах. Изображения в документе .

Цвета документа и фоновые изображения . Звуковой фон . Анимация текста .

Другое мультимедийное содержимое .

Практические работы:
  1. Использование линеек для разбиения веб-документа.
  2. Цвета документа и фоновые изображения
  3. Управление цветом документа.
  4. Подбор звукового фона.
  5. Анимация текста.
  6. Работа над проектом. (2 часа)
  7. Другое мультимедийное содержимое. (аудио, видео)

Раздел 6. Гиперссылки и Сети. (11 часов).

Основы гипертекста . Ссылки на документы: URL . Создание гиперссылок . Эффективное применение гиперссылок . Изображения, реагирующие на мышь. Создание поисковых документов . Отношения . Поддержка автоматической обработки и создания документов .

Практические работы:
  1. Создание гиперссылок.
  2. Эффективное применение гиперссылок.
  3. Изображения, реагирующие на мышь.
  4. Создание изображений реагирующих на мышь.
  5. Создание поисковых документов.
  6. Отношения.
  7. Поддержка автоматической обработки.

Раздел 7. Форматированные списки (8 часов).

Неупорядоченные списки . Упорядоченные списки. Тег
  • . Вложенные списки . Списки определений . Как использовать списки на веб-страницах. Директории .

    Меню.

    Практические работы:
    1. Неупорядоченные и упорядоченные списки.
    2. Вложенные списки.
    3. Списки определений.
    4. Директории.
    5. Меню.
    6. Работа над проектом.
    7. Работа над проектом.

    Второй год обучения.

    Раздел 8. Каскадные таблицы стилей. (72 часа).

    Управление внешним видом веб-страниц. Элементы стилей. Встроенные стили. Таблицы стилей. Синтаксис стилей . Стилевые классы. Стилевые свойства. Бестеговые стили – тег . Применение стилей в документах.

    Практические работы:
    1. Встроенные стили. Атрибут style
    2. Атрибуты type, media.
    3. Атрибуты dir, lang и title.
    4. Селекторы атрибутов.
    5. Стилевые классы. Регулярные классы.
    6. Свойства шрифтов. (5 часов).
    7. Свойства background color, background image.
    8. Свойства background attachment, background position.
    9. Свойства background repeat, background, color.
    10. Свойства текста: letter spacing, line height.
    11. Свойства текста: text align, ext decoration.
    12. Свойства текста: text indent, text shadow.
    13. Свойства текста: text transform, vertical align.
    14. Свойства текста word spacing.
    15. Свойства clear, clip.
    16. Свойства float, height.
    17. Свойство overflow.
    18. Свойство position.
    19. Свойство visibility.
    20. Свойство width.
    21. Свойство z index.
    22. Свойства списков. Свойство list style image.
    23. Свойства list style position, list style type.
    24. Эффективное использование свойств списков.
    25. Свойства border collapse, border spacing и empty cells properties
    26. Свойства caption side, speak header.
    27. Свойства table layout.
    28. Классификационные свойства. Свойство display.
    29. Создание и применение счётчиков.
    30. Создание маркеров.
    31. Бестеговые стили – тег .
    32. Применение стилей в документах. (6 часов)
    33. Работа над проектом. (6 часов).

    Раздел 9. Формы.

    Формы – интерактивные элементы веб-страниц. Тег
    . Простой пример формы. Получение данных из форм при помощи электронной почты. Тег . Тег