WEB Студия «Зехостбест»

Поделиться в facebook
Поделиться в twitter
Поделиться в google
Поделиться в vk
Поделиться в odnoklassniki
Поделиться в telegram
Нужна помощь? Нужна реклама? Хотите обучиться ?
Нужен сайт? Нужен опыт? Нужен трафик ?
work
Время работы сайта Зехостбест
Time

Курсы HTML и CSS для новичков

Меню курса

Введение
Обучение онлайн

Проводиться с помощью интернета и программ : viber , WhatsApp, Skype , и другие варианты возможны.

Каждый урок согласуется с Вами под удобное для Вас время. Наш специалист настроит Вам компьютер для удобной работы на время обучение во избежание ошибок и проблем.

В данном разделе Вы узнаете:

1.Как работает html+css ? Это очень важная базовая информация, которую необходимо знать.

2.Какое ПО потребуется для написания страницы, где его скачать и как установить?

3.После просмотра данного курса Вы уже будете знать, как работает html+css (верстка) , а также будете иметь весь необходимый софт для написания своих страниц на этом языке разметки.

Обучение оффлайн

Проводиться с помощью видео курса и уроков.

Все необходимые материалы, программы, практика будут у Вас на компьютере.

Возникнут трудности или недопонимание уроков Вы пишите или звоните нам в удобное для Вас время. Наш специалист проведет объяснение урока, устранит ошибки и проблемы если таковы будут по Вашему запросу удаленно через интернет наглядно.

Изучаем HTML

HTML отвечает за разметку Web-страницы
  1. Установка редактора
  2. Создание первой Web-страницы
  3. Добавление заголовков
  4. Теги для текста
  5. Добавление списков
  6. Добавление изображений
  7. Добавление ссылок
  8. Организация контента на странице
  9. Элемент iframe
  10. Таблицы
  11. Формы
  12. Добавление видео
  13. Добавление аудио
  14. Добавление favicon
  15. Мнемоники в HTML

Урок 16. Обзор макета главной страницы
Урок 17. Нарезка изображений из PSD-макета
Урок 18. Сборка проекта при помощи
Урок 19. Реализация HTML-структуры для верхнего блока
Урок 20. Адаптация верхнего блока под различные разрешения
Урок 21. Написание HTML-структуры для блока со слайдером
Урок 22. Полная верстка блока категорий
Урок 23. Написание HTML-структуры для блока с предложениями
Урок 24. Полная верстка блока с баннером
Урок 25. Полная верстка блока с продуктами
Урок 26. Реализация HTML-структуры для блока с рекомендуемыми
Урок 27. Верстка и адаптация блока с новостями
Урок 28. Верстка и адаптация блока со ссылками
Урок 29. Верстка подвала
Урок 30. Полностью готовый сайт с нуля

Стили основы

Изучаем CSS

CSS отвечает за внешний вид
  1. Основы CSS
  2. Как подключить CSS
  3. Подключение шрифтов
  4. Внешний вид текста
  5. Единицы измерения
  6. Селекторы
  7. Внешний вид списков
  8. Внешний вид блоков
  9. Задание фона
  10. Градиент
  11. Обтекание блоков
  12. Позиционирование блоков
  13. Анимация
  14. Трансформации
  15. Медиа-запросы

Урок 16. Макет сайта
Урок 17. Логотип и верхняя часть сайта
Урок 18. Верхнее меню
Урок 19. Форма загрузки файла
Урок 20. Галерея
Урок 21. Поиск
Урок 22. Навигация
Урок 23. Баннеры
Урок 24. Слайдер
Урок 25. Комментарии
Урок 26. Сжатие
Урок 27. Модернизация
Урок 28. Адаптация
Урок 29. footer
Урок 30. Полностью готовый сайт с нуля

Вёрстка реального сайта
Практика закрепит знания и научит применять
Верстка макета страницы интернет-магазина

Урок 1. Обзор макета главной страницы интернет-магазина
Урок 2. Нарезка изображений из PSD-макета
Урок 3. Сборка проекта при помощи Gulp
Урок 4. Реализация HTML-структуры для верхнего блока
Урок 5. Написание CSS-стилей для верхнего блока
Урок 6. Адаптация верхнего блока под различные разрешения
Урок 7. Написание HTML-структуры для блока со слайдером
Урок 8. Полная стилизация слайдера
Урок 9. Медиазапросы для блока со слайдером
Урок 10. Настройка и подключения плагина Owlcarousel 2 для слайдера
Урок 11. Полная верстка блока категорий
Урок 12. Написание HTML-структуры для блока с предложениями
Урок 13. Стилизация блока с предложениями
Урок 14. Адаптация блока с предложениями под различные разрешения
Урок 15. Полная верстка блока с баннером
Урок 16. Полная верстка блока с продуктами
Урок 17. Реализация HTML-структуры и написание стилей для блока с рекомендуемыми товарами
Урок 18. Подключение и настройка карусели для блока рекомендуемых товаров
Урок 19. Полная реализация блока с баннером
Урок 20. Верстка и адаптация блока с новостями
Урок 21. Верстка и адаптация блока со ссылками
Урок 22. Верстка подвала
Урок 23. Модернизация блока с поиском при помощи JavaScript

Верстка макета Landing Page

Урок 1. Обзор макета и подготовка к верстке
Урок 2. Написание HTML-структуры для верхнего блока
Урок 3. Стилизация меню и блока с информацией
Урок 4. Завершение стилизации верхнего блока и написание миксина
Урок 5. Адаптация верхнего блока под различные разрешения
Урок 6. Полная верстка блока с преимуществами
Урок 7. Полная реализация блока с историей
Урок 8. HTML-структура для блока с услугами
Урок 9. Написание стилей и адаптация блока с услугами
Урок 10. HTML-структура для блока портфолио
Урок 11. Стилизация блока портфолио
Урок 12. Завершение стилизации блока портфолио и его адаптация
Урок 13. HTML-структура для блока case study
Урок 14. Написание стили и адаптация блока case study
Урок 15. Верстка блока со статистикой
Урок 16. Написание HTML-структуры для блока с ценами
Урок 17. Стилизация и адаптация блока с ценами
Урок 18. HTML-структура для блока с командой
Урок 19. CSS-стили для блока с командой
Урок 20. Адаптация блока с командой при помощи медиазапросов
Урок 21. Верстка блока Great Integrations
Урок 22. HTML-структура для блока новостей
Урок 23. CSS-стили для блока новостей
Урок 24. Адаптация блока новостей под различные разрешения
Урок 25. HTML-структура для блока с формой
Урок 26. Стилизация и адаптация блока с формой
Урок 27. Верстка блока с предложением
Урок 28. Верстка подвала

Цена курса 125 USD

Популярные статьи
5 16 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
1 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии
Стела
Стела
6 месяцев назад

Решила пройти обучающие онлайн курсы html и css для начинающих. Изучение html и css с нуля нужно было освоить основы верстки для редактирования и наполнения своего сайта, скажу честно учить много , голова кипела от полученной информации на все 100%. Больше понравилась практика, там я создала сайт html с нуля что было очень интересно и практично видела что применять и где свои знания. Рекомендую всем пройти курсы по верстке сайтов пригодится если вы имеете свой сайт однозначно. Спасибо , 30 дней были капец как насыщенными информацией .

1
0
Оставьте комментарий! Напишите, что думаете.x
()
x