создание вэб сайта. Создание web- сайта. Программа Создание web сайта
 Скачать 82.54 Kb.
|
|
Творческая работа «Совершенствование вида сайта» Самооценка. Рефлексия. 3. Гипертекстовый документ Основные понятия: организация информации, гипертекстовые ссылки, внутренние ссылки, активные ссылки, посещенные ссылки, абсолютные адреса, относительные адреса. Содержание темы Организация информации на сайте Разработка сценария гипертекстового документа, состоящего из нескольких файлов. Гипертекстовые ссылки. За пределами документа. Текстовые ссылки. Изображения-ссылки. Главный тег Интернета. Абсолютные адреса. Относительные адреса. Создание нового окна. Внутренние ссылки. Задание цвета ссылок на веб-странице. Задание цвета отдельных ссылок. Цвет и наличие рамок у изображений-ссылок. Ссылка на адрес электронной почты. Творческая работа «Выполнение и защита небольшого проекта» Самооценка. Рефлексия. 4. Типы сайтов Основные понятия: Виды сайтов, критерии оценки, дизайн, навигация, эргономика, юзабилити, скорость загрузки, интерактивность, чат, форум, гостевая книга. Содержание темы Какие бывают сайты Основные типы сайтов, их название. Цели использования сайта. Стили оформления. Рекомендации по организации информации. Оптимизация веб-страниц. Удобство использования сайта Основные методы юзабилити. Восприятие информации. Критерии оценки сайтов Юзабилити. Структура и навигация сайтов. Контент (содержание). Внешний вид. Обратная связь. Интерактивность. Оформление оценочной таблицы Творческая работа «Оценка сайта» Доработка оценочной таблицы и исследование выполненных проектов. Самооценка. Рефлексия. 5. Основы HTML Основные понятия: списки, таблицы, фреймы, формы, мегатеги, интерактивность. Содержание темы Таблицы Структура таблицы. Основные теги. Лишние ячейки. Пустые ячейки. Объединение ячеек. Разделение ячейки. Вложение таблицы. Цвета фона. Цвет рамки. Поля. Фреймы Как работают фреймы. Достоинства фреймов. Недостатки фреймов. Создание фреймов. Ссылки внутри фреймов. Рамки. Изменение размеров. Полосы прокрутки. Плавающие фреймы. Фреймы — хорошо или плохо? Формы Добавление формы на страницу. Кнопки (передачи и сброса). Поле со списком. Отправка файла. Метатеги. Творческая работа «Разделяй и властвуй» Размещение информации страницы сайта в таблице и во фреймовой структуре. Самооценка. Рефлексия. 6. Редакторы сайтов Основные понятия: редактор веб-страниц, активные элементы, динамический язык, сценарий, баннер, сервер, администрирование. Содержание темы Технология создания сайта Выбор редактора. Создание нового сайта. Создание новых файлов и папок. Настройка характеристик веб-страницы. Фон. Текст. Изображение Гиперссылки. Интерактивное изображение. Создание панели навигации. Настройка предпочтений для редактирования сайта. Использование таблиц. Использование слоев. Использование фреймов. Работа с картой сайта Главная страница. Доступ к HTML-коду веб-страницы. Творческая работа «Лучшая новость — о себе» Самооценка. Рефлексия. 7. Стандарт CSS и таблицы стилей Основные понятия: каскадные таблицы стилей, CSS, внешняя таблица стилей, внутренняя таблица стилей, стиль тега, наследование, селектор, класс, Ш-класс, построковый элемент, блочный элемент, позиционирование, взаимодействие стилей, каскадность стилей. Содержание темы Каскадные таблицы стилей Назначение CSS. Каскадные таблицы стилей. Основы CSS. Размер в CSS. Значение свойств в CSS. Комментарии. Создание таблицы стилей Синтаксис. Наследование свойств тега. Контекстные селекторы. Шрифт и текст. Фон. Применение таблиц стилей к части страницы Классы. Подклассы. Личный тег. Строковый элемент <span>. Блочный элемент <div>. Свойство блоков. Граница (border). Обтекание блока текста. Позиционирование. Избранные страницы. Стиль персональный. Применение стиля для тега. Взаимодействие стилей Каскадность стилей и приоритеты. Ссылки как украшение. ID-классы. Способы задания стиля. Динамический HTML. Творческая работа «Технический проект» Самооценка. Рефлексия. 8. Проектирование сайта Основные понятия: концепция сайта, цели сайта, структура сайта, карта сайта, пользователи, навигация. Содержание темы Анализ хороших сайтов Выбор критериев. Выбор критериев при оценке сайтов. Цели создания сайта Проектирование сайта Концептуальное, логическое и физическое проектирование сайта. Особенности проектирования сайтов Этапы проектирования сайта Принципы проектирования сайта. Организация информации. Навигация по сайту. Юзабилити Творческая работа «Информационное проектирование сайта» Самооценка. Рефлексия. 9. Основы веб-дизайна Основные понятия: Дизайн, векторная и растровая графика, графический редактор, инструменты, фильтры, графические примитивы, палитра цветов, формат графического файла, заголовки, текст, разделы, ссылки, термины, эффективность рекламы. Содержание темы Стиль сайта Элементы веб-страницы. Информационная архитектура. Макет страницы. Единство стиля. Внесение разнообразия. Распределение информации на веб-странице. Текст и шрифт кирпичики сайта Оформление ссылок. Форматирование текста. Понятность и читаемость текста. Основные элементы текста. Тема, название, заголовки. Фон. Графика на веб-страницах Местоположение эмблем и навигационных элементов. Изображения в миниатюре. Логотипы. Интерактивность. Советы по графике. Внешний вид сайта Управление внешним видом сайта. Особенности начальной страницы. Основные принципы веб-дизайна. Уменьшение размера текста и графики. Разделение пространства страницы. Исключение длинных колонок. Формы. Композиция веб-страниц Основные правила композиции. Средства композиции. Цвет. Психология цвета. Отдельные цвета. Главные ошибки в веб-дизайне. Творческая работа «Сайт класса должен быть привлекательным!» Самооценка. Рефлексия. 10. Размещение, раскрутка и поддержка сайта в Сети Основные понятия: Интернет, IP-адрес, домен, провайдер, хостинг, трафик, доступ по коммутируемым каналам, выделенная линия, модем, скорость передачи информации, администрирование сайта, протоколы FTP, TCP/IP, HTML, релевантность запросов, скорость загрузки, критичность размеров файлов изображений и веб-страниц сайта, счетчик, поисковые системы, поисковые роботы, рейтинг ресурса, баннер, метатеги, ключевые слова, содержание, заголовки страниц, эффекты дизайна, интерактивность, баннерный обмен, обмен страницами. Содержание темы Размещение сайта в Сети Регистрация доменных имен. Хостинг сайта. Услуги провайдера и критерии их выбора. Доступ к сайту. Дополнительные услуги провайдера. Доверие к сайту. Повышение доверия к сайту. Понижение доверия к сайту. Раскрутка сайта Методы раскрутки. Распространенные мифы. Поисковые сайты и каталоги. Плюсы поисковых систем. Минусы поисковых систем. Критерии пригодности сайта к индексированию поисковыми системами. Текстовые критерии. Ссылочно-расчетные критерии. Каталожные критерии. Ссылочно-текстовые критерии. Поисковые запросы. Поисковые каталоги. Баннерообменные сети. Рейтинги. Творческая работа «Как проснуться известным!» Самооценка. Рефлексия. 7. Зачетная работа Основные понятия: веб-студия, заказчик, арт-директор, вебмастер, кодер, программист, верстальщик, менеджер, техническое задание, разделение труда, проектирование, изготовление, размещение, тестирование сайта, экспертная оценка. Содержание темы Этапы создания сайта Организация работы Выбор темы сайта. Заказчик сайта. Создание команды. Распределение функций. Работа в группе. Этапы и сроки выполнения работ. Техническое задание на разработку дизайна сайта Самооценка и оценка. Рефлексия. 12. Олимпиада по веб-дизайну Основные понятия: эвристическая олимпиада, креатив, дизайн, макет, логотип, фирменный стиль, баннер, графика. Содержание темы Хочешь быть дизайнером — будь им! Особенности эвристических олимпиад. Технические требования к оформлению работ. Примеры олимпиадных заданий. Дистанционные олимпиады. |