Курс - HTML и CSS видеокурс видео курс урок книга читать отзывы заказать купить скачать бесплатно торрент складчина

Верстка html-страниц (верстка сайтов) относится к Frontend (фронтенд) части разработки профессионального веб-сайта. Для Frontend-разработчиков открыто большое количество вакансий и Frontend-разработчики высоко ценятся на рынке труда по всему миру.

Начните обучаться верстке HTML и CSS, и вы узнаете, как эффективно построить обучение основам HTML и CSS и научиться создавать веб-сайты с нуля.

В уроках HTML и CSS вы узнаете:

• Основы верстки сайтов (html и css)
• Как пользоваться html-тэгами div, span, p, ul, li и другими
• Для чего нужен CSS (каскадные таблицы стилей) и узнаете о css-свойствах
• Как использовать css-свойства margin, position, padding, color, background и другие
• Что такое адаптивная верстка
• Как сделать верстку сайта
• Как пользоваться инструментами разработчика в браузере Google Chrome
• Что такое viewport и как его использовать
• Как создать раздел с комментариями на сайте
• Как встроить видео в html-страницу
• Как изменить верстку сайта в браузере
• Как связать html-страницы между собой
• Как сверстать меню на сайте.

Освойте HTML и CSS за несколько часов и вы сможете создавать верстку собственных сайтов!

План курса "HTML и CSS":

1. Вводная часть. Знакомство.
2. Вводный урок
3. Задание 2: Тест
4. Задание 3: Тест
5. Базовая разметка
6. HTML задание создать базовую разметку
7. Теги <h1>, <p>, <strong>
8. Задание 7: Тест
9. Упражнение тег <h1>
10. Упражнение тег <p>
11. Упражнение тег <strong>
12. Познакомимся с новыми html тегами
13. Упражнение <div>, <style>, css class
14. Упражнение <div>, <style>, css background-color
15. Задание 14: Тест
16. Задание 15: Тест
17. Теги <ul>, <li> и этапы создания веб-сайта
18. Подключение css стилей в отдельном файле.
19. Теги <ul>, <li>
20. CSS свойства: margin, padding, height, font-size и другие.
21. Задание 20: Тест
22. Задание 21: Тест
23. CSS свойство Margin
24. Задание 23: Тест
25. CSS свойство Padding
26. Тег <a>. Создание ссылки.
27. Задание 26: Тест
28. Стилизация ссылок с помощью CSS
29. Задание 28: Тест
30. Задание 29: Тест
31. CSS Свойство text-decoration
32. Создание горизонтальное меню
33. Задание 32: Тест
34. Стилизация горизонтально меню
35. Задание 34: Тест
36. Header и TOP menu
37. HTML Form. Создание форм.
38. HTML Form
39. Right Block. Начнем создавать панель справа
40. Задание 39: Тест
41. Right Block. Продолжение.
42. Right Block. Часть 3
43. Right Menu
44. Footer. Часть 1
45. Footer. Часть 2
46. Footer
47. Content главной страницы
48. Главная страница. Записи блога.
49. Страница просмотра фильмов
50. Страница просмотра фильмов. Блок информации о фильме
51. Страница просмотра фильмов. Блок с описанием фильма
52. Страница просмотра фильмов. Блок с отзывами к фильму
53. Страница просмотра фильмов. Блок отзывы
54. Страница просмотра фильмов. Форма отправки отзывов к фильму
55. Страница Фильмы
56. Страница Фильмы
57. Страница Рейтинг фильмов
58. Задание 57: Тест
59. Страница Рейтинг фильмов
60. Адаптивная верстка. Инструменты разработчика
61. Адаптивная верстка. Media queries, тэг viewport
62. Адаптивная верстка. Правила адаптивной верстки
63. Задание 62: Тест
64. Адаптивная верстка. Продолжение
65. Адаптивная верстка. Заключительная часть