Учимся верстать psd-макеты. HTML5 + CSS3, 2014 (Оксана Турова)
Учимся верстать psd-макеты
1 качественно и быстро
2 валидно и кроссбраузерно
3 на HTML5 и CSS3
?
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
Скрытый текст. Доступен только зарегистрированным пользователям.
?
- создавать html-документы;
- прописывать структуру html-документа;
- создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
- писать валидный html-код, используя последнюю версию языка – HTML5;
- создавать css-файл;
- подключать css-файл к html-шаблону;
- прописывать стили для элементов веб-страницы;
- нарезать макет в программе Adobe Photoshop;
- создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
- создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
- прибивать подвал к низу страницы;
- оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
- создавать сложные элементы: выпадающее меню, постраничную навигацию;
- тестировать веб-страницу во всех популярных браузерах;
- работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
- Знакомство с HTML
- Структура html-документа
- Заголовки в HTML
- Абзацы в HTML
- Комментарии в HTML
- Как вставить картинку в HTML
- HTML ссылки
- HTML списки
- HTML таблицы
- HTML формы
- Символы HTML
- Валидация html-документов
- Знакомство с CSS
- Вёрстка простого макета
- Фиксированный шаблон с одной колонкой
- Фиксированный шаблон с двумя колонками
- Фиксированный шаблон с тремя колонками
- Резиновый шаблон
- Из PSD в HTML. Нарезка
- Из PSD в HTML. Общие свойства
- Из PSD в HTML. Вёрстка шапки
- Из PSD в HTML. Горизонтальное выпадающее меню
- Из PSD в HTML. Вёрстка подвала
- Из PSD в HTML. Левая колонка
- Из PSD в HTML. Корзина
- Из PSD в HTML. Поиск по каталогу
- Из PSD в HTML. Вертикальное меню
- Из PSD в HTML. Популярные товары
- Из PSD в HTML. Постраничная навигация
- Из PSD в HTML. Тестирование
- Заключительная часть
- Наличие текстовой и видео информации для каждого урока;
- Информация изложена на простом и доступном для понимания языке;
- В учебнике собрана только самая нужная и полезная информация. В некоторых курсах вы можете увидеть по 50-70 уроков, которые длятся по 40 минут, порой это бывает лишним и совершенно бесполезным. Этот курс вы пройдете быстро и, самое главное, с пользой.
Продажник: