1. Представьте, что вы создаете одностраничный сайт-визитку для небольшой кофейни. Какие технологии и элементы структуры сайта вы будете использовать, чтобы он был удобным, доступным и современным?
2. Вам поручили разработать образовательный интернет-ресурс, на котором планируется размещать: — учебные материалы в виде текстовых статей и видеороликов; — интерактивные тесты и задания; — форум для общения между студентами и преподавателями. Охарактеризуйте создаваемый ресурс по назначению, способу взаимодействия и типу контента
3. Вам нужно создать интернет-магазин по продаже электроники с интерфейсом на трех языках и безопасными онлайн-платежами. Какой подход к формированию стоимости проекта будет наиболее удобным и прозрачным для такого интернет-магазина?
4. Вы создали HTML-страницу и добавили к ней внешний CSS-файл style.css, но стили не применяются. Укажите возможные причины этого. (Укажите 4 варианта ответа).
5. При разработке простого сайта студент создал базовый HTML‑документ и подключил внешний CSS‑файл через тег ˂link˃. Однако при открытии страницы в браузере стили не применяются. Что прежде всего следует предпринять для устранения этой проблемы?
6. Вы разрабатываете многостраничный сайт и хотите обеспечить единообразие внешнего вида, удобство поддержки и переиспользование стилей на всех страницах проекта. Какой способ подключения CSS является оптимальным для достижения этих целей?
7. Компания планирует разработать интернет-магазин, требующий тесной интеграции с 1С для синхронизации бухгалтерских и складских данных, а также быстрый запуск проекта с минимальными затратами на разработку. Какую систему управления содержимым (CMS) будет оптимально использовать для реализации проекта и почему?
8. Фронтенд-разработчик работает над созданием адаптивного корпоративного сайта с уникальным дизайном, требующим быстрой модификации и высокого уровня производительности. Перед разработчиком стоит выбор между использованием готового CSS-фреймворка и самостоятельной разработкой стилизации. Какой подход в этом случае будет наиболее эффективным с учетом необходимости постоянных обновлений и минимизации технического долга?
9. Вы отвечаете за запуск сайта интернет-магазина, который должен быть интегрирован с бухгалтерией на платформе 1С. Требуется готовый функционал для оплаты, доставки и учета остатков. Какую систему управления содержимым (CMS) вы выберете, учитывая потребности бизнеса?
10. В компании планируется оптимизация существующего интернет‑магазина. Требуется разработать клиентскую часть с адаптивным дизайном, удобной навигацией и быстрой загрузкой. Пользователи на мобильных устройствах испытывают трудности с доступом к основным функциям сайта. Какой комплекс мер будет наиболее эффективным для оптимизации клиентской части и повышения удобства использования на мобильных устройствах?
11. В проекте требуется добавить интерактивную кнопку, которая меняет цвет при наведении, имеет плавную анимацию и адаптивный размер. Какой подход будет наиболее правильным с точки зрения семантики, производительности и поддержки?
12. Вы разрабатываете клиентскую часть интернет-приложения. Перед вами стоит задача реализовать навигационное меню, которое на десктопе отображается горизонтально, а на мобильных устройствах – вертикально, с раскрытием по клику. Какой подход следует выбрать для наилучшей реализации этого с точки зрения адаптивности и методологии Mobile-First?
13. Основная роль веб-сервера в структуре интернет-ресурса – это …
14. Основное отличие протокола HTTPS от HTTP – в том, что HTTPS …
15. Главным отличием статического сайта от динамического является то, что статический сайт …
16. Такие технологии, как …, обычно относятся к клиентской (фронтенд) части интернет-ресурса (укажите 3 варианта ответа)
17. Существуют такие распространенные способы расчета стоимости веб-проекта, как … (укажите 3 варианта ответа)
18. Уникальное имя, связанное с IP-адресом сайта, которое пользователь вводит в адресной строке, – это…
19. Установите соответствие между понятием и его определением:
20. Расставьте в правильном порядке основные этапы формирования стоимости веб-проекта:
21. Основная функция семантического тега в HTML – отображение …
22. Такой интернет-ресурс, как …, в первую очередь реализует транзакционную функцию
23. Самым популярным инструментом для работы с HTML и CSS является …
24. Существуют такие методы подключения CSS к HTML‑документу, как …
25. Английская аббревиатура … обозначает язык разметки, предназначенный для создания структуры веб‑страниц
26. Установите соответствие между семантическими HTML‑тегами и их основными функциями:
27. Расположите в хронологическом порядке этапы эволюции HTML:
28. Значение свойства box-sizing, позволяющее включить padding и border в размеры элемента, не увеличивая его итоговую ширину, – …
29. К CSS‑свойствам, которые относятся непосредственно к блочной модели элемента, следует отнести … (укажите 4 варианта ответа)
30. … – это атрибут тега ˂meta˃, который используется для задания кодировки документа
31. Установите соответствие между методами подключения CSS и их описаниями:
32. Селектор … – это тип селектора в CSS, который применяется для выбора элемента по его уникальному идентификатору
33. Английская аббревиатура … обозначает программное обеспечение для управления содержимым сайта
34. В числе задач, которые решает система управления сайтом (CMS), – … (укажите 4 варианта ответа)
35. Название визуального блочного редактора контента для WordPress – …
36. Установите соответствие между популярными CMS и их основными особенностями:
37. Расположите в хронологическом порядке этапы развития CMS:
38. К преимуществам использования следует отнести … (укажите 4 варианта ответа)
39. CSS-фреймворк … характеризуется как самый продвинутый благодаря утилитарному подходу
40. HTML/CSS-фреймворкам присущи такие ограничения, как … (укажите 3 варианта ответа)
41. Фреймворк… изменяет традиционный подход к CSS благодаря использованию утилитарных классов
42. Неверно, что такой фреймворк, как …, ориентирован на утилитарный подход в стилизации
43. Первый этап процесса создания клиентской части веб‑приложения – это …
44. В этап анализа требований и планирования процесса создания клиентской части веб‑приложения входят задачи по … (укажите 3 варианта ответа)
45. Язык разметки используется для создания структуры веб‑страницы –это…
46. Установите соответствие между этапами создания клиентской части и их основными результатами:
47. Расположите в правильном порядке этапы создания клиентской части веб‑приложения:
48. При создании адаптивной верстки, когда стили сначала пишутся для маленьких экранов, используется принцип …
49. Для создания адаптивного сайта используют … (укажите 3 варианта ответа)
50. Термин «…» обозначает удобство использования сайта для конечного пользователя
51. Установите соответствие между понятиями и их содержанием:
52. … является популярным инструментом для создания прототипов веб‑сайтов
53. Первым этапом процесса создания клиентской части веб-приложения является …
54. К результатам этапа подготовки HTML-разметки следует отнести …
55. Сопоставьте элементы с их назначением:
56. В числе методологий организации CSS-кода – …
57. Для интерактивного прототипирования подходит такой инструмент, как …
58. Ключевым преимуществом использования семантических тегов в HTML является повышение …: семантические теги упрощают навигацию по содержимому для людей с ограниченными возможностями, использующих технологии вроде экранного чтения
59. Расположите в правильной последовательности этапы верстки:
60. Неверно, что к улучшениям пользовательского опыта (UX) можно отнести …
61. Для оптимизации загрузки рекомендуется использовать формат изображений … – современный формат от Google, который сочетает высокое качество с минимальным размером файла
62. Говоря об адаптивной верстке, следует отметить, что в этом случае … (укажите 3 варианта ответа)
63. В числе задач, стоящих перед СМS-системами, — … (укажите 3 варианта ответа)
64. Установите соответствие между CMS-системами и их особенностями:
65. CMS-фреймворк … ориентирован на Material Design
66. … – это фреймворк, полностью основанный на CSS и не использующий JavaScript
67. Утилитарный подход к стилизации интерфейсов применяется в таком фреймворке, как …
68. Упорядочьте этапы развития CMS-систем (от ранних к современным):
69. В ряду недостатков CMS-систем – … (укажите 3 варианта ответа)
70. Такие CMS-системы, как …, являются бесплатными с открытым исходным кодом (укажите 3 варианта ответа)
71. Установите соответствие между преимуществами и фреймворками, которые имеют эти преимущества:
72. Английская аббревиатура … обозначает систему управления контентом, которую также называют платформой, движком или конструктором сайта
73. Тег ˂meta charset=»UTF-8″˃ в HTML-документе …
74. Установите соответствие между HTML-тегами и их назначением:
75. Одинарными являются такие теги, как … (укажите 3 варианта ответа)
76. Атрибут href в теге ˂a˃ …
77. Атрибут … используется в теге ˂img˃ для отображения текста, если изображение не загружается
78. Расположите в правильном порядке основные теги в базовом шаблоне HTML-документа:
79. Значение 0.5 для CSS-свойства opacity означает, что элемент – …
80. … – это селектор CSS, который используется для выбора всех элементов ˂p˃ с классом «highlight», находящихся внутри элемента с классом «container»
81. Установите соответствие между значением свойства display и его поведением:
82. Файл с расширением … необходимо создать первым для верстки веб-страницы
83. Веб-сайт – это …
84. Домен … является международным
85. По назначению интернет-ресурсы классифицируют на …
86. К клиентской части веб-сайта относятся технологии …
87. Протокол … обеспечивает шифрованную передачу данных
88. Тип интернет-ресурсов, который обеспечивает интерактивные действия без полной перезагрузки страницы, – это …-сайты, или одностраничные приложения
89. Анализ пользовательского интерфейса (UI) включает в себя …
90. Редактор кода … имеет открытый исходный код и является бесплатным
91. Тег ˂…˃ используется в семантической разметке для определения основной области сайта
