Вопросы экзамен web программирование

Вопросы к экзамену «Web-программирование»

1. Стандарты разработки программного обеспечения для web.

2. Основные принципы взаимодействия CSS и HTML.

3. Классификация технологий web-разработки.

4. Клиентские технологии web-разработки – особенности функционирования, примеры.

5. Основные конструкции HTML: структура страницы.

6. Основные конструкции HTML: таблицы.

7. Основные конструкции HTML: формы.

8. Основные конструкции HTML: изображения.

9. Создание стилевых таблиц CSS.

10. Использование JavaScript.

11. Структура HTML-документа и элементы разметки заголовка документа.

12. Принципы гипертекстовой разметки.

13. HTML: формы, включающие следующие интерактивные элементы: текстовые поля; поля со списками; кнопки.

14. Каскадные таблицы стилей (CSS) – назначение и применения. Блочные и строчные элементы. Цвет и шрифты.

15. Выравнивание текста. Трансформация текста. Списки.

16. Метки списка. Позиционирование.

17. Выравнивание текста. Абсолютные и относительные координаты. Блоки. Наложение блоков.

18. Базовые типы данных HTML.

19. CSS: оформление списков. Базовые маркеры и числа: свойство list-style-type

20. Как создать сценарий JavaScript.

21. JavaScript: формы и циклы.

22. JavaScript: функции и концепция объектов.

23. JavaScript: строки, числа и массивы.

24. HTML: формы, включающие следующие интерактивные элементы: группа переключателей (radio); группа флажков (checkbox); кнопки.

25. Спецификация CSS2. Грамматика и правила разбора, общие для любой версии CSS.

26. CSS:наследование и каскадирование.

27. CSS: поток документа, блочная модель документа.

28. Оформление списков и ссылок с помощью CSS.

29. JavaScript: стандартные функции для обеспечения диалога пользователя с браузером

30. Создание HTML форм. Атрибуты открывающего тега формы <FORM>.

Дисциплина «Web-программирование»

Задание на осенний семестр 2022

1. Аудиторные работы на осенний семестр 2022

1. Выполнить контрольное задание 1 по PHP «Шаблон сайта» по вариантам. Прежде, чем выполнять контрольную работу, рекомендуется повторить Урок 3 «Создание сайта на PHP. Упражнение 1». Вариант определяется по таблице вверху задания. Варианты HTML-шаблонов скачайте здесь.

Требования к контрольной работе 1:

HTML-шаблон сайта перевести на PHP. Требования к php-сайту:
— блоки сайта, общие для всех страниц сайта должны включаться в web-страницу с использованием функции include();
— включаемых блоков должно быть не менее трех: верхнее меню, боковое меню, подвал;
— на php-сайте создать не менее трех взаимосвязанных гиперссылками страниц с разным содержимым основного (изменяемого) контента;
— выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

2. Выполнить контрольную работу 2 по PHP и MySQL по вариантам. Варианты можно скачать здесь. Перед выполнением рекомендуется повторить Урок 5. «Формы и базы данных в web».  Вариант определяется по списку ниже. Выполненное упражнение разместить на бесплатном хостинге, в Timeline прикрепить выполненное задание в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

Варианты для выполнения контрольных работ (по лабораторным работам):

1. Бушуева Екатерина Владимировна (вариант 1)
2. Бывальцев Роман Сергеевич (вариант 2)
3. Виноградов Виталий Андреевич (вариант 3)
4. Гуркин Евгений Александрович (вариант 4)
5. Доталов Алексей Игоревич (вариант 5)
6. Исаев Александр Евгеньевич (вариант 6)
7. Клецкин Вадим Сергеевич (вариант 7)
8. Кретов Сергей Сергеевич (вариант
9. Куштапин Максим Алексеевич (вариант 9)
10. Лапшина Татьяна Александровна (вариант 10)
11. Лысенко Юрий Алексеевич (вариант 11)
12. Макаров Андрей Николаевич (вариант 12)
13. Мамедова Наталья Юрьевна (вариант 13)
14. Мясникова Анна Игоревна (вариант 14)
15. Новоселов Федор Сергеевич (вариант 15)
16. Павлов Дмитрий Вячеславович (вариант 16)
17. Панков Дмитрий Викторович (вариант 17)
18. Подкорытов Виктор Леонидович (вариант 18)
19. Полухин Павел Александрович (вариант 19)
20. Пономарев Михаил Алексеевич (вариант 20)
21. Рязанов Руслан Андреевич (вариант 21)
22. Сиверюхин Дмитрий Юрьевич (вариант 22)
23. Сухин Семён Андреевич (вариант 23)
24. Тунгусова Инна Дмитриевна (вариант 24)
25. Чапаев Андрей Евгеньевич (вариант 25)
26. Шестакова Алена Андреевна (вариант 26)
27. Якимова Паулина * (вариант 27)

2. КУРСОВАЯ РАБОТА

1. Сдать курсовую работу  – создать сайт на любой CMS на свободную тему.

Курсовая работа должна быть размещена на бесплатном хостинге. Рекомендуется хостинг https://beget.com/ru/free-hosting

Этапы работы:

Этап 1. Выбрать тему сайта, создать структуру сайта, можно в виде вложенного списка. 

Минимальная структура:

• Главная страница с адаптивным слайдером
• Раздел 1
  • раздел 1.1
  • раздел 1.2
• Раздел 2
  • раздел 2.1
  • раздел 2.2
• Контакты с формой обратной связи и картой Google или Яндекс.
• Карта сайта для пользователей.

Этап 1. Собрать контент для сайта: тексты, фото, видео.

Этап 2. Создать прототипы страниц. Прототипов должно быть два: для главной страницы и для типовой. При проектировании дизайна предусмотреть наличие адаптивного слайдера на главной странице.

Ознакомительные материалы по прототипам можно скачать по адресу https://yadi.sk/d/50wX34eQwJvJkA 

Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.

Прототип можно сделать в цветном или черно-белом варианте, в графической программе или аккуратно от руки на выбор. Обязательно должны быть подписи к блокам. Примеры прототипов приведены ниже. Щелкните по изображению для увеличения.

Этап 3.  Согласно прототипам создать дизайны в Figma. Для этого необходимо зарегистрироваться на сайте Figma.com

Технологии Figma изучить самостоятельно. Обучающие материалы можно скачать по адресу https://yadi.sk/d/UbaEJrsltCUMww

Видео взято с курсов повышения квалификации, поэтому может быть отвлечение ведущего на аудиторию. Вы можете воспользоваться любыми другими обучающими материалами.

Этап 4.  По дизайнам в Figma создать два HTML шаблона (для главной страницы и для типовой), адаптивные под различные устройства. Технологию адаптивной верстки выбрать самостоятельно (Flex, Bootstrap, медиазапросы или др.).

Этап 5. Реализовать HTML-шаблоны на CMS по выбору.

Этап 6. Реализовать структуру сайта и наполнить сайт контентом.

Одним из важнейших критериев при оценке сайта будет проверка возможности работать контент-менеджеру без HTML-кода. Т.е. все тексты, изображения, видео должны иметь возможность вставки на сайт без использования знаний HTML.

Этап 7. Написать пояснительную записку. Скачать требования к оформлению ПЗ

3.  ЭКЗАМЕН

До экзамена допускаются студенты, которые сдали аудиторные работы.

Для получения оценки за экзамен необходимо пройти тест в системе Timeline по языку программирования PHP.

Оценка за тест выставляется согласно рейтинговой системе РГППУ

• 86-100% — отлично
• 71-85% — хорошо
• 55-70% — удовлетворительно

Оценка за экзамен выставляется как средняя по всем контрольным точкам (кроме курсовой)

---

Осень 2021

Установочные лабораторные работы 4 ч.

Выполнить уроки 1, 2, 3 из раздела Учебные курсы – Уроки PHP и MySQL

Работы вложить в Таймлайн

---

Домашняя контрольная работа на весенний семестр 2022 г.

1. Изучить язык программирования PHP. Обучающие материалы – бесплатный видеокурс Михаила Русакова
https://blog.myrusakov.ru/freephp7.html
Сдавать эти уроки не надо, только для самостоятельного обучения.

2. Выполнить контрольную работу.
— методические указания к контрольной работе есть в Timeline, также Вы можете скачать их здесь;
— обучающие материалы к контрольной работе – видеокурс Михаила Русакова по ссылке https://yadi.sk/d/qCYCs5N1peDE6Q

3. Выполненную контрольную работу разместить на бесплатном хостинге, например  на https://beget.com/ru/free-hosting, в Timeline прикрепить саму работу в соответствующую ячейку и ссылку на бесплатный хостинг, где размещено задание.

4. Лабораторные работы — выполнить урок 5 из раздела  Учебные курсы – Уроки PHP и MySQL. Работу разместить на бесплатном хостинге, например  на https://beget.com/ru/free-hosting

5. ЗАЧЕТ С ОЦЕНКОЙ — тест по PHP в системе Таймлайн. Теорию к зачету можно скачать здесь. Для допуска к зачету необходимо сдать домашнюю контрольную работу и урок 5. В тесте 30 вопросов, дается 90 минут, одна попытка. Оценка выставляется по результатам теста:

— 55-70% — удовлетоврительно;

— 71-85% — хорошо;

— 86-100% — отлично.

---

---

Темы ВКР

Для групп «Информационные технологии в медиаиндустрии»

• Интернет-магазин средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)
• Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.)

Для групп «Компьютерные технологии»

• Web-сайт компании средствами системы управления контентом (CMS по выбору Joomla, WordPress, MODx и др.) + электронное руководство
• ЭУП «Создание сайта средствами CMS MODx Revolution»
• ЭУП «Создание сайта средствами CMS MODx Evolution»
• ЭУП «Создание сайта средствами CMS Drupal»
• ЭУП «Создание интернет-магазина средствами CMS MODx»
• ЭУП «Создание интернет-магазина средствами CMS WordPress»
• ЭУП «Создание интернет-магазина средствами CMS OpenCart (или ocStore)»
• ЭУП «Адаптивная верстка web-сайта»
• ЭУП «Создание сайта средствами PHP и MySQL»
• ЭУП «Язык jQuery»
• ЭУП «Верстка многостраничных изданий в Adobe InDesign»
• ЭУП «Графический редактор Adobe Illustrator»
• ЭУП «SEO-оптимизация и продвижение сайта в сети Интернет»
• ЭУП «Препроцессор Less — динамический язык стилей»
• ЭУП «Фреймворк Yii»
• ЭУП «Дизайн сайтов в программе Figma»

Для групп «Информационная безопасность»

• Обеспечение безопасности веб-сайта компании (создание сайта + безопасность)
• ЭУП «Web-программирование и защита в среде Интернет»
• ЭУП «Средства защиты web-сайта на CMS (WordPress, Joomla, MODx и др.)»

---

и зачету по дисциплине «Программирование в сетевых операционных системах»

2021-2022 учебный год

Направления «Математика и компьютерные науки»,

«Прикладная информатика», «Информационная безопасность»

1. (1) Определение языков разметки. HTML, версии.
2. (2) Структура Web-страницы (обычная, с фреймовой структурой).
3. (3) HTML. Форматирование текста, изменение шрифта, заголовки, списки.
4. (4) HTML. Вставка рисунков и таблиц.
5. (36) Верстка страниц при помощи таблиц.
6. (5) HTML. Гиперссылки, примеры.
7. (38) HTML. Карты изображений.
8. (37) HTML. Фреймы. Пример.
9. (6) HTML. Формы. Способы передачи данных на сервер. Элементы формы.
10. (14) Определение, назначение, версии каскадных таблиц стилей (CSS).
11. (8) Синтаксис CSS.
12. (32) Верстка страниц при помощи CSS.
13. (35) Статические и динамические фильтры.
14. (9) Управление положением на странице (свойства left, top, z-index, position, visibility, overflow).
15. (10) JavaScript, назначение, размещение, основные операторы.
16. (34) Классы языка JavaScript.
17. (11) Класс Data. Пример использования.
18. (12) Класс String. Пример использования.
19. (13) Работа с математическими формулами в JavaScript.
20. (7) Обращение к элементам формы из JavaScript.
21. (15) Обработка событий при помощи JavaScript.
22. (16) Объектная модель DHTML.
23. (19) Объект window.
24. (20) Объект document.
25. (17) Объекты history, location, screen, navigator.
26. (18) Объект event. Обработка событий.
27. (21) Функции  и свойства смены содержимого.
28. (22) Модель DOM. Уровни. Структура документа.
29. (23) DOM.  Навигация по дереву документов. Создание узлов.
30. (24) DOM. Редактирование дерева элементов.
31. (33) DOM. Работа с массивами элементов. Пример.
32. (25) Библиотека jQuery. Обращение к элементам.
33. (26) Создание элементов DOM с помощью jQuery. Пример реализации раскрывающегося списка.
34. (27) Системы управление контентом (CMS). Назначение, функции.
35. (28) Классификация CMS.
36. (29) Схема функционирования CMS. Проблемы установки и использования CMS.
37. (30) Установка CMS WordPress.
38. (31) Настройка WordPress. Плагины, шаблоны.
39. (39) Способы программирования на php в WordPress.

Вопросы с ответами (тест) по дисциплине «Основы WEB программирования».

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.
+ <а HREF=»адрес файла»> IМG SRC=»imаgе.gif»>
— <а HREF=»imаgе.gif»>
— <а HREF=»адрес файла»> <IМG=»imаgе.gif»>
— <а HRF=»адрес файла»> <IМG=»imаgе.gif»>
— <а HREF=»адрес файла»> <IМG=»imаgе»>

2. Найдите ошибочное определение гиперссылки.
— <а HREF=»аlехfinе.htm» ТАRGЕТ=»lеft»> аlехfinе
+ <а ТАRGЕТ=»аlехfinе.htm» HREF=»nеw»> аlехfinе
— <а HREF=»аlехfinе.htm»> аlехfinе
— <а ТАRG=»аlехfinе.htm» HREF=»nеw»> аlехfinе
— <а HREF=»аlехfinе»> аlехfinе

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+ <tаblе сеllsрасing=»20″>
— <tаblе gridsрасing=»20″>
— <tаblе сеllраdding=»20″>
— <tаblе gridsрасing=»40″>
— <tаblе сеllраdding=»20p»>

4. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

8. Какой атрибут тега <iМg> задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

9. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? <bАse href=»/»<а»>httр://аlехfinе.ru»> <ВОDY> <А HRЕF=»dос1.html»>Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+ <ТН аlign=»lеft»>
— <СОL аlign=»lеft»>
— <ТАВIЕ аlign=»lеft»>
— <ОL аlign=»lеft»>
— <UL аlign=»lеft»>

12. Какой атрибут принадлежит тегу <АREА>?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

13. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— <А HREF=»#m1″>ссылка
— <А HREF=m1>ссылка
+ <А HREF=»2.html#m1″>ссылка
— <А HREF=m2>ссылка
— <А HREF=»2.html&&m1″>ссылка

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ <sСripТ Тype=»тип_языка_программирования»>текст программы
— <sСripТ nАМЕ=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»>текст программы
— <sСripТ lang=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»

16. Какой из приведенных фрагментов кода создает переключатель?
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>
+ <inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»2″>
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>

17. В какой таблице текст выровнен по центру ячеек?
— <tаblе аlign=»»сеntеr»» width=»»300″»>
— <tаblе аlign=»»lеft»»>
+ нет правильного ответа
— <tаblе аlign=»»lеft»»>
— <tаblе аlign=»»right»»>

18. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

19. В каком примере корректно описан элемент ТR?
+ <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1ячейка2<ТD>
— <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1&ячейка2<ТD>
— <ТR> <ТD>ячейка1<TR>

20. Какой атрибут тега <iМg> указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

21. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

22. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

23. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

24. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

25. Какой из тэгов является тэгом нумерованного списка в HTML?
+ <ol>
— <il>
— <num>
— <nil>
— <numsp>

26. Каким тегом объявляется web-страница?
+ <html> </html>
— <head> </head>
— <title> </title>
— <body> </body>
— <bady> </body>

27. Каким тегом объявляется заголовок web-страницы?
— <html> </html>
+ <head> </head>
— <title> </title>
— <body> </body>
— <tutle> </tutle>

28. В какой тег заключается основное содержание web-страницы?
— <html> </html>
— <head> </head>
— <title> </title>
+ <body> </body>
— <hood> </hood>

29. В какой тег заключается название web-страницы?
— <html> </html>
— <head> </head>
+ <title> </title>
— <body> </body>
— <html> </html>

30. Какой код для пустой web-страницы правильный?
— <html> <head> <title> </head> <body> </body> </html>
+ <html> <head> <title> </title> </head> <body> </body> </html>
— <html> <head> <title> <body> </body> </html>
— <html> <head> <title> </title> </head> <body> </body>
— <html> <head> <title> </title> </head> <body> </body>

31. В каком коде абзац «Системы счисления» выровнен по центру
— <body> <h3 align = «center»> Системы счисления </h3> </body>
+ <body> <р align = «center»> Системы счисления </р> </body>
— <body> <font align = «center»> Системы счисления </font> </body>
— <body> <font align = «left»> Системы счисления </font> </body>
— <body> <font align = «right»> Системы счисления </font> </body>

32. Какой html -код задает вывод текста в две строки
— <p> Информационные <br> технологии </br></p>
— <p> <br> Информационные технологии </br></p>
+ <p> Информационные <br> технологии </p>
— <p> Информационные <br> технологии <br></br></p>
— <p> <br><br> Информационные технологии </br></p>

33. Каким тегом задается вставка изображения на web-страницу?
— <font color=»…»> </font>
+ <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

34. Каким тегом задается вставка гиперссылки на web-страницу?
— <font color=»…»> </font>
— <img src=»…»>
+ <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

35. Каким тегом задается цвет текста на web-странице?
+ <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <img color=»…»>

36. Каким тегом задается метка на web-странице?
— <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
+ <a name=»…»></a>
— <img color=»…»>

37. HTML (HYPER TEXT MARKUP LANGUAGE) является:
+ Одним из средств при создании Web-страниц
— Системой программирования
— Графическим редактором
— Системой управления базами данных
— Системой управления банком данных

38. Инструкция браузеру, указывающая способ отображения текста:
— Программный код
+ Тэг
— Файл
— Кегль
— Сервлет

39. Программа для создания Web-страницы с использованием языка HTML:
— MS Word
— Paint
— Калькулятор
+ Блокнот
— Браузер

40. Web-страница (документ HTML) представляет собой:
— Текстовый файл с расширением txt или doc
+ Текстовый файл с расширением htm или html
— Двоичный файл с расширением com или exe
— Графический файл с расширением gif или jpg
— Графический файл с расширением png или jpg

41. Программа для просмотра гипертекстовых страниц называется:
— Сервер
— Протокол
— HTML
+ Браузер
— Клиент

42. Способ организации информации на Web-сервере называется:
— Файлом
— Гиперссылкой
+ Web-сайтом
— Мультимедиа
— Мегассылкой

43. Гипертекст — это:
— Текст очень большого размера
— Текст, в котором используется шрифт большого размера
+ Структурированный текст, где возможны переходы по выделенным меткам
— Текст, в который вставлены объекты с большим объемом информации
— Текст, в который вставлены картинки большого размера

44. Гиперссылки на Web-странице могут обеспечить переход…
— только в пределах данной web-страницы
— только на web-страницы данного сервера
— на любую web-страницу данного региона
+ на любую web-страницу любого сервера Интернет
— только в пределах данного клиента

45. Тэг — это:
+ Инструкция браузеру, указывающая способ отображения текста
— Текст, в котором используются спецсимволы
— Указатель на другой файл или объект
— Фрагмент программы, включённой в состав Web-страницы
— Фрагмент программы, включённой в состав Сервлета

46. Какие тэги указывают браузеру, что это HTML документ?
— <body></body>
— <title></title>
— <p></p>
+ <html></html>
— <tutle></tutle>

47. Какие теги определяют видимую часть документа?
+ <body></body>
— <p></p>
— <html></html>
— <title></title>
+ <bady></bady>

48. Какие тэги помещают название документа в оглавление программы просмотра web-страниц?
+ <title></title>
— <body></body>
— <h1></h1>
— <img src=”name”>
— <h1n1></h1n1>

49. Какие тэги задают размер заголовка?
— <p></p>
— <img src=”name”>
— <body></body>
+ <h1></h1>
— <img size=”500px”>

50. Какие тэги создают гиперссылку на другие документы?
— <body></body>
— <p></p>
+ <a href=”URL”></a>
— <img src=”name”>
— <img rev=”name”>

51. Какие тэги создают абзац в документе?
+ <p></p>
— <body></body>
— <img src=”name”>
— <html></html>
— <ht></ht>

52. Какой тэг добавляет изображение в HTML документ?
— <title></title>
+ <img src=”name”>
— <html></html>
— <br>
— <bh>

53. Какой из вариантов содержит ошибку:
— <a href=”page.html”>Ссылка
— <a href=”page.html#17?>Ссылка
+ <a href=”page.html”#top>Ссылка
— <a href=”page.html#top”>Ссылка
— Нет правильного ответа

54. Размер окна браузера 1000 пикселей. На страницу добавили блок с шириной 40%.
Затем в этот блок добавили таблицу с шириной 50%. Какова будет ширина таблица в пикселях?
— 215 пикселей
— 250 пикселей.
— 500 пикселей.
+ 200 пикселей.
— Нет правильного ответа

55. Требуется написать химическую формулу тетрасульфида димышьяка (As2S4). Каким образом это можно сделать?
— As<sup>2S<sup>4
— As<pow>2S<pow>4
+ As<sub>2S<sub>4
— As<sup>2S<sup>4
— Нет правильного ответа

56. Какой из представленных вариантов является валидным по XHTML 1.1:
+ <img src=”foto.jpg” alt=”Изображение” />
— <img src=”foto.jpg” title=”Изображение”>
— <img src=”foto.jpg” alt=”Изображение”>
— <img src=”foto.jpg” title=”Изображение” />
— Нет правильного ответа

57. Какой из представленных ниже HTML-кодов НЕ является валидным XHTML 1.1:
+ <u>Подчёркнутый текст</u>
— <i>Курсив</i>
— <p>Текст</p>
— <p style=”font-size: 1000%;”>Текст</p>
— Нет правильного ответа

58. Какой тег нужно добавить для переноса строки, сохранив при этом валидность XHTML 1.1?
— <hr />
— <hr>
+ <br />
— <br>
— Нет правильного ответа

59. Необходимо сделать ширину таблицы на всю страницу (либо родительского контейнера). Как ему нужно написать тег <table>?
— <table>
+ <table width=”100%”>
— <table width=”auto”>
— <table width=”100?>
— Нет правильного ответа

60. На сайте внутри папки pages находится файл page.html. А внутри папки images находится файл foto.jpg. Причём папки images и pages лежат в корне сайта.
Как правильно написать путь к foto.jpg из файла page.html:
— pages/images/foto.jpg
+ ../images/foto.jpg
— ../images/pages/foto.jpg
— images/foto.jpg
— Нет правильного ответа

61. Какую конструкцию необходимо использовать, чтобы появлялась всплывающая подсказка с текстом “Подсказка”.
Какой валидный код XHTML 1.1 для этого используется?
— <img src=”foto.jpg” alt=”Подсказка” />
— <img src=”foto.jpg” alt=”Подсказка” title=”Изображение” />
+ <img src=”foto.jpg” alt=”Изображение” title=”Подсказка” />
— <img src=”foto.jpg” title=”Подсказка” />
— Нет правильного ответа

62. Как правильно задать ссылку на адрес электронной почты:
— <a href=”email:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— <a href=”Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— <a href=”mail:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
+ <a href=”mailto:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.”>Написать
— Нет правильного ответа

63. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+ <tаblе сеllsрасing=»20″>
— <tаblе gridsрасing=»20″>
— <tаblе сеllраdding=»20″>
— <tаblе gridsрасing=»40″>
— <tаblе сеllраdding=»20p»>

64. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

65. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

66. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

67. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

68. Какой атрибут тега <iМg> задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

69. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

70. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? <bАse href=»/»<а»>httр://аlехfinе.ru»> <ВОDY> <А HRЕF=»dос1.html»>Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

71. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+ <ТН аlign=»lеft»>
— <СОL аlign=»lеft»>
— <ТАВIЕ аlign=»lеft»>
— <ОL аlign=»lеft»>
— <UL аlign=»lеft»>

72. Какой атрибут принадлежит тегу <АREА>?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

73. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

74. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— <А HREF=»#m1″>ссылка
— <А HREF=m1>ссылка
+ <А HREF=»2.html#m1″>ссылка
— <А HREF=m2>ссылка
— <А HREF=»2.html&&m1″>ссылка

75. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ <sСripТ Тype=»тип_языка_программирования»>текст программы
— <sСripТ nАМЕ=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»>текст программы
— <sСripТ lang=»язык_программирования»>текст программы
— <sСripТ ТУРЕ=»тип_документа»

76. Какой из приведенных фрагментов кода создает переключатель?
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>
+ <inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdio» nАМЕ=»а1″ vАlue=»2″>
— <inрut Тype=»сhесkbох» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»сhесkboх» nАМЕ=»а1″ vАlue=»2″><inрut ТУpe=»tехt» nАМЕ=»а1″ vАlue=»2″>
— <inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»1″><inрut ТУРЕ=»rаdiobutton» nАМЕ=»а1″ vАlue=»2″>

77. В какой таблице текст выровнен по центру ячеек?
— <tаblе аlign=»»сеntеr»» width=»»300″»>
— <tаblе аlign=»»lеft»»>
+ нет правильного ответа
— <tаblе аlign=»»lеft»»>
— <tаblе аlign=»»right»»>

78. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

79. В каком примере корректно описан элемент ТR?
+ <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1ячейка2<ТD>
— <ТR> <ТD>ячейка1
— <ТD> <ТR>ячейка1&ячейка2<ТD>
— <ТR> <ТD>ячейка1<TR>

80. Какой атрибут тега <iМg> указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

81. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

82. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

83. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

84. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

85. Какой из тэгов является тэгом нумерованного списка в HTML?
+ <ol>
— <il>
— <num>
— <nil>
— <numsp>

86. Каким тегом объявляется web-страница?
+ <html> </html>
— <head> </head>
— <title> </title>
— <body> </body>
— <bady> </body>

87. Каким тегом объявляется заголовок web-страницы?
— <html> </html>
+ <head> </head>
— <title> </title>
— <body> </body>
— <tutle> </tutle>

88. В какой тег заключается основное содержание web-страницы?
— <html> </html>
— <head> </head>
— <title> </title>
+ <body> </body>
— <hood> </hood>

89. В какой тег заключается название web-страницы?
— <html> </html>
— <head> </head>
+ <title> </title>
— <body> </body>
— <html> </html>

90. Какой код для пустой web-страницы правильный?
— <html> <head> <title> </head> <body> </body> </html>
+ <html> <head> <title> </title> </head> <body> </body> </html>
— <html> <head> <title> <body> </body> </html>
— <html> <head> <title> </title> </head> <body> </body>
— <html> <head> <title> </title> </head> <body> </body>

91. В каком коде абзац «Системы счисления» выровнен по центру
— <body> <h3 align = «center»> Системы счисления </h3> </body>
+ <body> <р align = «center»> Системы счисления </р> </body>
— <body> <font align = «center»> Системы счисления </font> </body>
— <body> <font align = «left»> Системы счисления </font> </body>
— <body> <font align = «right»> Системы счисления </font> </body>

92. Какой html -код задает вывод текста в две строки
— <p> Информационные <br> технологии </br></p>
— <p> <br> Информационные технологии </br></p>
+ <p> Информационные <br> технологии </p>
— <p> Информационные <br> технологии <br></br></p>
— <p> <br><br> Информационные технологии </br></p>

93. Каким тегом задается вставка изображения на web-страницу?
— <font color=»…»> </font>
+ <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

94. Каким тегом задается вставка гиперссылки на web-страницу?
— <font color=»…»> </font>
— <img src=»…»>
+ <a href=»…»> </a>
— <a name=»…»></a>
— <a nam=»…»></a>

95. Каким тегом задается цвет текста на web-странице?
+ <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
— <a name=»…»></a>
— <img color=»…»>

96. Каким тегом задается метка на web-странице?
— <font color=»…»> </font>
— <img src=»…»>
— <a href=»…»> </a>
+ <a name=»…»></a>
— <img color=»…»>

97. HTML (HYPER TEXT MARKUP LANGUAGE) является:
+ Одним из средств при создании Web-страниц
— Системой программирования
— Графическим редактором
— Системой управления базами данных
— Системой управления банком данных

98. Инструкция браузеру, указывающая способ отображения текста:
— Программный код
+ Тэг
— Файл
— Кегль
— Сервлет

99. Программа для создания Web-страницы с использованием языка HTML:
— MS Word
— Paint
— Калькулятор
+ Блокнот
— Браузер

100. Web-страница (документ HTML) представляет собой:
— Текстовый файл с расширением txt или doc
+ Текстовый файл с расширением htm или html
— Двоичный файл с расширением com или exe
— Графический файл с расширением gif или jpg
— Графический файл с расширением png или jpg

Комментарии:

№ «Web-программалау негіздері» пәнінен емтиханға дайындалу сұрақтары Экзаменационные вопросы по дисциплине «основы Web-программирования» 1 Разновидности сайтов Сайт түрлері 2 Информационная архитектура. Способы организации сайта Ақпараттық архитектура. Сайтты ұйымдастыру амалдары 3 Создание таблицы на HTML5 HTML5 көмегімен кесте дайындау 4 Добавление ссылки на страницу Парақшаға сілтеме қосу 5 Работа с изображениями. Высота и ширина, описание картинки. Суреттермен жұмыс. Суреттің сипаттамасы, ені мен биіктігі 6 Семантические элементы HTML5 HTML5 семантикалық элементтері 7 HTML5-видео, HTML5-аудио. Параметры видео, аудио HTML5-видео, HTML5-аудио. Видео, аудио параметрлері 8 HTML5-формы. Кнопка, текстовое поле, группировка элементов формы. HTML5-формалары. Батырма, мәтіндік өріс, форма элементтерін топтастыру 9 Каскадные таблицы стилей. Способы подключения к странице Каскадтты стиль кестелері. Парақшаға қосу амалдары. 10 CSS. Базовый синтаксис (правило написания) CSS. Негізгі синтаксисі (жазылу ережесі) 11 CSS-верстка текста. Стили к тексту. CSS-мәтінді форматтау. Мәтінге қойылатын стиль. 12 CSS. Использование классов. Идентификаторы. Правило написания CSS. Класс, идентификатор қолдану. Жазылу ережесі 13 CSS. Работа со слоями. Свойство z-index. CSS. Қабаттармен жұмыс. z-index қасиеті. 14 CSS. Позиционирование элементов CSS. Элементтерді позициялау. 15 CSS. Стиль графических элементов. Скругление углов, рамка CSS. Графикалық элементтерге қойылатын стиль. Бұрыштарды дөңгелету, рамка 16 CSS. Переходы, трансформация, анимация CSS. Алмасу, трансформация, анимация 17 Java Script. Основные понятия Java Script. Негізгі түсініктер 18 Java Script. Подключение к странице, правило написания Java Script. Парақшаға қосу, жазылу ережесі

1. Протокол HTTP. Структура запросов и ответов.

2. CGI. Способы передачи данных. Запоминание состояния.

3. Active Server Pages. Особенности синтаксиса. Файл GLOBAL.ASA

4. Объекты ASP: Application, Session, Server.

5. Объекты ASP: Request и Response.

6. Компоненты ASP: ADO.

7. Компоненты ASP: File Access, Browser Capabilities, .Ad Rotator, Content Linking.

8. Доступ к базам данных из ASP: DSN, файлы включения.

9. Доступ к базам данных из ASP: RecordSet, его методы и свойства.

10. Perl. Синтаксис языка, декларации и предложения.

11. Perl. Циклы и управление ими.

12. Perl. Скаляры, массивы и хеши.

13. Perl. Понятие регулярных выражений.

14. Perl. CGI-программирование с использованием CGI.pm

15. Perl. Работа с текстовыми файлами.

16. Perl. Работа с теневыми посылками.

17. Perl. Доступ к базам данных через DBI/DBD

18. PHP. Особенности языка.

19. PHP. Операторы INCLUDE и REQUIRE. Особенности написания функций.

20. PHP. Работа с классами.

21. PHP. Регулярные выражения.

22. PHP. Работа с текстовыми файлами.

23. PHP. Обработка входных данных.

24. PHP. Доступ к базам данных.

25. PHP. Способы управления сеансами. Работа с теневыми посылками.

26. PHP. Функции управления сеансами.