- 16, Apr 2023
- #1
Уроки вёрстки для начинающих
Краткое описание:
Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.
- качественно и быстро
- валидно и кроссбраузерно
- на HTML5 и CSS3
Полное описание:
1
Пройдя данный курс, вы научитесь:
создавать 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.
Тестирование Заключительная часть
http://psd-html-css.ru/html/uroki-html
Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »
![[Егор Дата] 40 виджетов с известного сайта Musegain.com](/assets/images/icons/forum6.png){kind=icon}
