[Курс] HTML & CSS вёрстка 2014!

Тема в разделе "Авторские курсы", создана пользователем Miracle, 17 июл 2014.

  1. Miracle

    Miracle Администратор
    Команда форума Администратор

    Сообщения:
    2.884
    Симпатии:
    75
    Баллы:
    640
    [Курс] HTML & CSS вёрстка 2014!, Miracle, 17 июл 2014, 22:02, mac.png

    Учимся верстать psd-макеты
    • качественно и быстро
    • валидно и кроссбраузерно
    • на HTML5 и CSS3

    В первой части учебника основное внимание направлено на грамотное написание html-кода, изучение основных тегов, и проверку html-документа на валидность.

    Во второй части курса мы пройдем через все этапы вёрстки, начиная с нарезки макета, и заканчивая тестированием шаблона во всех популярных браузерах.

    Перечень уроков

    Уроки HTML
    1. Знакомство с HTML
    2. Структура html-документа
    3. Заголовки в HTML
    4. Абзацы в HTML
    5. Комментарии в HTML
    6. Как вставить картинку в HTML
    7. HTML ссылки
    8. HTML списки
    9. HTML таблицы
    10. HTML формы
    11. Символы HTML
    12. Валидация html-документов
    Вёрстка в примерах
    1. Знакомство с CSS
    2. Вёрстка простого макета
    3. Фиксированный шаблон с одной колонкой
    4. Фиксированный шаблон с двумя колонками
    5. Фиксированный шаблон с тремя колонками
    6. Резиновый шаблон
    7. Из PSD в HTML. Нарезка
    8. Из PSD в HTML. Общие свойства
    9. Из PSD в HTML. Вёрстка шапки
    10. Из PSD в HTML. Горизонтальное выпадающее меню
    11. Из PSD в HTML. Вёрстка подвала
    12. Из PSD в HTML. Левая колонка
    13. Из PSD в HTML. Корзина
    14. Из PSD в HTML. Поиск по каталогу
    15. Из PSD в HTML. Вертикальное меню
    16. Из PSD в HTML. Популярные товары
    17. Из PSD в HTML. Постраничная навигация
    18. Из PSD в HTML. Тестирование
    19. Заключительная часть
    Пройдя данный курс, вы научитесь:
    • создавать html-документы;
    • прописывать структуру html-документа;
    • создавать и форматировать основные элементы на веб-странице: текст, изображения, ссылки, таблицы, формы и т.д;
    • писать валидный html-код, используя последнюю версию языка – HTML5;
    • создавать css-файл;
    • подключать css-файл к html-шаблону;
    • прописывать стили для элементов веб-страницы;
    • нарезать макет в программе Adobe Photoshop;
    • создавать структуру веб-страницы для макетов с одной, двумя и тремя колонками;
    • создавать фиксированные и резиновые шаблоны с одной, двумя и тремя колонками;
    • прибивать подвал к низу страницы;
    • оформлять блоки и элементы веб-страницы, используя свойства CSS3: создавать скругленные углы, тени, накладывать градиент;
    • создавать сложные элементы: выпадающее меню, постраничную навигацию;
    • тестировать веб-страницу во всех популярных браузерах;
    • работать с хаками, создавая кроссбраузерную верстку, т.е. верстку, работающую даже в браузере Internet Explorer, начиная с седьмой версии.
     
Загрузка...