Описание курса Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах». В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах
Подробное описание курса на видео
Чему Научимся
Спойлер
создавать html-документы;
прописывать структуру html-документа;
создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
писать валидный html-код, используя последнюю версию языка – HTML5;
создавать css-файл;
подключать css-файл к html-шаблону;
прописывать стили для элементов веб-страницы;
нарезать макет в программе Adobe Photoshop;
создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
прибивать подвал к низу страницы;
оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
создавать сложные элементы: выпадающее меню, постраничную навигацию;
тестировать веб-страницу во всех популярных браузерах;
работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Перечень Уроков
СпойлерУроки HTML
СпойлерЗнакомство с HTMLСтруктура html-документаЗаголовки в HTMLАбзацы в HTMLКомментарии в HTMLКак вставить картинку в HTMLHTML ссылки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 минут, порой это бывает лишним и совершенно бесполезным. Этот курс вы пройдете быстро и, самое главное, с пользой.
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
Чему научимся?
создавать html-документы;
прописывать структуру html-документа;
создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
писать валидный html-код, используя последнюю версию языка – HTML5;
создавать css-файл;
подключать css-файл к html-шаблону;
прописывать стили для элементов веб-страницы;
нарезать макет в программе Adobe Photoshop;
создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
прибивать подвал к низу страницы;
оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
создавать сложные элементы: выпадающее меню, постраничную навигацию;
тестировать веб-страницу во всех популярных браузерах;
работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах