Программирование (ВАЖНО) Уроки вёрстки для начинающих(ВАЖНО)

[aleksey]

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


Оксана Турова | 2014

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

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

Продажник
http://psd-html-css.ru/html/uroki-html
Слив

Авторизуйтесь, чтобы посмотреть скрытый контент

 

[plusha]

спасибо!

 

[rolluu]

ССылка не работает

 

[os]

Принимайте участие в конкурсе от PirateHUB и 1WIN и заберите новый iPhone 16 PRO MAX!

Информация о конкурсе​

 

[CoDSP]

спасибо.

 

[rigman]

Отличный материал! Спасибо.

 

[beardbird1]

Спасибо! Девушка - умничка.

 

[krasa]

Очень нужный материал и в доступной форме рассказано

 

[Alexs555]

Мерси!!

 

[Jester0]

Закрыл на 5 секунде, когда услышал "... на языке html и css".

 

[Jeka_18]

HTML5 ? Собственно, дизайн сайта продажника, а также сайта в ее видео, говорит о том, что о дизайне HTML5 она вообще не чего не знает. И что касаемо ее верстки, видно что она далека от современных канонах построения HTML5 сайтов, может 2007 это был бы уровень, но 2015 это не очем.

 

[likus24]

 

[uspex]

HTML5 ? Собственно, дизайн сайта продажника, а также сайта в ее видео, говорит о том, что о дизайне HTML5 она вообще не чего не знает. И что касаемо ее верстки, видно что она далека от современных канонах построения HTML5 сайтов, может 2007 это был бы уровень, но 2015 это не очем.

Подскажите, что в 2015 актуально? Что стоит посмотреть

 

[Ju Win]

HTML5 ? Собственно, дизайн сайта продажника, а также сайта в ее видео, говорит о том, что о дизайне HTML5 она вообще не чего не знает. И что касаемо ее верстки, видно что она далека от современных канонах построения HTML5 сайтов, может 2007 это был бы уровень, но 2015 это не очем.

Так это для начинающих.Основы.После них всё равно надо что-то углубленное смотреть-читать.

 

[Parkinso]

Так это для начинающих.Основы.После них всё равно надо что-то углубленное смотреть-читать.

Сомневаюсь, что этот курс подходит для начинающих. Она не разбирает теги, не объясняет как и где их применять, плюс ко всему не показывает богатую вариативность выбора. Сначала идет разбор нескольких хтмл тегов и ксс свойств и потом сразу бах и верстка макета! Да еще и очень странно все показывает, начиная каждый урок не с нового листа, а с переписывания старых... В общем, новичкам не очень, хотя стоит учитывать, что уровень у новичков тоже разный.

 

[AlisaK]

а тут уже для продвинутых можно глянуть - канал из разряда мастХАВ - https://www.youtube.com/channel/UC7enHM_oJRYJOnyJrcRzwbg

 

[DiesIre]

Мне кажется большему можно будет научится пройдя курсы codecademy, там и задачки прикольные и сразу все тестируешь.
Вот что нужно начинающим=)

p/s правда на английском все...