Задачи по HTML и CSS

Задачи по HTML и CSS

верстка

UPD 28.03.2024 Готовится новая версия сборника.

Ссылка на новый сборник будет опубликована в телеграм-канале https://t.me/itmathrepetitor_ru

 Часть 1. Задачи по HTML без использования стилей

  1. Задача: “Только день не повторится…”
  2. Задача: “Заповедь”
  3. Задача: “Silence is golden”
  4. Задача: “Проект”
  5. Задача: “Статьи”
  6. Задача: “Генераторы”
  7. Задача: “Время”
  8. Задача: “Код”
  9. Задача: “Волшебные формулы”
  10. Задача: “Странные буквы”
  11. Задача: “Химические элементы”
  12. Задача: “Карта сокровищ”
  13. Задача: “Запись на курсы”
  14. Задача: “Простое тестовое”

Часть 2. Задачи по HTML/CSS

  1. Задача: “Центрированный блок”
  2. Задача: “Центрированный блок 2”
  3. Задача: “Буква и строка”
  4. Задача: “Всему свой резон”
  5. Задача: “Полезные ссылки”
  6. Задача: “Математические задачи”
  7. Задача: “Интересная затея”
  8. Задача: “Два принципа”
  9. Задача: “Принципы успеха”
  10. Задача: “Собираем проект”
  11. Задача: “Создание графика”
  12. Задача: “Koans”
  13. Задача: “Всякое разное”
  14. Задача: “Наши достижения”
  15. Задача:  “Словари”
  16. Задача: “Фиксированное избранное”
  17. Задача: “Разноцветные блоки”
  18. Задача: “Две колонки”
  19. Задача: “В два ряда”
  20. Задача: “Серия блоков”
  21. Задача: “Молчание – золото”
  22. Задача: “Кольцо”
  23. Задача: “Три треугольника”
  24. Задача: “Три квадрата”
  25. Задача: “Smart Pixel”
  26. Задача: “Безопасность”
  27. Задача: “Распродажа стайлеров”
  28. Задача: “Зафиксируйте цену”
  29. Задача: “Научное наследие”
  30. Задача: “Эйнштейн”
  31. Задача: “Яндекс”
  32. Задача: “Сегодня на сайте”
  33. Задача: “Самое читаемое”
  34. Задача: “Код CSS”
  35. Задача: “Английский”
  36. Задача: “Переводчики онлайн”
  37. Задача: “План занятий”
  38. Задача: “Книги на форуме”
  39. Задача: “Акценты”
  40. Задача: “Отправить”
  41. Задача: “Бес попутал”
  42. Задача: “Сервис и помощь”
  43. Задача: “Четки”
  44. Задача: “Порядок проживания”
  45. Задача: “Новое в каталоге”
  46. Задача: “Расписание”
  47. Задача: “Пагинация”
  48. Задача: “Пагинация 2”
  49. Задача: “Достижения науки”
  50. Задача: “Хостинг”
  51. Задача: “Школьные предметы”
  52. Задача: “Поиск по вакансиям”
  53. Задача: “Clean code”
  54. Задача: “Календарь 2014”
  55. Задача: “Цвет”
  56. Задача: “Архив за декабрь”
  57. Задача: “Архив лекций”
  58. Задача: “T Magazine”
  59. Задача: “Новости”
  60. Задача: “Репетитор”
  61. Задача: “Нетленка”
  62. Задача: “Популярные теги”
  63. Задача: “Refactoring”
  64. Задача: “Refactoring 2”
  65. Задача: “Образование на форуме”
  66. Задача: “3 декабря”
  67. Задача: “Учебники и пособия”
  68. Задача: “Научное сотрудничество”
  69. Задача: “Париж”
  70. Задача: “Зарегистрируйтесь”
  71. Задача: “Мгновенная оплата”
  72. Задача: “Optimo”
  73. Задача: “Strasburg”
  74. Задача: “До Тху”
  75. Задача: “Донна Каран”
  76. Задача: “Потерянные фрагменты”
  77. Задача: “Вход в личный кабинет”
  78. Задача: “Просто войти”
  79. Задача: “Регистрация”
  80. Задача: “Окно”
  81. Задача: “Прицел”
  82. Задача: “Стопка”
  83. Задача: “Пирамида”
  84. Задача: “Автокресло”
  85. Задача: “Товар дня”
  86. Задача: “Find Fonts”
  87. Задача: “Font Filter”
  88. Задача: “Бытовая техника”
  89. Задача: “Спасибо Динаре”
  90. Задача: “Чат с оператором”
  91. Задача: “Зарплаты”
  92. Задача: “Web Not Bombs”
  93. Задача: “Front-end developer”
  94. Задача: “Войти или зарегистрироваться”
  95. Задача: “Введите email”
  96. Задача: “Счетчик”
  97. Задача: “Акция”
  98. Задача: “Управление бронированием”
  99. Задача: “Поиск уроков”
  100. Задача: “Заметки”
  101. Задача: “Калькулятор”
  102. Задача: “Необычная главная”
  103. Задача: “Interface”

Часть 3. Шаблоны html/css 

Изучить и затем сверстать самостоятельно шаблоны

  1. Задача: Worx
  2. Задача: Luca

Часть 4. Макеты PSD для верстки

  1. Задача: Creative
  2. Задача: Blaz
  3. Задача: TreeHouse
  4. Задача: TwoBytes
  5. Задача: GiftShop
  6. Задача: Redux
  7. Задача: MoGo
  8. Задача: Shoes
  9. Задача: Single

Часть 5. Разные тестовые задачи

  1. Тестовое задание для верстальщиков от Яндекс
  2. Тестовое задание от krekotun.ru

Часть 6. Задачи по javascript

  1. Задачи по javascript из книги “Выразительный JS”

Часть 7. Задачи по php

  1. Задачи по php

Каталог ссылок для верстки

Путь верстальщика (сборка статей)

Последнее обновление: 16.03.2018

Комментариев 6 к “Задачи по HTML и CSS

  1. Спасибо за замечательные задачи!
    Может быть у вас есть брашура с этими задачами, которую можно приобрести?

  2. Задачи полезные,только плохо что не ко всем можно посмотреть коды.

  3. Спасибо большое за возможность попрактиковаться.
    Задачи все интересные и с повышением уровня сложности.

Комментарии закрыты