На первый взгляд кажется, что HTML и CSS являются самыми простыми языками программирования, но на самом деле многие новички именно с ними испытывают большие трудности при верстке сайта и зачастую именно на верстку уходит огромное количество времени. Данный видеокурс поможет Вам овладеть версткой в совершенстве и экономить много времени, верстая страницы сайта. Всего через 2 месяца обучения Вы будете профессиональным верстальщиком.
В этом тренинге не будет никакой лишней информации, только все самое и необходимое и практика, которая дает больше всего эффективности при изучении. С каждым днем Ваши знания будут расти. Кроме того Вы каждый день будете получать домашние задания, которые автор данного курса будет лично проверять у каждого из Вас. Вы сможете избежать множество ошибок, которые совершают многие новички при верстке сайта. Вы подробно узнаете о каждом теге и свойствах, а уже после изучения Вы закрепите свои знания на верстках шаблонов.
Вы научитесь основам кроссбраузерной верстки, что очень ценится среди верстальщиков, так как многие тратят много времени, прежде чем их верстка становится качественной и на которую они тратят минимум времени.
- Вы профессионально овладеете HTML и CSS.
- Научитесь создавать кроссбраузерные сайты.
- Сможете сверстать сайт абсолютно любой сложности.
- Знания, полученные из этого курса, помогут Вам зарабатывать на этом, верстая сайты.
- Вы сможете переделать абсолютно любой шаблон под себя.
И многое другое.
День 1. База.
1 урок. Структура странички сайта - 4.58
2 урок. Правда о DOCTYPE - 3.48
3 урок. Мета теги и название - 11.45
День 2. Синтаксис. Заголовки, абзацы и перенос.
Урок 1. Синтаксис HTML - 14.11
Урок 2. Заголовки - 10.44
Урок 3. Абзацы - 7.54
Урок 4. Перенос строки - 4.25
День 3. Теги выделения текста, линия и индексы.
Урок 1. Жирный текст - 5.52
Урок 2. Курсив - 3.50
Урок 3. Подчеркнутый и зачеркнутый - 4.45
Урок 4. Линия - 7.57
Урок 5. Верхний и нижний индекс - 4.01
День 4. Списки, картинки и ссылки.
Урок 1. Списки - 13.35
Урок 2. Картинки - 16.24
Урок 3. Ссылки - 22.35
День 5. Работа с таблицами.
Урок 1. Создаем таблицу - 9.20
Урок 2. Атрибуты таблицы - 17.21
Урок 3. Атрибуты строк и ячеек, объединение ячеек - 21.54
День 6. Вспомогательные теги для таблиц.
Урок 1. Заголовок таблицы - 10.08
Урок 2. Атрибуты для колонок - 12.12
День 7. Работа с формой.
Урок 1. Теги формы - 9.43
Урок 2. Атрибуты формы -8.50
Урок 3. Значения атрибута TYPE. Часть 1 - 9.04
День 8. Работа с формой, продолжение и оформление.
Урок 1. Значения атрибута TYPE. Часть 2 - 23.32
Урок 2. Остальные атрибуты тега INPUT - 11.14
Урок 3. Оформляем форму в таблицу - 11.27
День 9. Список, область текста и группы.
Урок 1. Список в форме - 16.28
Урок 2. Область текста - 12.34
Урок 3. Ре-форма - 18.13
День 10. Спецсимволы, разбор полетов.
Урок 1. Спецсимволы - 13.56
Урок 2. Разбор полетов - 20.16
Урок 3. Как я ищу ошибки в TopStyle - 21.07
День 11. CSS - вид с боку.
Урок 1. А нафига он сдался??? - 20.08
Урок 2. Способы подключения - 14.21
Урок 3. Синтаксис - 13.12
День 12. Виды селекторов
Урок 1. Селекторы тегов - 8.22
Урок 2. Селектор идентификатор - 14.24
Урок 3. Селектор классов - 10.08
День 13. Дополнительные виды селекторов.
Урок 1. Контекстные селекторы - 8.33
Урок 2. Дочерние селекторы - 7.44
Урок 3. Соседние селекторы -6.13
Урок 4. Универсальный селектор -5.07
Урок 5. Соседние селекторы -6.15
День 14. Введение в блочную верстку.
Урок 1. Про блочную верстку - 15.38
Урок 2. Наш первый блок - 8.32
Урок 3. Наш первый сайт на блоках - 19.16
День 15. Обтекание и очистка обтекания
Урок 1. Обтекание - 13.03
Урок 2. Два способа обтекания - 14.51
Урок 3. Очистка обтекания - 6.31
День 16. Сайдбары и резина.
Урок 1. Левый сайдбар - 16.25
Урок 2. Два сайдбара - 6.58
Урок 3. Резина - 16.31
День 17. Редактируем дневник. Внешние отступы.
Урок 1. Главная страница - 12.13
Урок 2. Как работает обтекание - 8.50
Урок 3. Внешние отступы - 19.31
День 18. Редактируем дневник. Заводим блоки.
Урок 1. Заводим блоки - 13.17
Урок 2. Шапка и подвал - 14.16
Урок 3. Каркасим весь дневник - 7.33
примечание автора:
Следующих пару деньков звук будет похуже.
Так как у меня тогда сломался микрофон - не обижайтесь.
День 19. Избегаем косяков!!!
1 урок. Основа качественного веб-дизайна - 13.54
2 урок. Сила цвета - 17.28
3 урок. Удобный текст - 12.05
4 урок. Основные ошибки новичков - 17.44
День 20. Свойство background.
1 урок. Заводим новую неделю - 04.58
2 урок. Заливка цветом и картинкой - 06.19
3 урок. Свойства заливки - 08.57
4 урок. Начальное положение фона - 12.16
5 урок. Фиксация. Редактируем шапку - 12.16
День 21. Свойство padding.
1 урок. Свойство padding - 17.15
2 урок. Поля контента и подвала - 5.16
3 урок. Контент и сайдбар - 5.26
День 22. Свойсто Border.
1 урок. Введение в свойство border - 13.18
2 урок. Свойство border-style - 20.21
3 урок. Граница с одной стороны - 11.01
День 23. Продолжаем изучать границы.
1 урок. Скругление углов - 17.46
2 урок. Углы контента и сайдбара - 2.33
3 урок. Свойство outline - 7.03
День 24. Свойство list-style.
1 урок. Свойство list-style - 5.48
2 урок. Типы маркеров - 18.05
3 урок. Позиционирование маркеров - 4.28
4 урок. Маркер-картинка - 5.28
5 урок. Допиливаем сайдбар - 10.24
День 25. Псевдоклассы и ссылки.
1 урок. Новая неделя - 4.06
2 урок. Псевдоклассы для ссылок - 12.14
3 урок. Закрепляем на практике - 15.42
День 26. first-child и focus.
1 урок. Псевдокласс first-child - 4.06
2 урок. Псевдокласс focusк - 12.14
День 27. Псевдоэлементы :first-letter и :first-line.
1 урок. Псевдоэлемент first-letter - 5.52
2 урок. Псевдоэлемент first-line - 12.14
День 28. Контент и кавычки.
1 урок. Псевдоэлементы after и before - 3.58
2 урок. Content и строка. - 12.59
3 урок. Вывод атрибутов. - 06.20
4 урок. Адрес файла. - 07.20
5 урок. Кавычки. - 17.18
День 29. Счетчики.
1 урок. Заводим новую неделю - 6.21
2 урок. Как работают счетчики - 7.44
3 урок. Атрибуты счетчиков - 8.27
4 урок. Счетчики на практике - 16.19
День 30. Работа с текстом.
1 урок. Выравнивание - 7.09
2 урок. Декорации - 12.16
3 урок. Красная строка - 5.02
4 урок. Регистр - 7.02
5 урок. Текст с тенью - 17.51
День 31. Шрифты на сайте.
1 урок. Задаем шрифты - 15.19
2 урок. Семейства шрифтов - 10.28
3 урок. Стандартные шрифты - 13.11
4 урок. Google Web Fonts - 7.02
День 32. Работа со шрифтами.
1 урок. Размер шрифта - 20.04
2 урок. Начертание шрифта - 6.54
3 урок. Строчные и заглавные - 4.11
4 урок. Насыщенность - 10.53
5 урок. Универсальное font - 6.11
День 33. Обработка текста.
1 урок. Интервал между символами - 6.09
2 урок. Обработка пробелов - 20.48
3 урок. Расстояние между словами - 5.16
4 урок. Интерлиньяж - 13.00
День 34. Позиционирование.
1 урок. Координаты - 7.59
2 урок. Позиционирование. Часть 1 - 12.07
3 урок. Позиционирование. Часть 2 - 11.07
4 урок. Позиционирование. Часть 3 - 6.13
5 урок. Третье измерение - 11.55
День 35. Форматирование.
1 урок. Clip - 18.24
2 урок. Display - 16.29
3 урок. Display - примеры - 16.47
День 36. Форматирование.
1 урок. Overflow - 12.16
2 урок. Visibility - 5.57
3 урок. Vertical-align - 15.26
4 урок. Cursor - 7.32
День 37. Реконструкция дневника.
1 урок. Задания - 5.20
2 урок. Пункты сайдбара - 18.55
3 урок. Заголовки - 14.13
4 урок. Шапка - 11.08
День 38. Шаблон Concept Car. Часть1.
1 урок. Инструмент просмотра кода - 14.49
2 урок. План - 5.07
3 урок. Косяк с обтеканием - 10.13
4 урок. Заводим блоки и фон - 7.55
5 урок. Каркас - 10.13
6 урок. Контент и сайдбар - 6.01
День 39. Шаблон Concept Car. Часть 2.
1 урок. Логотип - 10.44
2 урок. Поиск - 19.49
3 урок. Инициалы - 13.25
4 урок. Главное меню - 12.32
День 40. Шаблон Concept Car. Часть 3.
1 урок. Верх и низ - 6.25
2 урок. Названия статей- 8.26
3 урок. Контент - 6.38
4 урок. Низ страницы - 12.59
5 урок. Ретвиты - 6.44
День 41. Шаблон Concept Car. Часть 4.
1 урок. Структура сайдбара - 6.18
2 урок. Визуализируем - 8.38
3 урок. Шапка сайдбара - 9.26
4 урок. Советы и домашка - 12.33
День 42. Шаблон Concept Car. Часть 5.
1 урок. Блоки подвала - 9.38
2 урок. Домашка и советы - 10.00
День 43. Шаблон Concept Car. Часть 6.
1 урок. IE Tester - 5.05
2 урок. Правим косяки - 14.38
3 урок. Заглушка для IE 6 и ниже - 6.04
День 44. Шаблон SkyDream v2.0. Часть 1.
1 урок. План сайта - 9.12
2 урок. Создаем каркас и фон - 6.28
3 урок. Верхний фон - 12.19
4 урок. Меню из логотипов - 12.04
День 45. Шаблон SkyDream v2.0. Часть 2.
1 урок. Второе меню - 14.31
2 урок. Поиск - 12.35
3 урок. Подвал - 6.55
День 46. Шаблон SkyDream v2.0. Часть 3.
1 урок. Фон для контейнера - 5.01
2 урок. Высчитываем ширину и отступы - 5.04
3 урок. Структура контента - 10.49
4 урок. Блок даты - 14.33
5 урок. Создаем пагинацию - 18.44
День 47. Шаблон SkyDream v2.0. Часть 4.
1 урок. Статьи и заголовки - 9.24
2 урок. Кнопки Далее и Обсудить - 17.07
3 урок. Оформляем сайдбар - 12.41
4 урок. Заголовок сайдбара - 12.38
День 48. Шаблон SkyDream v2.0. Часть 5.
1 урок. Выравниваем сайдбар и контент - 7.38
2 урок. Проблемы с пагинацией - 7.52
3 урок. Выравниваем поиск - 3.32
День 49. Шаблон Fusion BlaR v1.0. Часть 1
1 урок. План сайта - 7.00
2 урок. Заводим каркас - 10.42
3 урок. Домашка по каркасу - 2.55
День 50. Шаблон Fusion BlaR v1.0. Часть 2
1 урок. Фон и шапка - 3.41
2 урок. Заголовок и описание - 7.48
3 урок. Логотип - 9.35
4 урок. Выравниваем блок меню - 7.48
5 урок. Оформляем меню - 8.42
6 урок. Кнопки связи - 6.58
7 урок. Подвал и домашка - 4.27
День 51. Шаблон Fusion BlaR v1.0. Часть 3
1 урок. Оформление контента - 10.16
2 урок. Заголовок статьи - 7.57
3 урок. Бредогенераторы - 12.32
4 урок. Фон сайдбара - 10.02
5 урок. Заголовки виджетов - 8.40
6 урок. Списки - 15.45
7 урок. Домашка - 4.25
День 52. Кто что спионерил?
1 урок. Про пионеров и их косяки - 13.23
2 урок. Кроссбраузерность шаблона BlaR - 13.30
День 53. Шаблон Night Sea.
1 урок. Заводим блоки - 13.23
2 урок. Создаем каркас - 13.30
3 урок. Делаем фон - 15.01
День 54. Шаблон Night Sea. Часть 2.
1 урок. Контент - 7.49
2 урок. Наполнение контента - 11.41
3 урок. Выравниваем контент и садбары - 11.59
4 урок. Заголовки сайдбаров и домашка - 12.03
День 55. Шаблон Night Sea. Часть 3.
1 урок. Кроссбраузерность - 16.00
День 56. Резиновый блок.
1 урок. Подготовка - 7.24
2 урок. Заводим блоки- 8.41
3 урок. Реализация- 12.16
4 урок. Исправляем баг - 8.30