WEB дизайн и верстка сайта (HTML и CSS )

Вы освоите весь цикл создания сайтов с нуля.
Научитесь верстать лендинги, многостраничные сайты, разрабатывать сайты со сложным функционалом.
В первую очередь Вы овладеете основами HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей)
Сможете создавать и редактировать сознанные собственноручно страницы, вносить исправления и дополнения в уже существующие коды
Незаменимым умением будет так же работа над версткой блоков текста и работа над стилистикой отдельных элементов страницы.
Выбор доменного имени, взаимодействие с хостингом.
После обучения, Вы сможете начать карьеру разработчика в веб-студиях , делать сайты на фрилансе, сможете брать дорогостоящие проекты.

Тема: Введение в web-дизайн. Основные понятия.
Понятие «Сайт». Виды сайтов: простые, креативные, сайты-портфолио, интернет-магазины, промо сайты.
Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля компании.
Способы определения набора страниц и навигации между ними.
Разработка информационной архитектуры сайта. Распределение информации по разделам сайта с учетом информационной, логической и визуальной связи между разделами.
Тема: Основы веб-дизайна. Создание макета сайта. Юзабилити.
Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.
Стили дизайна сайта.
Основные компоненты web-страницы и способы их визуального представления.
Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.
Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.
Тема: Язык разметки HTML. Использование NotePad++
Структура HTML-документа.
Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.
Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.
Создание гиперссылок: тег < a >, атрибуты тега < a >.
Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.
Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.
Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.
Создание форм на сайте. Основные элементы веб-форм.
Отправка информации из формы.
Практика: Создание статичной формы, используя табличную верстку.
Размещение медиа-файлов на сайте. (видео и аудио файлы).
Тема: CSS: Каскадные таблицы стилей.
Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)
Основные понятия CSS. Синтаксис CSS.
Создание стилей для элементов страницы. Классы и идентификаторы (их различия).
Оформление и декорирование страницы, используя CSS.
Позиционирование элементов страницы с помощью CSS.
Тема: JavaScript и jQuery: Применение готовых библиотек для сайта.
Что такое jQuery?
Подключение внешних библиотек к сайту.
Галерея изображений
Использование jQuery UI: DatePicker, Tabs, Accordion.
Тема: Основы работы в графических программах и создания графики для web-сайтов.
Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).
Dreamweawer – основы использования программы для создания web-страниц.
Тема: Тестирование сайта и размещение на хостинге.
Понятия домен и хостинг. Виды, регистрация.
Размещение сайта на бесплатных хостингах.
FTP-протокол.
Тема: Окончательное тестирование готового сайта.