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

Уроки вёрстки для начинающих

качественный сайт на HTML5 и CSS3

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

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

Курс продается здесь:

Уроки вёрстки для начинающих

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

Это полностью обновленный курс, состоящий из двух разделов – «Уроки 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. Тестирование
  
• Заключительная часть
  

Скачать: