Учимся верстать psd-макеты
- качественно и быстро
- валидно и кроссбраузерно
- на HTML5 и CSS3
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
Перечень уроков
Уроки HTML
- Знакомство с 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. Тестирование
- Заключительная часть
- создавать html-документы;
- прописывать структуру html-документа;
- создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
- писать валидный html-код, используя последнюю версию языка – HTML5;
- создавать css-файл;
- подключать css-файл к html-шаблону;
- прописывать стили для элементов веб-страницы;
- нарезать макет в программе Adobe Photoshop;
- создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
- создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
- прибивать подвал к низу страницы;
- оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
- создавать сложные элементы: выпадающее меню, постраничную навигацию;
- тестировать веб-страницу во всех популярных браузерах;
- работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Скачать
Пароль
[HIDE-THANKS]@jde6e7h*dl3#dgjk[/HIDE-THANKS]
