Уроки верстки для начинающих--
-
Год выпуска: 2014
-
Страна: Россия
-
Тематика: Веб-дизайн, разработка сайта
-
Тип материала: Мультимедийный курс
-
Продолжительность: 11:52:13
-
Автор: Оксана Турова
-
Язык: Русский
Полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». Учимся верстать psd-макеты, качественно и быстро, валидно и кроссбраузерно, на HTML5 и CSS3. В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность. Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.--
Качество: PCRec
-
Формат: Unpacked (.html)
-
Видео кодек: AVC
-
Аудио кодек: AAC
-
Видео: avc1, 1280х720, 10.000 fps, 90.0 Kbps
-
Аудио: AAC, 44.1 KHz, 56.0 Kbps, 2ch
Пройдя данный курс, вы научитесь:- создавать html-документы;
- прописывать структуру html-документа;
- создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
- писать валидный html-код, используя последнюю версию языка – HTML5;
- создавать css-файл;
- подключать css-файл к html-шаблону;
- прописывать стили для элементов веб-страницы;
- нарезать макет в программе Adobe Photoshop;
- создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
- создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
- прибивать подвал к низу страницы;
- оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени,
- накладывать градиент;
- создавать сложные элементы: выпадающее меню, постраничную навигацию;
- тестировать веб-страницу во всех популярных браузерах;
- работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet
- Explorer, начиная с седьмой версии.
-Содержание курса:Уроки HTML
- Знакомство с HTML
- Структура html-документа
- Заголовки в HTML
- Абзацы в HTML
- Комментарии в HTML
- Как вставить картинку в HTML
- HTML ссылки
- HTML списки
- HTML таблицы
- HTML формы
- Символы HTML
- Валидация html-документов
Вёрстка в примерах
- Знакомство с CSS
- Вёрстка простого макета
- Фиксированный шаблон с одной колонкой
- Фиксированный шаблон с двумя колонками
- Фиксированный шаблон с тремя колонками
- Резиновый шаблон
- Из PSD в HTML:
· Нарезка · Общие свойства · Вёрстка шапки · Горизонтальное выпадающее меню · Вёрстка подвала · Левая колонка · Корзина · Поиск по каталогу · Вертикальное меню · Популярные товары · Постраничная навигация · Тестирование
- Заключительная часть
--
|