Створення сайтів за допомогою html, css

Создание статический сайтов

1. Введение

• Введение в предмет.
• Введение в языки разметки. Язык разметки гипертекста HTML.
• Структура XHTML-документа. Основные элементы и их назначение.
• Основные принципы HTML Правила записи тегов и их атрибутов в стандарте XHTML.
• Классификация тегов: линейные и блочные элементы.
• Модель форматирования текста: заголовки и абзацы.Создание простейшей web-страницы

2. Форматирование текста

• Классификация тегов: логическое и физическое форматирование.
• Теги физического форматирования:Отличие от тегов логического форматирования.
• Устаревшие теги, атрибуты и их нежелательное использование. Атрибут style.
• Преимущества использования стилей
• Цвет в HTML и CSS.
• Изменение цвета фона и цвета текста на странице.
• Рекомендованная практика: оформление текста на веб-странице.

3. Графика в HTML

• Форматы графических файлов. Оптимизация.
• Теги его атрибуты (src,alt,width,height,border).
• Отмененные атрибуты:align,valign,hspace,vspace.
• Использование стиля для оформления.
• Настройка свойств с помощью стилей.
• CSSСвойство max-width.
• Рекомендованная практика: создание веб-страницы с использованием изображений.

4. Гиперссылки

• Общие сведения о гиперссылках. Теги его атрибуты (href, target).
• Эргономика, удобство навигации.
• Абсолютная и относительная адресация. Организация внешних ссылок.
• Организация внутренних ссылок, атрибут HTML-элементов id. Организация внутренних ссылок с помощью элемента. Атрибут name.
• Организация «смешанного» перехода (на указанный элемент во внешнем HTML-документе). Графические ссылки.

5. Списки

• Неупорядоченные списки: элементы.Упорядоченные списки: элементы.Списки определений: элементы, Вложенные списки.
• Форматирование списков: CSS-свойства:list-style-type, list-style-image, list-styleposition, list-style.

6. Карты ссылок

• Общие понятия.
• Классификация и форматы карт ссылок: клиентский и серверный варианты.
• Построение клиентского варианта карт ссылок: теги,и их атрибуты.

7. Таблицы

• Создание простейшей таблицы.
• Атрибуты тегов, border, cellspacing cellpadding. Указание ширины и высоты ячейки: атрибуты width, height. Выравнивание данных в таблице: атрибуты align и valign.
• Управление цветом фона и цветом рамок таблицы (отдельной строки, отдельной ячейки). Использование изображений в качестве фона таблицы (отдельной строки, отдельной ячейки).
• Объединение ячеек: атрибуты colspan, rowspan.
• Теги логического структурирования таблиц: Теги логического группирования столбцов.
• Табличная верстка сайтов как устаревшая технология.
• Модуль 2. Оформление страниц с помощью CSS

8. Каскадные таблицы стилей

Введение в таблицы стилей. Возможности таблиц стилей. Спецификации

• CSS. Применение таблиц стилей: способы внедрения стилей в документ, каскадность. Селекторы, типы селекторов: классы, селекторы-потомки, идентификаторы, псевдоклассы etc. Псевдоклассы ссылок: hover, active, visited. Атрибут cursor.
• Правила форматирования текста: атрибуты color, font-size, font-style, font-weight, font-family etc.Обобщенныйатрибут font.Атрибутыблочныхэлементовтекста: text-indent, text-align, text-justify, line-height, letter-spacing, word-spacing etc.
• Модель визуального форматирования.
• Блочные элементы: Форматирование границ. Отступыmargin, padding.Атрибуты стиляdisplay,visibility,oat,overflow.
• Примеры использования плавающих элементов. Схемы построения
• Управление фоновым цветом и рисунком.
• Рекомендованная практика: проектирование сайта без использования графики.
• Создание таблиц на веб-странице.

9. Каскадные таблицы стилей

Относительное и абсолютное позиционирование. Атрибуты position, top, right, bottom.Примеры использования. Фиксированная позиция.

Рекомендованная практика: Фиксирование шапки сайта, позиционирование элементов на странице.

10. Кроссбраузерная верстка сайтов

• Порезка макета в Photoshop.
• Принципы верстки с использованием исключительно CSS.
• Интерпретация свойств CSS различными браузерами. Кросс-браузерность.
• CSS-hacks.
• Фиксированный дизайн, гибкий дизайн --Жидкие и эластичные макеты - на основе блокови свойства float.
• Валидность кода. Использование валидаторов для проверки правильности кода web-страниц.

11. HTML 5

• Устройство HTML5. Синтаксис. Новые элементы и устаревшие теги.
• Мультимедиа, возможности использования. Семантика.HTML5 APIs.
• Примеры использования и поддержка браузерами. Использование HTML5-целесообразность.CSS3. Основные свойства.
• Border-radius, text-shadow,box-shadow,opacity,RGBA.
• Префиксы браузеров.Переходы в CSS3 и их использование.
• Свойства:Поворот, кручение,сгиб,масштабирование.
• Создание галереи изображений с помощью возможностей CSS3.
• Множественные фоны(Параллакс).Синтаксис и поддержка.

12. Веб-формы. Отзывчивый веб-дизайн.

• Свойство media-queries. Адаптация сайта под мобильные устройства.
• Панель web-developer как помощник веб-дизайнера.
• Тег,. Атрибутtype. И его значения checkbox, radio.
• Общие принципы работы форм.Создание формы поиска, регистрации, входа на сайт, опроса.
• Улучшение форм с помощью стилей CSS3 и HTML5.Новые возможности и свойства.

13. Публикация web-сайтов

Хостинг, регистрация доменного имени.

Размещение сайта в Internet. Работа с FTP-клиентами.

Также в курсе могут быть расмотрены следующие вопросы:

• Общие принципы проектирования веб-сайтов. Информационная архитектура и юзабилити сайта.
• Юзабилити-тестирование сайта
• Оптимизация текста для веб.
• Основные теги для оптимизации текста. Ключевые слова и работа с ними.
• как подключить уникальный шрифт для своего сайта
• понятие кроссбраузерности
• Основы поискового маркетинга.