курс
Создание сайтов с помощью xhtml, css
Категории курса
Компьютер Возраст аудитории
- средняя школа
- студенты
- взрослые
Стоимость
от 800 грн
Описание курса
Создание статический сайтов
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-клиентами.
Также в курсе могут быть расмотрены следующие вопросы:
- Общие принципы проектирования веб-сайтов. Информационная архитектура и юзабилити сайта.
- Юзабилити-тестирование сайта
- Оптимизация текста для веб.
- Основные теги для оптимизации текста. Ключевые слова и работа с ними.
- как подключить уникальный шрифт для своего сайта
- понятие кроссбраузерности
- Основы поискового маркетинга.
|
|
Оставить комментарий