Сайтостроение Уроки вёрстки для начинающих качественный сайт на HTML5 и CSS3

    Голосов: 0
  • #1
Уроки вёрстки для начинающих
качественный сайт на HTML5 и CSS3

Изображение Уроки вёрстки для начинающих качественный сайт на HTML5 и CSS3




Краткое описание:

Это полностью обновленный курс, состоящий из двух разделов – «Уроки HTML» и «Вёрстка в примерах».
В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.
Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.

  • качественно и быстро
  • валидно и кроссбраузерно
  • на HTML5 и CSS3
Пройдя данный курс, вы научитесь:
  • создавать 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. Тестирование
  • Заключительная часть


Материал может быть удален по просьбе

Скачать:

Ссылка доступна для пользователей с группой: Премиум 

 
Похожие темы
Сверху