TRN.ua — 8 лет! Скрыть баннер
Описание курса

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

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-клиентами.

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

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

Добавить комментарий
При заполнении формы была допущена ошибка
Неверно заполненные поля отмечены красным.
Пожалуйста, проверьте форму еще раз.
Имя*:
Комментарий*:
не более 1000 символов (введено: 0)
Эл. почта*:
Проверочный код*:
5 английских букв:
 или Отменить
Оставить комментарий

Все репетиторы в Киеве, а также вузы в Киеве, колледжи и техникумы в Киеве, курсы в Киеве, тренинги в Киеве, работа в Киеве

Обратная связь