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

Статус
В этой теме нельзя размещать новые ответы.
Уроки вёрстки для начинающих
качественный сайт на 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
Слив
 

Последнее редактирование модератором:
Рекламное сообщение
🤖Graver_Robot — Telegram бот, который много лет предлагает огромный ассортимент различных товаров и услуг для работы. Работаем с 2012 года!

Что вы найдете:
  • 🏦 Вepифициpoвaнныe aккaунты и платежные системы
  • 💰 Криптобиpжи на СНГ и EU дропов
  • 💵 Кошельки с виртуальными картами (VCC) и IBAN счетом
  • 📞 Аккаунты телефоний + SIP с подменой номера
  • 🔗 Аpeндa чистых прокси для работы
  • 📧 Идeнтификaции кошельков
  • 💳 Дебетовые карты РФ с доставкой
  • 📩 SMS-активации любых сервисов
  • 💬 Долгосрочная аренда номеров под SMS
  • 📲 ESIM разных стран
  • 🌐 Регистрация компаний, офшоров
  • 📋 Верификации под заказ
И многое другое.

➡️ Подробнее
 

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

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

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

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

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

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

Статус
В этой теме нельзя размещать новые ответы.

Обратите внимание

Назад
Сверху