Font size
WorksheetsUntitled Quiz
Total questions: 100
Worksheet time: 50mins
A web resource that has its own domain name, the main purpose of which is to provide information to users:
Web-cite
Information system
Web application
Assistant Bot
Biometric authentication
A web resource is an interactive software application that allows users to perform certain tasks or functions that require user input:
Web-cite
Web application
Information system
Assistant Bot
Biometric authentication
A program with a two-level client-server architecture:
Web-cite
Web application
Information system
Assistant Bot
Biometric authentication
The advantage of using web applications is the ability to run equally on multiple operating systems and devices:
Low installation and maintenance costs
Cross-platform compatibility
Simple scalability
Security risks
Internet addiction
The advantage of using a web application is that it does not require installation or updating on individual devices, which reduces installation and maintenance costs for users and developers:
Cross-platform compatibility
Simple scalability
Low installation and maintenance costs
Security risks
Internet addiction
The advantage of web applications is that they can be updated in real time, ensuring that users always have access to the latest features and capabilities:
Low installation and maintenance costs
Real-time updates
Cross-platform compatibility
Security risks
Internet addiction
7. The disadvantage of web applications is that they are vulnerable to security threats such as data leaks, phishing attacks, and cross-site scripting.:
Real-time updates
Low installation and maintenance costs
Cross-platform compatibility
Internet addiction
Security risks
A web application that does not require any server-side processing is used to display static content, such as informational websites.:
Static application (website)
Dynamic application (website)
Client Web Applications
Server-side web applications
Single-page applications (SPA)
Web applications that use server-side scripts to create dynamic content such as user data, interactive forms, and e-commerce websites.:
Dynamic application (website)
Static application (website)
Client Web Applications
Server-side web applications
Single-page applications (SPA)
Web applications that store a single HTML page on the server, the content of which is updated as you scroll or click on links.:
Single-page applications (SPA)
Dynamic application (website)
Static application (website)
Client Web Applications
Server-side web applications
Web applications, in which most of the processing is done on the client side, can perform many tasks on the user's device without the need for network requests.
Single-page applications (SPA)
Client Web Applications
Dynamic application (website)
Static application (website)
Server-side web applications
12. Web applications in which most of the processing is performed on the server side, usually using a server-side programming language; the applications generate dynamic content that is sent to the client side.:
Client Web Applications
Server-side web applications
Single-page applications (SPA)
Dynamic application (website)
Static application (website)
Web applications that allow the user not only to scroll through the browser window, but to navigate between individual pages, with entire pages loading content.:
Multi-page MPA Applications
Server-side web applications
Client Web Applications
Single-page Applications (SPA)
Progressive Web Applications (PWA)
14. Web applications based on Service Worker technology work offline and send push notifications, but they open in a browser.:
Multi-page MPA Applications
Server-side web applications
Progressive Web Applications (PWA)
Client-side Web applications
Single-page applications (SPA)
A server that accepts HTTP requests from clients (web browsers) and provides them with HTTP responses along with an HTML page, image, file, media stream, or other data:
Web client
ISP (Internet Service Provider)
Web server
TCP/IP
IP addresses
A computer that communicates with a web server using a browser:
Web client
Web server
ISP (Internet Service Provider)
TCP/IP
IP addresses
Client-server interaction. Interaction between the Web client and the Web server is carried out in accordance with the protocol:
CGI
HTTP
HTML
Web client
Web server
Hierarchical decentralized system for naming computers connected to the Internet:
Domain Name System (DNS)
Hypertext Markup Language (HTML)
ISP (Internet Service Provider)
TCP/IP
IP addresses
Servers designed to store information about a domain, including the address of the server with which the domain is associated:
General (administrative) domains
Сервер имен DNS - Name Server
Geographic domains
Zone
Domain name
A symbolic server name is a unique identifier that is assigned to a specific IP address:
Сервер имен DNS - Name Server
Доменное имя (domain name)
General (administrative) domains
Geographic domains
Zone
The universal resource locator provides addressing of Internet information resources:
Uniform Resource Locator (URL)
Hypertext Markup Language (HTML)
Network printer
HTTP
Firewall
The presented structure defines: ТУТ ЕСТЬ ФОТО С УРЛ ЧТО К ЧЕМУ
Hypertext Markup Language (HTML)
IP-address
Uniform Resource Locator (URL)
HTTP session scheme
CSS selector
Internet service that uses the Hypertext Transfer Protocol (HTTP) to transfer documents:
File Transfer Protocol (FTP)
Internet Telephony (VoIP)
Web browser
World Wide Web (WWW)
Internet Relay Chat (IRC)
The process of developing a web resource. The stage of determining the purpose, goals, target audience and functionality of the webapp:
Проектирование (Planning)
Поддержка (Support)
Исследование, предпроектный анализ (Research, Pre-Project Analysis)
Верстка и разработка (Layout and development)
Тестирование и запуск (Testing and launch)
The process of developing a web resource. The stage at which page layouts (макет) are created:
Исследование и планирование (Research, Pre-Project Analysis)
Поддержка (Support)
Проектирование (Planning)
Верстка и программирование (Layout and development)
Тестирование и запуск (Testing and launch)
The process of developing a web resource. The stage at which design-layout (дизайн-макет) creation:
Проектирование (Planning)
Исследование и планирование (Research, Pre-Project Analysis)
Разработка Web дизайна (Web design development)
Верстка и программирование (Layout and development)
Тестирование и запуск (Testing and launch)
The process of developing a web resource. The stage at which the programming of the web resource is performed:
Проектирование (Planning)
Верстка и программирование (Layout and development)
Исследование и планирование (Research, Pre-Project Analysis)
Поддержка (Support)
Тестирование и запуск (Testing and launch)
The process of developing a web resource. The stage at which the project is tested:
Проектирование (Planning)
Исследование и планирование (Research, Pre-Project Analysis)
Тестирование и запуск (Testing and launch)
Поддержка (Support)
Верстка и разработка сайта (Layout and development)
The process of developing a web resource. The stage at which the goals and objectives of a web application (webapp) or website are defined:
Проектирование (Planning)
Поддержка (Support)
Исследование, предпроектный анализ (Research, Pre-Project Analysis)
Верстка и разработка (Layout and development)
Тестирование и запуск (Testing and launch)
The process of developing a web resource. The stage at which the analysis of competitors' webapp is performed:
Исследование, предпроектный анализ (Research, Pre-Project Analysis)
Проектирование (Planning)
Поддержка (Support)
Верстка и разработка (Layout and development)
Тестирование и запуск (Testing and launch)
Groups of Internet users who are targeted by the content of the webapp:
Схемы просмотра страницы
Maker (Layout)
Целевая аудитория (Target Audience)
Информационная архитектура (логическая структура) сайта
SEO-оптимизация
The effectiveness (эффективность) of the content, the usefulness (полезность) of the sections and the relevance (востребованность) of the webapp from future visitors:
Целевая аудитория (Target Audience)
Макет (Layout)
Информационная архитектура (логическая структура) сайта
SEO-оптимизация
Функционал веб-приложения
The scheme of the mutual arrangement of the webapp pages according to a clear logical scheme:
Целевая аудитория (Target Audience)
Информационная логическая структура сайта
Макет (Layout)
Навигационная панель
SEO-оптимизация
The process of developing a web resource. Graphic drawing of the internal logical structure of the webapp:
Карта сайта (Sitemap)
Целевая аудитория (Target Audience)
Макет (Layout)
Flexible-макет
SEO-оптимизация
Type of information logical structure of the webapp, which has a clearly defined main page associated with all main sections of the webapp:
Линейная структура - Linear structure
Линейная структура с ответвлениями - Linear structure with branches
Иерархическая (древовидная) структура - Hierarchical (tree) structure
Блочная или хаотичная («паутина») - Blocky or chaotic (“web”)
«Кольцо» - "Ring"
A type of information logical structure of the webapp in which the pages are connected to each other sequentially (последовательно), as if in a chain:
Линейная структура - Linear structure
Иерархическая (древовидная) структура - Hierarchical (tree) structure
Линейная структура с ответвлениями - Linear structure with branches
Блочная или хаотичная («паутина») - Blocky or chaotic (“web”)
«Кольцо» - "Ring"
A type of information logical structure of the webapp in which each page can be connected to any other, including the main one:
Иерархическая (древовидная) структура - Hierarchical (tree) structure
Линейная структура - Linear structure
Блочная или хаотичная («паутина») - Blocky or chaotic (“web”)
Линейная структура с ответвлениями - Linear structure with branches
«Кольцо» - "Ring"
38. The process of developing a web resource. The layout and design of the basic blocks on each page: headers, main menu panels, page content, and other blocks:
Navigation panel – Navigation panel
External structure - Layout
Target Audience
Information architecture (logical structure) of a website or application
SEO-оптимизация
The structural element of a Web application in which the logo, header, etc. are located:
The upper part of the page (header, footer, header)
Sidebar (aside, sidebar)
Site navigation system
Content (the main part of the document)
Bottom of the page (footer, footer, basement)
A structural element of a Web application that defines content that is indirectly related to the surrounding content and is used to place navigation bars, help information, etc.:
Upper part of the page (header, footer, header)
Sidebar (aside, sidebar)
Site navigation system
Content (the main part of the document)
Bottom of the page (footer, footer, basement)
A structural element of a Web application that provides the ability to navigate between pages:
Site navigation system
Sidebar (aside, sidebar)
Upper part of the page (header, footer, header)
Content (the main part of the document)
Bottom of the page (footer, footer, basement)
A navigation element that opens the menu categories when hovering over a special icon in the form of 3 horizontal bars:
Breadcrumbs («Хлебные крошки»)
«Гамбургер»
Пагинация
Вкладки (tab)
Вертикальное Меню
A site navigation element representing the user's path to the current site page:
Breadcrumbs («Хлебные крошки»)
«Гамбургер»
Пагинация
Вкладки (tab)
Вертикальное Меню
A structural element of a Web application that contains the semantic content of a page:
Site navigation system
Sidebar (aside, sidebar)
Content (the main part of the document)
Upper part of the page (header, footer, header)
Bottom of the page (footer, footer, basement)
Structural element of a web application used for publishing: contacts, copyright, excessive navigation links, etc.
Структурный элемент Веб приложения, который используется для публикации: контактов, авторских прав, избыточные навигационные ссылки и др.:
Content (main part of the document)
Footer (footer, lower header)
Site navigation system
Sidebar (aside, side panel)
Header (header, upper header, cap)
Preliminary sketch - a scheme that determines the appearance of the site and its functionality:
Page design layout
Unique pages
Page mockup
Standard pages
Additional pages
Web Page Layout Development Tools:
Gomockingbird, Axure, Balsamiq Mockups
CSS
Javascript/ Javascript frameworks
Color Scheme Designer
Adobe Color CC
Designed UI design that shows how the website or application will look:
Оформленный UI-дизайн, который показывает, как будет выглядеть веб сайт или приложение:
Page mockup
Макет страницы
Page design layout
Дизайн макет страницы
Unique pages
Уникальные страницы
Standard pages
Стандартные страницы
Additional pages
Дополнительные страницы
Type of web application or website pages that represent template solutions, based on which site pages with similar characteristics will be created:
Page design layout
Standard pages
Page mockup
Unique pages
Additional pages
Type of web application or website pages that represent pages with non-repeating blocks and elements, for example, main pages, contacts, etc.:
Standard pages
Page design layout
Unique pages
Additional pages
Page mockup
51. The type of pages of a web application or website, which are pages that carry certain functionality and do not correspond to unique and patterned ones, for example, page 404, etc.:
Unique pages
Standard Pages
Additional pages
Design page layout
Page Layout
The technology of web page layout in which the sizes of elements are fixed, set using pixel units (px), and remain unchanged regardless of the browser window size or font size:
Fluid layout (Относительные, жидкие, текучие или резиновые)
Elastic layout
Fixed layout (Фиксированный макет)
Drawn layout
Hybrid layout
The technology of web page layout in which the size of elements changes according to the browser window, and the sizes of page elements are set as a percentage of the available screen width:
Fixed layout
Elastic layout
Fluid layout (Относительные, жидкие, текучие или резиновые)
Drawn layout
Hybrid layout
The technology of web page layout in which all sizes change proportionally depending on the font size of the displayed text, the measurements are expressed in em units and are based on the default font size used on the page:
Elastic layout (Эластичный макет)
Fluid layout (Относительные, жидкие, текучие или резиновые)
Fixed layout
Drawn layout
Hybrid layout
The process of creating a convenient and pleasant user experience when interacting with a product or service:
UX design (User Experience — пользовательский опыт)
UI design (дизайн пользовательского интерфейса)
SEO optimization
Usability
Web phishing
The process of developing a graphical interface for a software product:
UI design (дизайн пользовательского интерфейса)
UX design (User Experience — пользовательский опыт)
SEO optimization
Usability
Web phishing
. The interface design process, which includes researching user needs and problems, creating user scenarios, and optimizing the process of user interaction with the product.:
UX design (User Experience—
UI design (user interface design)
SEO оптимизация
Usability
Web фишинг
58. The interface design process, which includes designing interface elements; developing styles and colors, creating animations and effects:
UI –дизайн (дизайн пользовательского интерфейса)
UX-дизайн (User Experience — «пользовательский опыт»)
SEO оптимизация
Usability
Web фишинг
A list of tasks that the user can perform within the interface:
Прототип интерфейса
Пользовательские сценарии
Отрисовка дизайна продукта
Исследование, аналитика
Дизайн концепция
A tool for creating user scenarios to visually see the user's path from the beginning to the end of an operation, for example, from registration to purchase:
Карта пользовательского опыта (CJM, Customer Journey Map)
Пошаговый сценарий пользователя (User Flow)
Отрисовка дизайна продукта
Исследование, аналитика
Дизайн концепция
A tool for creating user scenarios to understand where the user's key points are and how to solve them.:
Пошаговый сценарий пользователя (User Flow)
Карта пользовательского опыта (CJM, Customer Journey Map)
Отрисовка дизайна продукта
Исследование, аналитика
Дизайн концепция
A type of prototype that represents schematic images of screens interconnected through a prototyping service:
Карта пользовательского опыта (CJM, Customer Journey Map)
Черновой прототип интерфейса
Пошаговый сценарий пользователя (User Flow)
Финальный прототип интерфейса
Дизайн концепция
A prototype view that represents linked page diagrams, but all buttons, texts, checkboxes, forms, and other elements are already visible on the pages.:
Черновой прототип интерфейса
Карта пользовательского опыта (CJM, Customer Journey Map)
Финальный прототип интерфейса
Пошаговый сценарий пользователя (User Flow)
Дизайн концепция
Development of graphic elements, logos, icons, selection of color palette and fonts to visualize the structure of the page, its content, and also display the main functionality:
Final interface prototype
Draft interface prototype
Visual design
Customer Journey Map (CJM)
User Flow
Tools for selecting and compiling a palette of colors:
Color wheel, Color Scheme Designer, Adobe Color CC
Gomockingbird, Axure, Balsamiq Mockups
CSS
Javascript frameworks
Django frameworks
The combination of artistic and technological techniques for creating a website that looks harmonious and is recognized as:
Web stylistics
Final interface prototype
Draft interface prototype
Customer Journey Map (CJM)
User Flow
Type of web stylistics that focuses on content and meaning with a minimal amount of content and graphics, with free space:
Minimalism
Classic style
American business style
Retro style
Hi-tech style
Type of web stylistics that reflects the imprint of time, creating brand identity, traditions, and heritage:
Minimalism
Classic style
Retro style
American business style
Hi-tech style
Type of web stylistics that creates a sense of a high-tech environment:
Retro style
Minimalism
Hi-tech style
Classic style
American business style
70. The type of Web style in which it is customary to use natural colors characteristic of flora and fauna:
Стиль Хайтек
Ретро стиль
Минимализм
Классический стиль
Органика, или натуральный стиль
A visual effect on a Web page in which the background moves slower than the object in the foreground:
Синемаграф или синемаграмма
Инфографика
Параллакс-эффект
Принцип AIDA (Attraction Interest Desire Action)
Z схема просмотра страницы (Z-view scheme)
A graphical way to convey information when there is text and different illustrations on the same image.:
Синемаграф или синемаграмма
Параллакс-эффект
Инфографика
Принцип AIDA (Attraction Interest Desire Action)
Z схема просмотра страницы (Z-view scheme)
Visual effect on a Web page, hybrid of photo and video, "moving" or "live" photography:
Инфографика
Параллакс-эффект
Синемаграф или синемаграмма
Принцип AIDA (Attraction Interest Desire Action)
Z схема просмотра страницы (Z-view scheme)
Interactive design principle (Call to Action) for a call to action on a promo site:
Z-view scheme
Инфографика
AIDA (Attraction/Привлечение внимания - Interest/Интерес – Desire/Желание – Action/ Действие)
Визуальные направляющие - Visual guides
SEO optimization
Visual elements for switching attention (focus) to the necessary modules of the web page:
Визуальные направляющие - Visual guides
AIDA (Attraction/Привлечение внимания - Interest/Интерес – Desire/Желание – Action/ Действие)
Z-view scheme
F-view scheme
SEO optimization
A scheme for viewing minimalistic website pages along the contour of the letter “Z”:
Z-view scheme
AIDA (Attraction/Привлечение внимания - Interest/Интерес – Desire/Желание – Action/ Действие)
Визуальные направляющие - Visual guides
SEO optimization
The scheme of viewing pages of sites with text content placed on a monotonous grid, along the contour of the letter “F”:
F- view scheme
Z-view scheme
Визуальные направляющие - Visual guides
AIDA (Attraction/Привлечение внимания - Interest/Интерес – Desire/Желание – Action/Действие)
SEO optimization
The Web design criterion, which determines that a website or application should have a convenient navigation system.:
Эффективный пользовательский функционал
Четкая структура сайта и навигация
Using fonts - Использование шрифтов
Единая визуальная стилистика
Сдержанность цветовой палитры
A Web design criterion that determines that a website or application should be understandable and accessible to all users.:
Эффективный пользовательский функционал
Простота и понятность контента, навигации, поиска
Читаемый и привлекательный шрифт
Единая визуальная стилистика
Сдержанность цветовой палитры
The Web design criterion, which determines that the text content of a website or application should be user-friendly.:
Четкая структура сайта и навигация
Читаемый и привлекательный шрифт
Эффективный пользовательский функционал
Единая визуальная стилистика
Сдержанность цветовой палитры
A Web design criterion that determines that a website or application must perform the required user action.:
Читаемый и привлекательный шрифт
Четкая структура сайта и навигация
Единая визуальная стилистика
Эффективный пользовательский функционал
Сдержанность цветовой палитры
A Web design criterion that determines whether fonts and graphics are used consistently on a website or in an application.:
Единая визуальная стилистика
Эффективный пользовательский функционал
Читабельный и привлекательный шрифт
Четкая структура сайта и навигация
Сдержанность цветовой палитры
HTML element structure. Document type declaration in HTML5:
<!doctype html>
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<charset="utf-8">
<content=text>
<name=”text”>
HTML element structure. Specifying the encoding in an HTML5 document:
<!doctype html>
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN» «http://www.w3.org/TR/html4/strict.dtd»>
<charset="utf-8">
<content=text>
<name=”text”>
HTML element structure. An element that appears as if it were enclosed within a rectangular area of the browser window begins on a new line:
Блочный - Block element
Встроенный (inline) element
Атрибут элемента - Element attribute
Стиль элемента - Element style
Пустой (void) element
HTML element structure. An element that, when rendered by the browser, does not begin on a new line; it is located in the blocks:
Встроенный (inline) element
Блочный - Block element
Атрибут элемента - Element attribute
Стиль элемента - Element style
Пустой (void) element
The principle of the semantic approach in HTML5 to document markup:
Эффективное форматирование - Effective formatting
Элемент обеспечивает смысл и структуру контента - Element provides meaning and structure to the content
Обеспечение переходов между разделами - Provide transitions between sections
Обеспечение мультимедиа - Providing multimedia
Применение JScript и CSS - Using JScript and CSS
HTML5. Semantic sectioning element (dividing content into sections) to place introductory information (headings, subheadings or logos):
Element
<nav>
Element
<header>
Element
<section>
Attribute style
Element <footer>
A semantic sectioning element for placing information at the end of a page or article:
Element
<header>
Element
<nav>
Element
<section>
Element
<footer>
Attribute style
90. HTML5. A semantic sectioning element that contains a “section” of a document, such as a chapter or topic:
Element
<footer>
Element
<header>
Element
<section>
Element
<nav>
Element
< article >
A semantic sectioning element that contains an independent set of content:
Element
<section>
Element
<article>
Element
<footer>
Element
<header>
Element
<nav>
The relative address when creating a hyperlink <a href="../index.html> текст </a>allows:
Создать ссылку на главную страницу index.html, поднявшись на один уровень вверх
Создать ссылку на главную страницу index.html, поднявшись на два уровня вверх
Создать ссылку на файл index.html во вложенном каталоге
Создать ссылку на файл index.html в пределах одного каталога
Создать ссылку на местоположение (метку) в другом файле
Absolute address when creating a hyperlink <a href=https://www.microsoft.com/ru-kz> TeкCT <</a>allows:
Создать ссылку на внешний файл Web
Создать ссылку на местоположение (метку) в другом файле
Создать ссылку на главную страницу index.html, поднявшись на один уровень вверх
Создать ссылку на файл index.html во вложенном каталоге
Создать ссылку на файл index.html в пределах одного каталога
Image Formats for the Web:
mp4, m4v, ogv, webm
gif, jpg, jpeg, png
mpeg, mp3, wav, ogg, m4a
Контейнер Ogg
Контейнер WebM
Formats for Web video content:
gif, jpg, jpeg, png
mp4, m4v, ogv, webm
mpeg, mp3, wav, ogg, m4a
Контейнер Ogg
Контейнер WebM
Web Audio Content Formats:
mp4, m4v, ogv, webm
mpeg, mp3, wav, ogg, m4a
gif, jpg, jpeg, png
Контейнер Ogg
Контейнер WebM
HTML5. An element for specifying several sources (для задания нескольких источников) of audio-video files (formats), one of which will be used by the browser:
Element <audio>
Element <video>
Element <source>
Element <img>
Element <iframe>
HTML5. При создании веб-формы атрибут metod устанавливает метод отправки данных на сервер. Значение post: <form method="post" action="http://localhost:8080/login.php":
Позволяет передать данные в виде запроса на веб-сервер через специальные заголовки (используется для передачи конфиденциальных данных)
Позволяет передать данные через строку URL-запроса, отправляемого на сервер
Устанавливает адрес, на который передаются данные формы
Устанавливает тип передаваемых данных
Создается метка, которая отображается рядом с полем ввода
99. Web forms. Значение атрибута type="submit" создает: <button type="submit" formmethod="get" formaction="index.html">0тправить</button>
Кнопка сброса значений формы
Кнопка, используемая для отправки формы
Кнопка без какого-либо специального назначения
Устанавливает тип передаваемых данных
Устанавливает метод отправки формы
Web forms. Result of running the code fragment: <input type="text" name="search" />
<input type="image" src="search.png" name="submit" />
Создается кнопка, используемая для отправки формы
Создается кнопка сброса значений формы
Создается кнопка в виде картинки
Создается радиокнопка-переключатель
Создается поле для ввода даты
