Создание сайта: Курсы

1. Создание структуры сайта на основе языка верстки HTML, этапы разработки. Основные понятия и терминология.

• Понятие "сайт", его структура.
• Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля организации.
• Способы определения набора страниц и навигации между ними.
• Виды сайтов: простые, корпоративные и креативные сайты, internet-магазины и тестовые программы.

2. Создание основной конструкции сайта посредством языка верстки HTML.

• "Тег" как ключевое понятие HTML, его атрибуты, виды, синтаксис теговой структуры.
• Формирование основных принципов работы с кодом страниц. Открывающие и закрывающие теги.
• Распознавание HTML-страниц различными браузерами (Internet Explorer, Opera, Google Chrome, Mozilla Firefox). Оформление кода - теги "html", "body", "head".
• Создание основной страницы с текстом. Редактирование текста, правила использования тега "span". Способы форматирования. Маркировка текста.
• Правила размещения и настройка размера графических изображений (jpg, gif, png), звука, бегущей строки и видео на странице. Правила тегов "img", "object".
• Таблица ("table"). Регламентирование размещения таблиц и информации в них (текст, картинки, видео). Объединение ячеек, создание "резиновых" и фиксированных таблиц.
• Основные теги HTML 5.
• Формы ("form"). Варианты создания форм. Формы для регистрационных анкет, поисковых систем, тестовых заданий. Интеграция с базой данных сервера хостинга.
• CSS. Возможности использования каскадных таблиц стилей. Варианты встраивания CSS в код HTML.

3. Дизайн в среде Internet: постановка задачи, поиск пути решения.

• Обзор современных программ и их возможностей, используемых для создания интерактивной статичной и динамичной графики.
• Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
• Основные компоненты web-страницы и способы их визуального представления.
• Психология цвета в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
• Стили дизайна сайта.
• Эргономика сайта (web-usability). Факторы, затрудняющие и факторы помогающие правильному восприятию информации на сайте.
• Макетирование в web. Ритм. Правила расположения, форма основных навигационных и графических компонентов на странице (таких как выпадающие одноуровневые и многоуровневые меню, логотипы, информационные блоки).

4. Подготовка графики для web.

• Обзор графических статических и динамических форматов, условия их использования в среде internet: GIF, PNG, JPG, BMP, SWF, AVI, MOV.
• Редактор НTML страниц. Основные возможности программы. Использование, создание, модификация шаблонов в программе. Использование основных режимов. Разработка, настройка собственной структуры сайта. Правила работы с основным меню. 

5. Оценка сайта. Тестирование сайта.

• Критерии оценок созданного сайта
• Этапы стандартного тестирования сайта. Выработка предложений по редизайну и обоснование необходимости редизайна сайта.
• Обзор ресурсов, связанных с вопросами web-дизайна и web-usability.

6. Размещение на хостинге.

• Правила размещения на бесплатных хостингах: narod.ru, ucoz.ru, hostinger.ru
• Правила размещения на платных хостингах.
• Использование FTP протокола.