Фонд оценочных средств по дисциплине Основы информационных технологий

ГБОУ СПО Колледж связи №54
ФОНД ОЦЕНОЧНЫХ СРЕДСТВ
по учебной дисциплине
Основы информационных технологий
наименование дисциплины
230103.04 Наладчик аппаратного и программного обеспечения
код, наименование профессии/специальности
Москва
2013
ОДОБРЕН
Предметной (цикловой)
комиссией_______________
наименование комиссии
Протокол № ____
от «__» _________ 20___ г.
Разработан на основе Федерального государственного образовательного стандарта по профессии/специальности начального/среднего профессионального образования
_____________________________________
код, наименование специальности
Председатель предметной (цикловой) комиссии
_____________/___________ Заместитель директора по учебной работе

___________/____________
Подпись Ф.И.О. Подпись Ф.И.О.

Составители: Плаксо Виктор Александрович, преподаватель ГБОУ СПО КС №54
Ф.И.О., ученая степень, звание, должность, наименование ОУ СПО

ПАСПОРТ
ФОНДА ОЦЕНОЧНЫХ СРЕДСТВ
по учебной дисциплине
Основы информационных технологий
наименование учебной дисциплины
230103.02 Мастер по обработке цифровой информации
код, наименование профессии/специальности
Результаты обучения
(освоенные умения,
усвоенные знания) Наименование темы
Уровень освоения
темы Текущий контроль
Промежуточная аттестация
Наименование
контрольно-оценочного средства
Уровень трудности Наименование
контрольно-оценочного средства Уровень трудности
1 2 3 4 5 6 7
3-7 Тема 1.1. Информация 2 Вопросы для устной проверки знаний Практич.раб. №1
Практич.раб. №2
Практич.раб. №3
Практич.раб. №4
Практич.раб. №5 2 10-13 Тема 1.2. Структура и архитектура ПК 2 Тестовые задания
Практич.раб. №6
Практич.раб. №7 2 1-2, 14 Тема 1.3. Операционная система. Файловая система 2 Вопросы для устной проверки знаний
Практич.раб. №8 2 17-18, 21 Тема 2.1. Информационная безопасность 2 Вопросы для устной проверки знаний 2 8-9, 15-16, 19-20 Тема 2.2. Компьютерные сети 2 Вопросы для устной проверки знаний
Практич.раб. №9
Практич.раб. №10
Практич.раб. №11 2 дифференцированный зачет Вопросы для устного зачета Формируемые знания и умения:
Уметь:
1. работать с графическими операционными системами персонального компьютера (ПК): включать, выключать, управлять сеансами и задачами, выполняемыми операционной системой персонального компьютера;
2. работать с файловыми системами, различными форматами файлов, программами управления файлами;
3. работать в прикладных программах: текстовых и табличных редакторах, редакторе презентаций;
4. пользоваться сведениями из технической документации и файлов-справок.
Знать:
5. основные понятия: информация и информационные технологии;
6. технологии сбора, хранения, передачи, обработки и предоставления информации;
7. классификацию информационных технологий по сферам применения: обработку текстовой и числовой информации;
8. гипертекстовые способы хранения и представления информации, языки разметки документов;
9. общие сведения о компьютерах и компьютерных сетях: понятие информационной системы, данных, баз данных, персонального компьютера, сервера;
10. назначение компьютера;
11. логическое и физическое устройство компьютера;
12. аппаратное и программное обеспечение, процессор, оперативное запоминающее устройство (ОЗУ), дисковую и видео подсистему;
13. периферийные устройства: интерфейсы, кабели и разъемы;
14. операционную систему персонального компьютера, файловые системы, форматы файлов, программы управления файлами;
15. локальные сети: протоколы и стандарты локальных сетей; топологию сетей: структурированную кабельную систему;
16. сетевые адаптеры, концентраторы, коммутаторы; логическую структуризацию сети;
17. поиск файлов, компьютеров и ресурсов сетей;
18. идентификацию и авторизацию пользователей и ресурсов сетей;
19. общие сведения о глобальных компьютерных сетях (Интернет), адресацию, доменные имена, протоколы передачи данных, World Wide Web (WWW), электронную почту;
20. серверное и клиентское программное обеспечение;
21. информационную безопасность: основные виды угроз, способы противодействия угрозам.
Состав КОС
для текущего контроля знаний, умений обучающихся
по учебной дисциплине/ разделам и темам

№
п/п Наименование КОС Материалы для преставления
в ФОС
Раздел 1 Тема «Информация»
1 Вопросы для устного опроса по теме. Перечень вопросов
по теме (Приложение 1)
2 Практическая работа №1 «Знакомство с текстовым редактором» Методическая разработка практического занятия (Приложение 2)
3 Практическая работа №2 «Построение таблиц. Панель рисования, вставка рисунка» Методическая разработка практического занятия (Приложение 3)
4 Практическая работа №3 «Знакомство с табличным процессором» Методическая разработка практического занятия (Приложение 4)
5 Практическая работа №4 «Использование формул: абсолютная и относительная адресация» Методическая разработка практического занятия (Приложение 5)
6 Практическая работа №5 «Построение диаграмм и графиков» Методическая разработка практического занятия (Приложение 6)
Раздел 2 Тема «Структура и архитектура ПК»
1 Тест по теме Тест по теме (Приложение 7)
2 Практическая работа №6 «Построение таблиц истинности» Методическая разработка практического занятия (Приложение 8)
3 Практическая работа №7 «Построение логических схем» Методическая разработка практического занятия (Приложение 9)
Раздел 3 Тема «Операционная система. Файловая система»
1 Вопросы для устного опроса по теме Перечень вопросов
по теме (Приложение 10)
2 Практическая работа №8 «Работа с файлами и каталогами» Методическая разработка практического занятия (Приложение 11)
Раздел 4 Тема «Информационная безопасность»
1 Вопросы для письменного опроса по теме
Перечень вопросов
по теме (Приложение 12)
Раздел 5 Тема «Компьютерные сети»
1 Вопросы для устного опроса по теме Перечень вопросов
по теме (Приложение 13)
2 Практическая работа №9 «Работа в электронной почте» Методическая разработка практического занятия (Приложение 14)
3 Практическая работа №10 Методическая разработка практического занятия (Приложение 15)
4 Практическая работа №11 Методическая разработка практического занятия (Приложение 16)
3. Задания для оценки освоения учебной дисциплины
Приложение 1
Раздел 1 Тема «Информация»
Вопросы:
Что такое информация?
Как вы понимаете понятие «информационные технологии»?
Перечислите основные свойства информации.
По какому признаку классифицируются информационные технологии?
Какие существуют информационные процессы?
Что такое информационная система?
Что такое данные? Какими свойствами характеризуются?
Приложение 2
Практическая работа №1 «Знакомство с текстовым редактором»
Цель работы – изучение функциональных возможностей текстового процессора Word 2007 и приобретение навыков практической работы по созданию и редактированию текстовых документов.
Чтобы ввести в документ текст, достаточно начать его печатать на клавиатуре компьютера. Вводимые символы появляются в том месте экрана, где находится курсор, который сдвигается вправо, оставляя за собой цепочку символов. При достижении правого поля страницы курсор автоматически перемещается в следующую строку. Этот процесс называется перетеканием текста, а нажатие на клавишу Enter создает новый абзац, а не новую строку.
Текст, который отображается в окне документа, хранится в оперативной памяти компьютера. Его можно отредактировать и напечатать, но при завершении работы с Word он будет утерян. Поэтому, чтобы сохранить введенный текст, нужно записать документ в файл на жесткий диск компьютера. Тогда его можно будет открыть позже и продолжить работу.
Чтобы сохранить документ, воспользуйтесь командой Сохранить кнопки Офис. При первом сохранении документа откроется диалоговое окно Сохранение документа, позволяющее указать имя файла и его положение (папку). Файлы, относящиеся к одному проекту или объединенные по какому- либо иному принципу, рекомендуется хранить в одной папке. Это позволяет упорядочить информацию и упростить поиск данных.
Все последующие версии документа будут сохраняться в том же файле, причем новая версия документа замещает предыдущую. Если требуется сохранить обе версии документа (исходную и содержащую последние изменения), воспользуйтесь командой Сохранить, указав имя и положение нового файла. Документ можно сохранить в той же папке, открыть другую папку или создать новую.
Задание № 1
Для вновь созданного документа, используя выделенные полужирным шрифтом команды, установить следующие параметры:
1.Разметка страницы – Поля - Настраиваемые поля (поле слева: 2,5 см, поле справа: 1,5 см, поле сверху: 1,5 см, поле снизу: 2 см, колонтитул сверху 1 см, колонтитул снизу: 1,2 см);
2.Разметка страницы – Размер (размер бумаги: А4, 21 х 29,7 см);
3.Разметка страницы - Ориентация (ориентация листа: книжная);
4.Главная – Шрифт (шрифт: Times New Roman, размер: 12 пунктов, начертание: обычный);
5.Разметка страницы - Расстановка переносов (установить автоматический перенос слов).
6.Главная-Абзац – Отступ (первая строка на 1 см)
Задание № 2
Набрать фрагмент текста:
Чтобы ввести в документ текст, достаточно начать его печатать на клавиатуре компьютера.
Вводимые символы появляются в том месте экрана, где находится курсор, который сдвигается вправо, оставляя за собой цепочку символов. При достижении правого поля страницы курсор автоматически перемещается в следующую строку. Этот процесс называется перетеканием текста, а нажатие на клавишу Enter создает новый абзац, а не новую строку.
Текст, который отображается в окне документа, хранится в оперативной памяти компьютера. Его можно отредактировать и напечатать, но при завершении работы с Word он будет утерян. Поэтому, чтобы сохранить введенный текст, нужно записать документ в файл на жесткий диск компьютера. Тогда его можно будет открыть позже и продолжить работу.
Чтобы сохранить документ, воспользуйтесь командой Сохранить кнопки Офис. При первом сохранении документа откроется диалоговое окно Сохранение документа, позволяющее указать имя файла и его положение (папку). Файлы, относящиеся к одному проекту или объединенные по какому- либо иному принципу, рекомендуется хранить в одной папке. Это позволяет упорядочить информацию и упростить поиск данных.
Все последующие версии документа будут сохраняться в том же файле, причем новая версия документа замещает предыдущую. Если требуется сохранить обе версии документа (исходную и содержащую последние изменения), воспользуйтесь командой Сохранить, указав имя и положение нового файла. Документ можно сохранить в той же папке, открыть другую папку или создать новую.
Задание № 3
Перед каждым абзацем набранного Вами текста вставить разрывы, так, что бы каждый абзац начинался с новой страницы.
Сохранить набранный Вами документ в файле Proba.docx на диске D, в папке с номером Вашей группы.
Завершить работу с MS Word.
Критерии оценки:
5 – работа выполнена полностью в соответствии с заданием
4 – работа выполнена полностью, но с недочетами
3 – работа выполнена частично
2 – работа не выполнена
Приложение 3
Практическая работа №2 «Построение таблиц. Панель рисования, вставка рисунка»
Работа с таблицами в WordЦель работы – изучение функциональных возможностей текстового процессора Word 2007 и приобретение навыков практической работы по созданию и форматированию таблиц в текстовом редакторе Word
Задание №1
Откройте ранее созданный файл Proba.docx.
В конце второго абзаца создайте таблицу, отражающую стили способы форматирования абзаца по образцу:
№
Шрифт Начертание Размер Подчеркивание Видоизменение Интервал Заливка
цветом Цвет
Шрифта
1 Franklin Gothic Demi Обычное 14 Нет Контур Уплотненный красный черный
2 Arbat Полужирный 16 Только слова С тенью Разреженный 3 Задание №2
В конце третьего абзаца создайте таблицу счет по образцу, выполните вычисления в таблице:
Счет
Артикул Количество Стоимость Сумма
Продукт А 96 263 =PRODUCT(B5;C5) 25248
Продукт Б 153 64 PRODUCT(b6;c6) PRODUCT(B6;C6)
Продукт В 32 1203 Итого Плюс 12% НДС Всего Создание вычисляемых ячеек
Все ячейки, в которых будет содержаться итоговая или иная сумма, должны содержать соответствующие расчетные формулы. Речь идет о колонке “Сумма” и строках с названием “Итого”, “Плюс 14%” и “Всего”.
Начнем с колонки “Сумма” (строки с 5 по 7-ю). Содержимое этих ячеек определяется как произведение себестоимости на количество. Вставка расчетной формулы осуществляется следующим образом:
поместите курсор в четвертую ячейку 5 строки.
выберите команду Формула ленты Макет
в поле Формула введите выражение =PRODUCT(В5;С5)
нажмите кнопку ОК

повторите операцию для строк 6 и 7
Вычисление суммы
Сумму необходимо вычислить для колонки “Сумма” и занести в соответствующие ячейку 9-й строки. Речь идет об обычном сложении элементов столбца. Для вычисления суммы в колонке “Сумма” необходимо выполнить следующее:
поместить курсор ввода во четвертую ячейку 9-й строки;
вызвать команду Формула ленты Макет
в поле Формула введите выражение =SUM(D5:D7)
нажмите кнопку ОК
Использованная в выражении функция SUM() вычисляет сумму содержимого ячеек, перечисленных в круглых скобках. Если слагаемые ячейки расположены в одном столбце, то достаточно указать координаты крайних ячеек группы, разделив их двоеточием.

Вычисление налога на добавленную стоимость
Вычисленная сумма колонки “Сумма” является основой для расчета налога на добавленную стоимость (НДС), который будем считать равным 12 процентам.
В четвертую ячейку 10-й колонки, где будет размещаться величина налога, вставьте следующее выражение: =PRODUCT(D9;0.14)
Вычисление окончательной суммы
Окончательная сумма определяется в результате сложения промежуточной суммы и размера налога на добавленную стоимость, т.е. правых ячеек 9-й и 10-й строк. Она должна размещаться в последней ячейке последней строки.
Вставьте в ячейку D12 следующее выражение: =SUM(D9:D10)
Задание №3
Отформатируйте полученную таблицу, применив к ней Стили таблиц ленты Конструктор.
Примените фигурные границы с помощью панели Нарисовать границы ленты Конструктор.
Сохраните созданный стиль таблицы.
Сохраните изменения в документе.
Закройте программу
Работа с графикой
Цель работы – изучение функциональных возможностей текстового процессора Word 2007 и приобретение навыков практической работы по созданию и редактированию графических объектов в текстовых документах.
Задание № 1
Откройте ранее созданный файл Proba.docx.
В абзац пять вставьте графические объекты и настройте их в соответствии с образцом:
59055099060244792599060
3028823104521Все последующие версии документа будут сохраняться в том же файле, причем новая версия документа замещает предыдущую. Если требуется сохранить обе версии документа (исходную и содержащую последние изменения), воспользуйтесь командой Сохранить, указав имя и положение нового файла. Документ можно сохранить в той же папке, открыть другую папку или создать новую.

Задание № 2
С помощью автофигур нарисуйте эмблему, характеризующую ваше настроение
Задание № 3
Обновите поле оглавления.
Сохраните изменения в документе.
Закройте программу
Приложение 4
Практическая работа №3 «Знакомство с табличным процессором»
Задание 1. Подготовка простой таблицы
Исходные данные:
Пусть фирма, ведет учет выручки по четырем округам города в летние месяцы (июнь, июль, август). Исходные данные – 12 чисел. Рассчитать в Excel сумму по каждому округу, сумму всего по округам и процентное соотношение суммы выручки в каждом округе.
Округа\месяцы Июнь Июль Август Сумма по округу В процентах
Центральный 140 160 120 =сумма чисел левее =сумма всего по округам (*)/число левее*100
Западный 85 80 100 =сумма чисел левее =сумма всего по округам (*)/число левее*100
Северный 120 135 140 =сумма чисел левее =сумма всего по округам (*)/число левее*100
Южный 110 115 105 =сумма чисел левее =сумма всего по округам (*)/число левее*100
Всего по округам = сумма чисел выше = сумма чисел выше = сумма чисел выше = сумма чисел выше (*) 100%
Задание 2. Основные приемы работы с электронными таблицами
Составьте таблицу значений линейной функции y=kx+b, выбрав по своему усмотрению коэффициент k и свободный член b.
x -6 -5 -4 -3 -2 -1 0 1 2 3 4 5 6
y Оформите получившуюся таблицу.
Приложение 5
Практическая работа №4 «Использование формул: абсолютная и относительная адресация»
Связывание таблиц
Лист 1 переименуйте в 1 группа и создайте на нем следующую таблицу

Для вычисления общего среднего балла используйте функцию СРЗНАЧ( ).
Лист 2 переименуйте в 2 группа и создайте на нем следующую таблицу

Для вычисления общего среднего балла используйте функцию СРЗНАЧ( ).
Лист 3 переименуйте в Ведомость, на нем создайте таблицу, которая будет иметь следующий вид

ВНИМАНИЕ! Значения в диапазон ячеек А4:Е13 необходимо ввести с помощью связывания таблиц. Для этого:
Установить курсор в ячейку, в которой нужно получить данные или формулу с другого листа;
Ввести знак “=”;
Перейти на лист, с которого берется исходная информация;
Выделить ячейку, из которой берется информация;
Нажать Enter.
Таким образом, в строке формул для ячейки А4 появится следующее: ='1 группа'!A3.
Для ввода остальных фамилий можно применить Автозаполнение.
В ячейку С14 введите =СУММ(B4:B13), в ячейку F14 введите =СУММ(E4:E13).
Откройте новую книгу Microsoft Office Excel. Переименуйте рабочие листы: Лист1 – Закупка, Лист2 – Реализация, Лист3 – Цена, Лист4 – Выручка, Лист5 – Доход.
На рабочем листе "Закупка" создайте таблицу и внесите данные, в ячейках H4:Н8 – введите формулы суммирования по строкам.

Рис. 4. Общий вид исходной таблицы на рабочем листе Закупка.
. На рабочем листе "Реализация" внесите исходные данные в таблицу и оформите, как показано на рисунке.

Рис. 5. Общий вид исходной таблицы на рабочем листе Реализация.
На рабочем листе "Цена" создайте и заполните две таблицы –Расходы на закупку и Расчет цен как показано на рисунке 6.
На листе Цена в таблице Расходы на закупку ячейки А4:А8 связаны с ячейками таблицы Количество закупленной продукции на листе Закупка (А4:А8), осуществите связывание;
Ячейки В4:В8 являются исходными, т.к. содержат первоначальные сведения о ценах закупленного товара;
Свяжите ячейки С4, С5, С6, С7, С8 в таблице Расходы на закупку на листе Цена с соответствующими ячейками на листе Закупка (Н4:Н8), используя связывание ячеек;
В ячейку D4 введите формулу = В4*С4;
На листе Цена в таблице Расчет цен ячейки А14:А18 связаны с ячейками таблицы Количество закупленной продукции на листе Закупка;
Ячейки В14:В18 являются связанными с исходными ячейками текущего листа В4:В8;
Ячейки С4:С8 являются исходными;
В ячейку D14 введите формулу = В14*С14+В14.

Рис. 6. Общий вид рабочего листа Цена.
Создайте и заполните таблицы на листе Выручка, как показано на рисунке 7.
Самостоятельно определите связанные и исходные данные. Выполните связывание ячеек.

Рис. 7. Общий вид рабочего листа Выручка.
Заполните и оформите таблицы на листе Доход (рис. 7).
Обратите внимание, что в таблицах добавились данные столбца Цена закупки из таблицы Расчет цен расположенной на листе Цена.
В таблице Доход от реализации за полугодие количество проданного товара, число в столбце Н, совпадает с суммой за полугодие на листе Реализация.
В ячейках E4:E8 находится формула =D4*(B4-C4).
В строке ИТОГО в ячейке E9 находится формула, суммирующая ячейки E4:E8.
Выполните связывание ячеек.

Рис. 8. Общий вид рабочего листа Доход.
Создайте на листах Выручка и Доход таблицы по расчету за 2 квартал. Свяжите эти таблицы с соответствующими исходными данными.
Постройте круговую диаграмму на листе Доход и проанализируйте распределение дохода по видам продукции.
Приложение 6
Практическая работа №5 «Построение диаграмм и графиков»
Построение диаграмм в Microsoft Office Excel 2007
Создайте таблицу по образцу (рис. 1).
Ячейки в столбце F имеют формат Процентный, а количество десятичных знаков = 0.
В ячейке F5 формула должна содержать абсолютную ссылку на ячейку Е9: =Е5/$E$9. В этом случае при копировании ячейки F5 в ячейки F6, F7, F8, абсолютная ссылка $E$9 останется неизменной, а будет меняться только относительная ссылка по столбцу Е (Е6, Е7, Е8).

По данным таблицы постройте диаграмму, выберите для данных таблицы ячейки F5:F8. Используйте приведенные ниже виды диаграмм.

Отредактируйте диаграмму:
– внесите название диаграммы Продажа мороженного за лето 1999 года;
– задайте подписи оси Х, используя данные диапазона ячеек А5:А8;
– задайте Объемный вариант Круговой диаграммы используя те же данные таблицы;
– измените имя текущего листа на новое – Мороженое.
На Листе 2 создайте следующую таблицу и следующие диаграммы.
- Для первой диаграммы выберите тип - с областями и накоплением.
- Для второй диаграммы выберите тип – Нормированная с областями и накоплением.
- Добавьте легенду и необходимые подписи к осям.
- У второй диаграммы измените Заливку на Рисунок или текстура.
Рисунок 3

На Листе 3 создайте следующую таблицу и следующую диаграмму.
Тип диаграммы - Лепестковая с маркерами.
Рисунок 4

На Листе 4 по табличным данным постройте график функции y(x)

Приложение 7
Раздел 2 Тема «Структура и архитектура ПК»
Вариант №1
Винчестер предназначен для…
хранения информации, не используемой постоянно на компьютере;
постоянного хранения информации, часто используемой при работе на компьютере;
подключения периферийных устройств к магистрали;
управления работой ЭВМ по заданной программе.
Минимальный состав персонального компьютера:
Винчестер, дисковод, монитор, клавиатура.
Монитор, клавиатура, системный блок.
Принтер, клавиатура, монитор, память.
Винчестер, принтер, дисковод, клавиатура.
Укажите верное (ые) высказывание (я):
Устройство ввода – предназначено для обработки вводимых данных.
Устройство ввода – предназначено для передачи информации от человека машине.
Устройство ввода – предназначено для реализации алгоритмов обработки, накопления и передачи информации.
Укажите верное (ые) высказывание (я):
Устройство вывода – предназначено для программного управления работой ПК.
Устройство вывода – предназначено для обучения, для игры, для расчетов и для накопления информации.
Устройство вывода – предназначено для передачи информации от машины человеку.
Укажите устройства ввода.
Принтер, клавиатура, джойстик.
Мышь, световое перо, винчестер.
Графический планшет, клавиатура, сканер.
Телефакс, накопитель на МД, модем.
К внешним запоминающим устройствам относится:
Процессор;
Дискета;
Монитор.
Какие утверждения верны?
Компьютеры могут соединяться между собой только с помощью телефонных линий.
Для обмена информацией между двумя компьютерами всегда можно обойтись без кодирующего и декодирующего устройств.
Все каналы связи между устройствами современного компьютера многоразрядные.
Разрядность всех каналов связи между устройствами современного ПК должна быть одинаковая.
Укажите шину, отвечающую за передачу данных между устройствами.
Шина данных
Шина адреса
Шина управления
Как называется мост, включающий в себя контроллер оперативной памяти и видео памяти?
Северный
южный
В каком устройстве для увеличения быстродействия используется кэш-память?
Оперативная память
Процессор
клавиатура
По своей логической организации виртуальная память является частью…
Оптической памяти
Оперативной памяти
Флэш-памяти.
Производительность ПК зависит…
Частоты процессора
Объема оперативной памяти
Объема используемой оперативной памяти.
Какие диски необходимо оберегать от ударов и резких изменений пространственной ориентации в процессе работы?
Гибкие магнитные диски
Жесткие магнитные диски
Оптические диски
Какие диски имеют дополнительный контроллер USB?
Оптические диски
Флэш-диски
Гибкие магнитные диски
Вариант №2
Укажите устройства ввода.
Графический планшет, клавиатура, джойстик.
Световое перо, сканер, модем.
Принтер, винчестер, джойстик.
Плоттер, монитор, принтер.
Укажите верное (ые) высказывание (я):
Компьютер – это техническое средство для преобразования информации.
Компьютер – предназначен для хранения информации и команд.
Компьютер – универсальное средство для передачи информации.
Что такое архитектура ПК?
Внутренняя организация ПК.
Технические средства преобразования информации.
Технические средства для преобразования информации.
В чем заключается концепция «открытой архитектуры»?
На материнской плате размещены только те блоки, которые осуществляют обработку информации, а схемы, управляющие всеми остальными устройствами компьютера, реализованы на отдельных платах и вставляются в стандартные разъемы на системной плате.
На материнской плате размещены все блоки, которые осуществляют приём, обработку и выдачу информации с помощью электрических сигналов и к которым можно подключить все необходимые устройства ввода / вывода.
На материнской плате находится системная магистраль данных, к которым подключены адаптеры и контроллеры, позволяющие осуществлять связь ПК с устройствами ввода/вывода.
Оперативная память служит:
Для временного хранения информации.
Для обработки информации.
Для запуска программы.
Для обработки одной программы в заданный момент времени.
К внешним запоминающим устройствам относится:
Процессор;
Монитр;
Винчестер.
Какие утверждения верны?
а) Компьютеры могут соединяться между собой только с помощью телефонных линий.
б) Для обмена информацией между двумя компьютерами всегда можно обойтись без кодирующего и декодирующего устройств.
в) Все каналы связи между устройствами современного компьютера многоразрядные.
г) Разрядность всех каналов связи между устройствами современного ПК должна быть одинаковая.
Укажите шину, отвечающую за передачу сигналов, определяющих характер обмена информацией.
а) Шина данных
б) Шина адреса
в) Шина управления
Как называется мост, включающий в себя контроллеры периферийных устройств?
а) Северный
б) южный
В каком устройстве для увеличения быстродействия используется кэш-память?
а) Оперативная память
б) Процессор
в) Клавиатура
По своей логической организации виртуальная память является частью…
а) Оптической памяти
б) Оперативной памяти
в) Флэш-памяти.
Производительность ПК зависит…
Частоты процессора
Объема оперативной памяти
Объема используемой оперативной памяти.
Какие диски необходимо предохранять от воздействия сильных магнитных полей и нагревания?
Гибкие магнитные диски
Жесткие магнитные диски
Оптические диски
14.Какие диски имеют дополнительный контроллер USB?
а) Оптические диски
б) Флэш-диски
в) Гибкие магнитные диски
Ключи:
Вопросы 1 2 3 4 5 6 7 8 9 10 11 12 13 14
1вар а в б в в б г а б б б а в б
2вар а а,б а а а в г а а б б а б б
Критерии оценки:
Оценка «5» ставится за 13-14 сделанных заданий
Оценка «4» ставится за 11-12 сделанных заданий
Оценка «3» ставится за 9-10 сделанных заданий
Оценка «2» ставится, если сделанных заданий менее 9
Приложение 8
Практическая работа №6 «Построение таблиц истинности»
Для определения истинности или ложности сложного логического выражения используют таблицы истинности. Прежде чем строить таблицу истинности, нужно определить, сколько строк в ней будет. Если в сложном высказывании участвуют два простых высказывания, то они могут иметь значения: 00, 01, 10, 11. Т.е., если в выражении два высказывания, то в таблице истинности будет 4 строки. Если три высказывания, то их значения: 000, 001, 010, 011, 100, 101, 110, 111 – 8 строк. Количество строк напрямую зависит от количества переменных в логической формуле. К = 2N , где N – количество простых высказываний в логической формуле.
Так же как и в математике, логические операции выполняются в порядке приоритета. Если в логическом выражении нет скобок, то приоритет следующий: инверсия, конъюнкция, дизъюнкция.
Пример 1. Построить таблицу истинности для логического выражения: .
В данном выражении 2 простых высказывания, значит в таблице истинности будет 4 строки.
Первым выполняется отрицание, за ним дизъюнкция.
Теперь можно составлять таблицу истинности.
А В
0 0 1 1
0 1 0 1
1 0 0 0
1 1 0 1
Пример 2. Построить таблицу истинности для логического выражения: .
В данном выражении 3 простых высказывания, значит в таблице истинности будет 8 строк.
Порядок действий: отрицание, конъюнкция, дизъюнкция.
А В С
0 0 0 1 0 0
0 0 1 1 0 1
0 1 0 1 1 1
0 1 1 1 1 1
1 0 0 0 0 0
1 0 1 0 0 1
1 1 0 0 0 0
1 1 1 0 0 1
По данной таблице можно определить при каких значениях А, В и С выражение истинно или ложно.
Практическая работа № 1.
Тема: Построение таблиц истинности сложных логических выражений.
Цель: сформировать навык построения таблиц истинности сложных логических выражений.
Технология работы.
Определите количество строк в таблице истинности.
Определите порядок действий в логическом выражении.
Заполните заголовки таблицы в соответствии с порядком действий.
Впишите в таблицу значения простых логических выражений.
Постройте таблицу истинности в соответствии с порядком действий.
Задания.
Построить таблицу истинности сложного логического выражения.
1. ;
2. ;
3. .
Вопросы.
Что показывает таблица истинности логического выражения?
Как определить количество строк в таблице истинности?
Когда истинно отрицание (дизъюнкция, конъюнкция)?
Назвать приоритет логических операций.
Приложение 9
Практическая работа №7 «Построение логических схем»
Дискретный преобразователь, который после обработки входных двоичных сигналов выдает на выходе сигнал, являющийся значением одной из логических операций, называется логическим элементом.
Поскольку любая логическая операция может быть представлена в виде комбинаций трех основных, любые устройства компьютера, производящие обработку или хранение информации, могут быть собраны из базовых логических элементов, как из «кирпичиков».Логические элементы компьютера оперируют сигналами, представляющими собой электрические импульсы. Есть импульс – логический смысл сигнала – 1, нет импульса – 0. На входы логического элемента поступают сигналы-значения аргументов, на выходе появляется сигнал-значение функции.
Преобразование сигнала логическим элементом задается таблицей состояния, которая фактически является таблицей истинности, соответствующей логической функции.На доске приведены условные обозначения (схемы) базовых логических элементов, реализующих логическое умножение (конъюнктор), логическое сложение (дизъюнктор) и отрицание (инвертор).
Логический элемент «И»:

Логический элемент «ИЛИ»:

Логический элемент «НЕ»:

Устройства компьютера (сумматоры в процессоре, ячейки памяти в оперативной памяти и др.) строятся на основе базовых логических элементов.
Пример 1. По заданной логической функции  построить логическую схему.
Наше построение схемы, мы начнем с логической операции, которая должна выполнятся последней. В нашем случае такой операцией является логическое сложение, следовательно, на выходе логической схемы должен быть дизъюнктор. На него сигналы будут подаваться с двух конъюнкторов, на которые в свою очередь подаются один входной сигнал нормальный и один инвертированный (с инверторов).

Пример 2. Выписать из логической схемы соответствующую ей логическую формулу:
А В F
0 0 1
0 1 0
1 0 1
1 1 1

Решение:

Практическая работа
Для закрепления материала учащимся раздаются карточки на два варианта для самостоятельной работы.
Вариант 1.
1. По заданной логической функции  построить логическую схему и таблицу истинности.
Решение:

2. Выписать из логической схемы соответствующую ей логическую формулу:
А В F
0 0 1
0 1 0
1 0 1
1 1 0

Решение:

Вариант 2.
1. По заданной логической функции  построить логическую схему и таблицу истинности.Решение:

2. Выписать из логической схемы соответствующую ей логическую формулу:
А В F
0 0 0
0 1 0
1 0 1
1 1 0

Решение:

Приложение 10
Раздел 3 Тема «Операционная система. Файловая система»
Вопросы:
Дайте определение операционной системы.
Для чего предназначена операционная система?
Каким образом происходит загрузка операционной системы?
Что вы понимаете под файловой системой?
Что предполагает логическое построение логических дисков?
Приложение 11
Практическая работа №8 «Работа с файлами и каталогами»
Теоретическая часть:
Папки предназначены для хранения файлов и папок.. Папку создают с помощью команды Создать -> Папкаиз пункта меню Файл или из контекстного меню рабочего поля окна.
Над объектами можно выполнять следующие операции: создание, удаление, открытие, закрытие, перемещение, пересылка (на дискету или по почте), копирование, вырезание, вставка, переименование, создание для папки ярлыка, просмотр свойств папки. Действия над объектами можно выполнять разными способами: с помощью основного меню окна, контекстного меню объекта, кнопок панели инструментов, комбинаций клавиш, методом перетягивания пиктограмм.
Документ создают с помощью команд Создать из меню Файл или контекстного меню рабочего поля папки — получают пиктограмму документа.
Каждому объекту — папке, файлу, программе и др. — можно поставить в соответствие ярлык. Ярлык — это специальная пиктограмма со стрелкой и ассоциированный с ней маленький файл, который содержит адрес объекта. Ярлыки создает пользователь. Названия ярлыкам система дает автоматически, но их можно редактировать. Назначение ярлыка — быстрое открытие объекта.
Над ярлыками осуществляются действия создания, вырезания, перемещения, копирования и переименования.
Если перемещают файл или папку в границах диска, то это происходит быстро — меняются только пути и названия (адреса) объектов у FAT, а сами объекты остаются на месте. Это действие выполняют методом перетягивания пиктограммы объекта в нужное предварительно открытое окно.
Перемещение на другой диск — это переписывание объектов на новое место и вырезание объектов со старого. Чтобы выполнить это действие методом перетягивания, надо нажать на клавишу Shift для объединения файлов в группу.
Копировать объект (делать копию) можно в любую папку, диск, дискету или на рабочий стол. Объект копируют методом перетягивания пиктограммы в нужное место; в этом случае нажимается клавишаCtrl.
Выполнение копирования или перемещения способом перетягивания объектов осуществляется нажатием не левой, а правой клавиши мыши. Отпустив клавишу, открывают меню, в котором выбирается командаКопировать или Переместить, или другая.
Удаление объекта — это отдельный вид перемещения в корзину. После удаления объект исчезает из окна и появляется в корзине. Объект находится в файловой системе на диске и может быть восстановлен на исходное место до тех пор, пока не выполнится команда ОЧИСТИТЬ КОРЗИНУ.
Буфер обмена — это часть оперативной памяти, куда копируют, перемещают объекты или их фрагменты с целью их вставки в другие объекты: Копировать (Ctrl + C) в буфер, Вырезать (Ctrl + X), Вставить (Ctrl + V) из буфера. ПРАВИЛА БЕЗОПАСНОСТИ:
1. Перед началом работы изучите инструкцию и теоретический материал.2. Не открывайте, не перемещайте, не удаляйте и не переименовывайте системные папки и файлы.3. Следуйте порядку включения и выключения компьютера, чтобы не привести его в нерабочее состояние.4. После выполнения работы верните первоначальный вид рабочего стола.Образец выполнения задания:
   Задание     Алгоритм выполнения задания
1. Создайте в рабочем диске папку Учебная. 1.   Откройте папку Мой компьютер.2.   Откройте папку диск D:. Выберите пункт Файл.3.   Выберите команду Создать.4.   Переместите указатель мыши по направлению стрелки.5.   Выберите пункт Папка. В поле ввода имени введите названиеУчебная.6.   Нажмите кнопку Enter.
   2. Откройте эту папку. 1. Наведите указатель мыши на пиктограмму папки и дважды щелкните левой кнопкой мыши по значку.
    3. Создайте в папке папку с именем вашей группы. 1.   Откройте папку Мой компьютер.2.   Откройте папку диск D:. Выберите пункт Файл.3.   Выберите команду Создать.4.   Переместите указатель мыши по направлению стрелки.5.   Выберите пунктПапка. В поле ввода имени введите название вашей группы.6.   Нажмите кнопку Enter.
4. Создайте в этой папке папку с именем – ваша ФАМИЛИЯ. 1. Повторите пункты 1 – 6 предыдущего задания. В поле ввода имени введите название вашей фамилии.
Задания для самостоятельной работы:
2 уровень:
1.   Создайте в рабочем диске дерево каталогов:
D:\УЧЕБНАЯ\[ИМЯ ГРУППЫ]\[ФАМИЛИЯ УЧАЩЕГОСЯ]\ ФИО.doc.D:\УЧЕБНАЯ\[ИМЯ ГРУППЫ]\[ФАМИЛИЯ УЧАЩЕГОСЯ]\ Адрес.doc
2.   Откройте личную папку. Откройте в окне папки панель инструментов и строку состояния.3.   Создайте текстовый документ. Введите свою фамилию, имя, отчество. Сохраните документ и закройте окно.
4.   Создайте и сохраните второй текстовый документ с именем Адрес и текстом – вашим адресом. Просмотрите свойства этих документов.
5.   Создайте ярлыки для личной папки и текстовых документов.6.   Закончите работу и сделайте отчет.
3 уровень:
1.   Создайте в рабочем диске дерево каталогов:
D:\УЧЕБНАЯ\[ИМЯ ГРУППЫ]\[ФАМИЛИЯ УЧАЩЕГОСЯ]\ ФИО.doc.D:\УЧЕБНАЯ\[ИМЯ ГРУППЫ]\[ФАМИЛИЯ УЧАЩЕГОСЯ]\ Адрес.doc
2.   Введите текст в созданные файлы. Сохраните документы.3.   Переместите два ярлыка из личной папки в папку Учебная. Скопируйте один текстовый документ из личной папки в папку Учебная способом перетягивания пиктограмм файла. Скопируйте второй текстовый документ из личной папки в папку Учебная, используя буфер обмена.4.   Удалите все файлы и ярлыки из папки Учебная (кроме личной).5.   Верните ярлыки из корзины в исходную папку. Закончите работу и сделайте отчет.4 уровень:
1.   Создайте в рабочем диске дерево каталогов:
D:\УЧЕБНАЯ\[ИМЯ ГРУППЫ]\[ФАМИЛИЯ УЧАЩЕГОСЯ]
Найдите на диске файл SOL.EXE и скопируйте его в личную папку. Проверьте свойства этого файла.
3.   Установите в личную папку программу, предложенную преподавателем, и создайте ярлык запуска программы на рабочем столе. Переименуйте ярлык и смените значок ярлыка.4.   Удалите ярлык в Корзину.
5.   Восстановите все удаленные файлы. Закончите работу и сделайте отчет.
Контрольные вопросы:
1 уровень:
Что такое файл? Как его открыть?
Что такое операционная система?
Что такое каталог?
Как войти в папку?
2 уровень:
Из чего состоит имя файла?
Какое назначение каталога?
Для чего создают архивные файлы?
Каково назначение контекстного меню?
Как открыть документ?
3 уровень:
Что выполняет команда md c:\one\tvo?
Как запустить Проводник?
Какие действия выполняются над папками и ярлыками?
Как проверить свойства папки или файла?
Что такое корзина, и какие действия выполняются с файлами корзины?
4 уровень:
Сколько места занимает ярлык на диске?
Для чего необходим буфер обмена?
Как инсталлировать программу в ПК?
Для чего необходим Проводник и какова его структура?
5. Как открыть файл с помощью Проводника?
Приложение 12
Раздел 4 Тема «Информационная безопасность»
Вопросы:
Что такое компьютерная угроза?
Какие виды угроз вы знаете?
Перечислите способы противодействия угрозам.
Какие на ваш взгляд самые эффективные способы противодействия?
Что вы понимаете под понятие информационная безопасность?
Приложение 13
Раздел 5 Тема «Компьютерные сети»
Вопросы:
Что такое компьютерная сеть?
Каково основное назначение компьютерной сети?
Какие виды компьютерных сетей вы знаете?
Что такое протокол передачи данных? Для чего он служит?
В чем отличие локальных сетей от глобальных?
Что такое домен?
Какой язык гипертекстовой разметки вы знаете?
Приложение 14
Практическая работа №9 «Работа в электронной почте»
Цель работы: изучить возможности обмена сообщениями по e-mail;
изучить этикет при написании электронных писем;
практически освоить работу по регистрации бесплатного почтового ящика, подготовке, отправке и прочтению писем.
Контрольные вопросы
Что такое электронная почта? Назовите ее основные преимущества и области применения.
Понятие электронного адреса, его структура. Правила выбора имени и пароля пользователя.
Режимы работы с e-mail? Основные протоколы e-mail.
Реализация технологии клиент/сервер. Примеры почтовых программ, их назначение, функции, критерии выбора.
Структура, содержание и размер почтового сообщения. Передача вложенных файлов.
Правила оформления электронных писем, использование аббревиатур и смайликов (примеры).
Особенности передачи кириллицы по e-mail. Основные кодировки. Транслитерация или код «Волапюк» (Volapjuk).
Порядок регистрации и использования бесплатного почтового ящика. Примеры бесплатных почтовых серверов, их возможности.
Что такое списки рассылки? Приведите пример.
Основные понятия
Электронная почта (e-mail) – сервис Интернет, обеспечивающий пользователям возможность получать и отправлять текстовые сообщения и файлы.
В электронной почте используется технология клиент/сервер. При этом почтовый сервер, находящийся на сервере провайдера или в локальной сети, пересылает сообщения из почтовых ящиков на другие серверы или на компьютер пользователя по запросу почтового клиента, а почтовый клиент (mailer) помогает составлять и посылать письма, получать и отображать сообщения на компьютере пользователя.
Работа с электронной почтой возможна в двух режимах: off-line и on-line.
В режиме off-line используется протокол копирования с Unix на Unix — UUCP. Рекомендуемый размер передаваемого сообщения — не более 60 Кб.
В режиме on-line используются протоколы Internet:
SMTP (простой протокол передачи почты), который отправляет почту в Internet и принимает письма на почтовую машину, и
POP3 (протокол почтового офиса), который передает письма пользователю по его инициативе.
В качестве почтовых клиентов выступают Outlook Express, Netscape Mail, Internet Mail и др. Рекомендуемый размер передаваемого сообщения — не более 1-2 Мб.
Основными областями применения электронной почты являются:
Ведение личной переписки.
Деловые коммуникации.
Работа с информационными ресурсами Internet (списки рассылки, группы новостей, системы пересылки файлов по электронной почте).

Для работы с электронной почтой каждый пользователь имеет электронный почтовый адрес в формате имя @ адрес (например, petrov@mail.ru)
где имя — учетное имя пользователя (электронный ящик). Например, petrov;
адрес — адрес почтового сервера (электронного «почтового отделения»), т.е. идентификатор компьютера, который непосредственно занимается обработкой электронной корреспонденции пользователя. Например, mail.ru.
В электронные письма можно добавлять (прикреплять) файлы различных форматов.
Можно включить режим уведомления, чтобы узнать, было ли прочитано письмо.
Каждое письмо, отправляемое по электронной почте, состоит из заголовка и тела сообщения. Заголовок сообщения играет ту же роль, что и обычный почтовый конверт: там содержится необходимая для доставки письма информация.
Заголовок сообщения содержит следующие поля:
От (from) — электронный адрес отправителя. Всегда включается в сообщение и может содержать обычное имя отправителя.
Кому (to) — адрес основного получателя сообщения.
Код сообщения (message-ID) — уникальный цифровой идентификатор. Для пользователя особого значения не имеет.
Тема (subject) — лаконичная формулировка темы сообщения в изложении отправителя.
Дата (date) — дата и время отправки сообщения. Время указывается либо в местном часовом поясе, либо по Гринвичу (GMT или UTC).
Копия (Сс: carbon copy) – адрес, по которому отправляется копия.
Скрытая копия (Bcc: blind carbon copy) — копия сообщения, но адресат не знает, кому еще оно было переслано.
При подготовке сообщений электронной почты рекомендуется соблюдать правила:
Четкое содержание.
Любое сообщение должно включать ответы на основные вопросы: кто, что, где, когда и почему.
Как правило, первые 30 секунд чтения определяют: читатель отбрасывает текст, либо откладывает "на потом", либо продолжает чтение.
Обязательное наличие Темы.
Удачный заголовок, помещенный в строке "Тема" поможет получателю оценить содержание сообщения.
Не злоупотребляйте заглавными буквами.
ЗАГЛАВНЫЕ БУКВЫ – ЭТО ЭЛЕКТРОННЫЙ ЭКВИВАЛЕНТ КРИКА!!!
Проверяйте содержание, орфографию и пунктуацию.
Следите за отсутствием грубых выражений (flame). Если Вы сердиты на адресата, не торопитесь изливать свой гнев по проводам.
Орфографические и грамматические ошибки производят неблагоприятное впечатление, не говоря уже о пропущенных словах, способных исказить смысл письма.
Дважды перечитывайте каждое свое сообщение перед отправкой.
Обязательно подписывайте сообщение.
Правилом хорошего тона предписывается включать свое имя в текст сообщения, несмотря на то, что практически каждый пакет электронной почты автоматически присоединяет к сообщению имя отправителя,
Следите за использованием сокращений.
FYI — к вашему сведению (for your information)
AFAIK — насколько мне известно (as far as know)
FAQ — часто задаваемые вопросы (frequently asked questions)
ASAP — как можно скорее (as soon as posible)
THX — спасибо
IMHO — по моему скромному мнению (in my humble opinion)
!!!?????!! — выражение замешательства
#@#%#@! — интерпретируются как бранные слова
Для выражения эмоций используйте "смайлики":
   я улыбаюсь (шучу).
   я шучу (подмигиваю).
   я смеюсь.
:-о я удивлен.
   я несчастлив.
<:-< я зол.
Используйте кодировку ASCII.
Если сообщения создаются в текстовом редакторе, а потом загружается в пакет e-Mail, необходимо преобразовывать текст в формат ASCII. В противном случае адресат получит текст, усеянный служебными символами.

Задания
Загрузить Internet Explorer.
По указанию преподавателя загрузить страницу бесплатного почтового сервера (ввести URL в адресную строку браузера).
Выполнить регистрацию почтового ящика для личной переписки: в разделе «Почта» выбрать регистрацию нового почтового ящика (ссылка зарегистрироваться).
Последовательно заполнить регистрационную форму, отразив в отчете название и содержание полей в виде таблицы 1 (при заполнении графы Значение учитывать раскладку клавиатуры и регистр):
Таблица 1 – Схема регистрации бесплатного почтового ящика

Порядок регистрации Почтовый сервер
Шаг Поле Значение
1 Имя х
2 Пароль х
… … …
Каким образом осуществляется защита от автоматических регистраций почтовых ящиков?
Отметить реакцию сервера на попытку регистрации.
При необходимости заменить имя и пароль.
Открыть зарегистрированный ящик, задав имя (login) и пароль (password).
Изучить настройки:
Интерфейс почтового ящика
Анкетные данные
Мастер писем
Создать письмо для отправки по собственному адресу, задав тему «Тестирование почтового ящика».
Текст письма должен содержать:
- обращение,
- 2-3 предложения о назначении ящика, дате и времени его создания,
- смайлики (эмоции – улыбка, шутка, удивление, печаль)
- аббревиатуры (к Вашему сведению, по моему скромному мнению, спасибо)
- подпись.
Выполнить проверку орфографии и отправить письмо.
Проверить почту. Оценить время доставки.
Настроить адресную книгу собственного почтового ящика:
внести 3 e-mail адреса, фамилии, имена и другую информацию об адресатах.
Всем адресатам из созданной адресной книги отправить сообщение с напоминанием о важном событии.
Скрытую копию направить по собственному адресу.
Сохранить копию сообщения. Какая папка используется?
Повторно отправить сохраненное сообщение, используя транслитерацию.
Загрузить страницу Помощь почтовой системы.
Сохранить на диске в виде текстового файла раздел справки почтовой системы (например, Уведомления).
Создать новое письмо, добавив (прикрепив) сохраненный файл с разделом справки как вложение.
Отправить письмо одному адресату из адресной книги и копию по собственному адресу.
Проверить почту.
Используя команду Рассылки подписаться на 2 рассылки из категории Интернет.
Изучить возможности почтовых серверов и сравнить почтовые сервера по следующим характеристикам:
Характеристика Значение
Почтовый сервер 1 Почтовый сервер 2*
Размер почтового ящика (Мб)
Максимальный размер письма (Мб)
Возможность работы через веб-интерфейс
Возможность работы из почтовых клиентов
Количество и размер вложений к письму
Проверка писем антивирусной программой
Адресная книга (экспорт/импорт)
Ежедневник (календарь)
Сборщик почты
Пересылка писем на другие адреса
Фильтры, черные списки
Автоответчик,
Рассылки
Открытки
Оформить отчет.
Отчет (в виде самораспаковывающегося архива) отправить преподавателю на e-mail.
Приложение 15
Практическая работа №10 «Введение в HTML. Структура HTML кода»
Создание простейшей Web-страницы.
Запустите текстовый редактор Блокнот:
Пуск → Программы → Стандартные → Блокнот.
Введите следующий текст:
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Содержание
документа
</BODY>
</HTML>
Сохраните этот документ под именем first.htm.
Замечание. Перед сохранением убедитесь, что сброшен флажок «Не показывать расширения» для зарегистрированных типов файлов. В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .txt.
Запустите программу Internet Explorer:
Пуск → Программы → Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл first.htm.
Посмотрите, как отображается этот файл - простейший корректный документ HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
Как отображаются слова «Содержание» и «документа», введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.
Изучение приемов форматирования абзацев.
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Существует шесть уровней заголовков, которые обозначаются H1..H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание влево (LEFT), по центру (CENTER) или вправо (RIGHT).
Введите заголовок первого уровня, заключив его между тегами <H1> и </H1>.
Введите заголовок второго уровня, заключив его между тегами <H2> и </H2>.
Введите заголовок первого уровня, заключив его между тегами <H3> и </H3>.
Введите заголовок первого уровня, заключив его между тегами <H4> и </H4>.
Введите заголовок первого уровня, заключив его между тегами <H5> и </H5>.
Введите заголовок первого уровня, заключив его между тегами <H6> и </H6>.
Введите отдельный абзац текста, начав его с тега <P>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.
Введите тег горизонтальной линейки <HR>.
Введите еще один абзац текста, начав его с тега <P>.
Сохраните этот документ под именем paragraph.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл →Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.
Посмотрите, как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.
Создание гиперссылок.
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Введите фразу: Текст до ссылки.
Введите тег: <А HREF="first.htm">.
Введите фразу: Ссылка.
Введите закрывающий тег </А>.
Введите фразу: Текст после ссылки.
Сохраните документ под именем link.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл link.htm.
Убедитесь в том, что текст между тегами <А> и </А> выделен как ссылка (цветом и подчеркиванием).
Щелкните на ссылке и убедитесь, что при этом загружается документ, на который указывает ссылка.
Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.
Снова откройте документ link.htm в программе Блокнот и удалите весь текст, находящийся между тегами <BODY> и </BODY>
После тега <BODY> введите:
<A NAME="TOP"></A>
<P><A HREF="#END">Перейти в конец документа</A>.
Начните новый абзац, вставьте фрагмент текста, а затем введите:
<A NAME="END"></A>
<P><A HREF="#TOP">Перейти в начало документа</A>.
Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов.
Щелкните на каждой из ссылок и убедитесь, что при этом происходит переход в конец или начало документа соответственно.
Создание изображения и использование его на Web странице
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
В тег <BODY> добавьте атрибут: bgcolor="GREEN".
Введите произвольный текст (протяженностью 4-5 строк) и установите текстовый курсор в его начало.
Введите тег <IMG SRC="treug1.gif" ALIGN="BOTTOM">.
Сохраните документ под именем picture.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="TOP". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="LEFT". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и добавьте в тег <IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените имя рисунка на treug2.gif". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов. В чем различие между двумя рисунками?
Приемы форматирования текста.
Если это упражнение выполняется не сразу после предыдущего, откройте доку-мент first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Введите тег <BASEFONT SIZE="5" FACE="Courier" COLOR="RED">. Он задает вывод текста по умолчанию увеличенным шрифтом типа Courier красным цветом.
Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с тега <Р>.
Введите теги: <Р> <FONT SIZE="-2" COLOR="GREEN">.
Введите очередной абзац текста, закончив его тегом </FONT>.
В каждом следующем абзаце используйте парные теги:
<В> (полужирный шрифт);
<I> (курсив);
<U> (подчеркивание);
<S> (вычеркивание);
<SUB> (нижний индекс);
<SUP> (верхний индекс);
<BDO dir="RTL"> Изменение направления текста </BDO>;
<MARQUEE behavior="alternate"> Бегущая строка (вправо-влево)</marquee>;
<MARQUEE direction="right"> Бегущая строка (вправо) </marquee>
Сохраните полученный документ под именем format.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл format.htm.
Изучите, как использованные элементы HTML влияют на способ отображения текста.
Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
Таблица 1.1. Стандартные цвета

Таблица 1.2. Градации красного цвета
4168415213
416560228600Таблица 1.3. Градации зеленого цвета
Таблица 1.4. Градации красного цвета
416841-2215
Приемы создания списков.
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Вставьте в документ тег <OL TYPE="I">, который создает упорядоченный (нумерованный) список.
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
В первый тег <LI> вставьте атрибут VALUE=2.
Завершите список при помощи тега </OL>.
Сохраните полученный документ под именем list.htm.
Запустите обозреватель Internet Explorer .
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл list.htm.
Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE. Что определяет атрибут VALUE?
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <UL TYPE="SQUARE">, который начинает неупорядоченный (маркированный) список.
Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE.
Вернитесь в программу Блокнот и установите текстовый курсор после окончания введенного списка.
Вставьте в документ тег <DL>, который начинает список определений.
Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.
Вставьте в список соответствующие определения, предваряя их тегом <DD>.
Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.
Создание таблиц.
Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.
Введите тег <TABLE BORDER="5" WIDTH="100%">.
Введите строку: <CAPTION АLIGN="ТОР">Список телефонов</САРТION>.
Первая строка таблицы должна содержать заголовки столбцов. Определите ее следующим образом:
<TR BGCOLOR="YELLOW" ALIGN="CENTER"> <ТН>Фамилия<ТН>Номер телефона
Определите последующие строки таблицы, предваряя каждую из их тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.
Введите строку: <TR><TD ALIGN="CENTER" COLSPAN="2"> Ha 1-м этаже есть телефон-автомат.
Завершите таблицу тегом </TABLE>.
Сохраните документ под именем table.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл table.htm.
Изучите, как созданная таблица отображается в программе Internet Explorer. Что определяют атрибуты BORDER, WIDTH, COLSPAN (или ROWSPAN)?
Измените ширину окна обозревателя и установите, как при этом изменяется таблица.
Создание описания фреймов.
Запустите текстовый редактор Блокнот.
Введите следующий текст:
<HTML>
<HEAD>
<TITLE>Описание фреймов</TITLE>
</HEAD>
<FRAMESET ROWS="60%,*">
<FRAME SRC="table.htm" SCROLLING="YES">
<FRAMESET COLS="35%,65%" NORESIZE>
<FRAME SRC="first.htm"> <FRAME SRC="links.htm"> </FRAMESET>
</HTML>
Сохраните этот документ под именем frames.htm.
Запустите обозреватель Internet Explorer.
Дайте команду Файл → Открыть. Щелкните на кнопке Обзор и откройте файл frames.htm.
Изучите представление нескольких созданных ранее документов, в отдельных фреймах.
Посмотрите, что происходит при изменении ширины окна обозревателя.
Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.
Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.
Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат к предыдущему документу на нарушает структуру фреймов.
Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.
Исследовательская работа
Задание 1. Исследование методов создания абзацного отступа в документах HTML. Язык HTML не содержит «официальных» средств для создания абзацных отступов. Все браузеры, предназначенные для вывода текста на экран компьютера, выводят текст без отступа, вставляя пустую строку между отдельными абзацами. Создание абзацного отступа, таким образом, требует использования специальных приемов.
Запустите текстовый редактор (например, Блокнот) и начните создание документа HTML. Введите теги структурных элементов и дайте документу заголовок, например Имитация абзацных отступов.
Введите небольшой абзац текста, который будет использоваться как эталон. Сохраните документ.
Откройте обозреватель Internet Explorer и откройте в нем созданный документ. Отрегулируйте ширину окна программы так, чтобы исследуемый абзац занимал несколько строк. Убедитесь, что он выводится без отступа.
Добавление пробелов. Вернитесь к редактированию документа. Разместите после эталонного абзаца горизонтальную линейку (тег <HR>). Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца несколько пробелов. Сохраните документ.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Объясните, почему создать абзацный отступ таким образом не удается.
Метод элемента списка. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку. Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца тег <DD>. Сохраните документ.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Убедитесь, что появился абзацный отступ. Правильно ли используется код HTML в полученном документе? Можно ли рекомендовать такой метод создания абзацного отступа? Почему?
Метод неразрывных пробелов. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку (тег <HR>). Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца несколько раз комбинацию символов  . Сохраните документ.
Комбинации символов, начинающиеся со знака «&» (амперсанд) и заканчивающиеся точкой с запятой, служат в языке HTML для задания символов, которые отсутствуют на клавиатуре или не могут включаться в текст документа согласно спецификации языка HTML (например, «<»). Комбинация   задает неразбивающий пробел.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Убедитесь, что появился абзацный отступ. Можно ли рекомендовать такой метод создания абзацного отступа? Почему?
Метод предварительно отформатированного текста. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку. Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца тег <PRE>, задающий предварительно отформатированный текст, и несколько пробелов. В конце абзаца добавьте тег </PRE>. Сохраните документ.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Убедитесь, что появился абзацный отступ. Обратите внимание на способ обработки пробелов и символов конца строки в предварительно отформатированном тексте. В чем особенность используемого метода? Выскажите свое мнение об использовании этого метода создания абзацного отступа.
Метод невидимого изображения. Вернитесь к редактированию документа. Разместите после последнего абзаца горизонтальную линейку. Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца тег <IMG>, укажите используемый файл изображения и задайте отступ по горизонтали в 10 пикселов (HSPACE="10"). Файл изображения должен представлять собой картинку в формате GIF, состоящую из одного пиксела (1х1), заданного прозрачным цветом. Сохраните документ.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить. Посмотрите на добавленный абзац. Убедитесь, что появился абзацный отступ.
Проанализируйте все использованные методы и выскажите свое мнение о принципиальной целесообразности их использования и о том, какой из них наиболее удобен.
Приложение 16
Практическая работа №11 «Основные теги HTML»
Каскадные таблицы стилей
Стили можно определять тремя способами:
Как свойство Style отдельного тега (Стиль для отдельного тега, Teg.htm).
В тегах <STYLE></STYLE> (Стиль для отдельного файла, File.htm).
В отдельном файле (Стиль для нескольких файлов, Files.htm):
Пример 1. Создаем файл prim.css:
H1,H2,H3,H4,H5,H6
{
text-align:right;
color:green;
font-family:"Arial Cyr",Geneva,Helvetica,sans-serif;
}
В HTML-документе прописываем:
<LINK rel=stylesheet type="text/css" href=prim.css>
Задания (Комбинирование стилей):
Создайте документ без css указаний.
Сss указания в отдельном теге: первые два заголовка черным, 3-й красным.
Css указания в head: первые два заголовка синим, 3-й красным.
Css указания в css файле prim.css: первые два заголовка синим, 3-й красным.
Измените код prim.css: первые два заголовка зеленые, 3-й красным.
Классы
Стилевые определения можно записывать без указания тега. В этом случае каждому определению присваивается имя, которое можно использовать для сопоставления заданного стиля конкретному тегу. Такие стилевые определения называются классами.
Пример 2 (Class.htm).
<HTML>
<HEAD>
<TITLE>Классы</TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY bgcolor=white text=black>
<H2>Классы (обычный заголовок)</H2>
<P class=def>
Класс - стилевое определение без привязи к тегу.
<P>
Вместо указания тега записывается имя класса.
<P class=def>
Перед именем класса ставится точка.
</BODY>
</HTML>
Теги DIV и SPAN
Теги DIV и SPAN позволяют выделять отдельные области в документе, задавая им свойства. После DIV браузер переходит на новую строку, а после SPAN не происходит переход.
Пример 3 (Div.htm).
<HTML>
<HEAD>
<TITLE>Тег DIV</TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY bgcolor=white text=black>
<DIV class=area1><IMG src=./J26.jpg width=150,height=150> Где </DIV>
<DIV class=area2>начало того конца,</DIV>
<DIV class=area3>которым оканчивается начало?</DIV>
</BODY>
</HTML>
Пример 4 (Span.htm).
<HTML>
<HEAD><TITLE>Тег SPAN</TITLE>
<STYLE type="text/css">

</STYLE>
</HEAD>
<BODY bgcolor=white text=black>
<SPAN class=area1><IMG src=./J26.jpg width=150,height=150>Где</SPAN>
<SPAN class=area2>начало того конца,</SPAN>
<SPAN class=area3>которым оканчивается начало?</SPAN>
</BODY>
</HTML>
Позиционирование
Пример 5 (AbsPos.htm).
<HTML>
<HEAD><TITLE>Абсолютное позиционирование</TITLE></HEAD>
<BODY bgcolor=white text=black>
<H1>Абсолютное позиционирование</H1>
<P>
В этом примере картинка абсолютно позиционирована.
Она располагается в 100 пикселях по горизонтали и в 50 пикселях
по вертикали от начала документа.
Измените размеры окна и убедитесь, что картинка всегда остается
на прежнем месте.
<IMG src=./nwe317.jpg width=100 height=100 border=0
alt="Фламинго"
style="position: absolute;
left:100px; top:50px;">
</BODY>
</HTML>
Пример 6 (SmeshPos.htm).
<HTML>
<HEAD><TITLE>Смешанное позиционирование</TITLE></HEAD>
<BODY bgcolor=white text=black>
<H1>Смешанное позиционирование</H1>
<P> Таблица относительно позиционирована вправо
на 50 пикселей.
Внутри кода таблицы расположена картинка с относительным
позиционированием вниз на 100 пикселей.
<P><TABLE border=1 cellspacing=0 cellpadding=10
width=80% bgcolor=#EEE5DB
style="position:relative; left:50px; top:0px;">
<TR><TD>
<P>
<IMG src=./nwe317.jpg width=100 height=100 border=0
alt="Котята" align=left hspace=10
style="position:relative;
left:0px; top:100px;">
Тег<TT><B> IMG</B></TT> размещается внутри таблицы.
Для картинки записано относительное позиционирование
вниз на 100 пикселей.<BR clear=left>
</TD></TR>
</TABLE>
</BODY>
</HTML>
Z-индекс
Использование Z-индекса позволяет указывать в каком слое на экране находится элемент.
Пример 7 (Z-index.htm).
<HTML>
<HEAD><TITLE>Z-index</TITLE></HEAD>
<BODY bgcolor=white text=blue>
<H1>Z-index</H1>
<P> Этот текст основной. К нему не приписано никаких стилевых воздействий. Значит, этот текст лежит в нулевой плоскости.
<IMG src=./Cats.jpg width=100 height=100 border=0
alt="Котята" align= hspace=10
style="position:absolute;
left:120px; top:10px;z-index:-1;">
<IMG src=./Dog.jpg width=100 height=100 border=0
alt="Собака" align=left hspace=10
style="position:absolute;
left:180px; top:55px;z-index:-2;">
</BODY></HTML>
Задания для выполнения по вариантам:
Задание 1. Получите красивое визуальное представление вашего документа с помощью задания стилей:
Вариант Шрифт Размер Цвет Фон Рамка Поля Отступ
1 Academy Medium Черный Подобрать Подобрать Подобрать Подобрать
2 Antiqua Large Подобрать Синий Подобрать Подобрать Подобрать
3 Arial xx-small Зеленый Подобрать Подобрать Подобрать Подобрать
4 Courier x-small Подобрать Голубой Подобрать Подобрать Подобрать
5 Garamond x-large Красный Подобрать Подобрать Подобрать Подобрать
6 New York xx-large Подобрать Серый Подобрать Подобрать Подобрать
7 Parsek 14pt Желтый Подобрать Подобрать Подобрать Подобрать
8 Geneva Small Сиреневый Подобрать Подобрать Подобрать Подобрать
9 Tahoma 16pt Коричневый Подобрать Подобрать Подобрать Подобрать
10 Book Antiqua 18pt Подобрать Малиновый Подобрать Подобрать Подобрать
11 Sylfaen 14pt Подобрать Зеленый Подобрать Подобрать Подобрать
12 Comic Sans Large Голубой Подобрать Подобрать Подобрать Подобрать
13 Verdana 16pt Желтый Подобрать Подобрать Подобрать Подобрать
Задание 2.
Создайте страницу, в которой все абзацы выровнены по левому и правому краям и имеют красную строку в один сантиметр.
Для текстов заголовков и абзацев используйте рубленый шрифт. Сделайте новый стиль p.def. Абзацы этого стиля должны выравниваться по левому и правому краям, иметь отступ слева 2 см и справа 1 см. Расположите на странице обычные абзацы вместе с абзацами р. def.
Определите стили для написания старой и новой цен товара. Старая цена – серого цвета, перечеркнутая. Новая цена – красного цвета, на 50% более крупного кегля, чем остальной текст. Напишите список товаров со старыми и новыми ценами.
Определите два стиля.
В первом стиле:
Буквы должны печататься коричневым по светло-серому фону.
Расстояние между содержимым и рамкой элемента должно составлять 0,5 см.
Текст выравнивается по левому и правому краям.
Во втором стиле:
Фон бирюзовый.
Расстояние между содержимым и рамкой элемента должно составлять 0,5 см.
Поля слева и справа от элемента по 1 см.
Рубленый шрифт.
Подготовьте документ с двумя разделами. Первый раздел определяется первым стилем, второй – вторым. Второй – раздел должен быть вложен в первый, чтобы было видно наследование. Какие стилевые указания наследуются во втором разделе, а какие нет?
Определите стиль .nb таким образом, чтобы элемент заключался в рамку (бордюр), занимал (по ширине) половину окна браузера (независимо от его размера), был расположен у левого края, а остальные элементы страницы обтекали бы этот элемент справа.
Подготовьте стиль для абзаца, у которого слева и справа проводится вертикальная черта (на всю высоту абзаца).
Подготовьте стиль абзаца "подложка" (.ground) и стиль "надпись" (.poster). Используя созданные стили, создайте страницу с надписью поверх подложки. Подложка пишется очень крупными буквами мягкого светло серого цвета. Надпись пишется коричневыми буквами обычного размера.
Используя стили, сделайте страницу, в которой текст выводится в две колонки (как в газете). Таблицы при этом не используйте.
Постройте на экране две области с линейками прокрутки и поместите в них информационные элементы.
Используя свойство z-index, постройте на экране несколько перекрывающих друг друга областей.
Подготовьте стиль для абзаца, у которого сверху и снизу проводится горизонтальная черта (на всю высоту абзаца).
Определите стили для написания экзаменов и полученных по ним оценок. Расписание экзаменов – серого цвета. Оценки – красного цвета, на 50% более крупного кегля, чем остальной текст. Напишите список экзаменов и полученных оценок.
4616450189865Задание 3.
Создайте страницу, в которой одна и та же картинка выводится несколько раз со смещением вниз и вправо так, чтобы каждая следующая копия была выше предыдущей.
4722495539115Создайте страницу, в которой одна и та же картинка выводится несколько раз со смещением вниз и вправо так, чтобы каждая следующая копия была выше предыдущей.
Стилевое свойство overflow используется для определения того, что случится, если наполнение элемента выйдет за пределы заданной области. Среди предписываемых стандартом значений нормально работает только scroll – содержимое прокручивается. Напишите страничку, которая демонстрирует работу свойства overflow.
343598513335Иван Мячиков решил задать для текстового блока на своей странице широкое левое поле (см. страницу "Математики и ювелиры"). Он поместил блок внутрь конструкции
<DIV
style="position:relative;left:100;">
</DIV>
4721225600075Поле получилось, но текст перестал форматироваться по правой границе окна. Помогите Мячикову исправить положение.
Если у абсолютно позиционированного элемента опущена одна или две координаты, то:
Если не задано свойство left, то, левый край элемента будет располагаться справа за элементом-родителем.
Если не задано свойство top, то верхний край элемента будет располагаться ниже элемента-родителя. При этом если родитель позиционирован относительно, то элемент будет располагаться по вертикали там, где он располагался бы, если бы вообще не был позиционирован.
Используя описанные особенности, создайте страничку с левым полем, в котором бы располагался маркер, указывающий на ошибочное слово в строке. При этом если из-за изменения размера окна ошибочное слова переместится в другую строку, маркер должен автоматически следовать за ним.
Если картинку поместить в абзац, то она ведет себя как символ, перемещаясь по экрану за своим местом (при изменении размера окна браузера).
Создайте страничку, в которой целый блок (с несколькими картинками, текстом, другими элементами) ведет себя подобным образом.
Используя позиционирование, создайте «объемную» надпись из обычного текста (без картинок). Эта надпись должна быть привязана к своему месту в абзаце, подобно обычному слову.
Создать страницу, в которой нечетные цифры идут за своими текстовыми обозначениями, независимо от размеров экрана (один 1, три 3, …)
516953533020Создать страницу, содержащую блоки из нечетных цифр. Если блоки доходят до конца экрана, они отображаются в обратном порядке.
427101048895Создать страницу, содержащую блоки из латинских букв. Если блоки доходят до конца экрана, они отображаются в обратном порядке.
Создайте страницу, в которой одна и та же картинка выводится несколько раз со смещением в шашечном порядке.
Создайте страницу, в которой одна и та же картинка выводится несколько раз со смещением вниз и вправо.
Создайте страницу, в которой одна и та же картинка выводится несколько раз со смещением вниз и вправо.

Задание 4.
Создайте страничку, на которой по основному тексту «проплывает» небольшой фрагмент другого текста. Алгоритм движения: текст начинает двигаться слева направо; через некоторое время текст «скачком» возвращается в исходное положение слева и все повторяется.
Создайте страничку, на которой по основному тексту «проплывает» небольшой фрагмент другого текста. Алгоритм движения: текст начинает двигаться слева направо; через некоторое время текст меняет направление движения, доходит до исходного положения и все повторяется
Создайте страничку, на которой по основному тексту «проплывает» небольшой фрагмент другого текста. Алгоритм движения: текст должен двигаться по синусоиде вправо и «скачком» возвращаться в исходное положение.
Создайте страничку, на которой по основному тексту «проплывает» небольшой фрагмент другого текста. Алгоритм движения: текст должен двигаться по синусоиде вправо, затем менять направление движения; в исходном положении все повторяется заново.
Создайте страничку, на которой по основному тексту «плавает» небольшой фрагмент другого текста. Управление движением – при помощи экранных кнопок.
Создайте страничку, на которой по основному тексту «плавает» небольшой фрагмент другого текста. Управление движением – при помощи кнопок клавиатуры.
Создайте страничку, на которой по основному тексту можно перетаскивать мышью картинку.
Создайте страничку, на которой кнопку «Нажми меня» преследует курсор мыши.
Создайте страничку, на которой кнопка «Догони меня» убегает от курсора мыши.
2378075338455Создайте страничку, на которой глазки следят за курсором мыши.
2644775381000Создайте страничку, на которой вокруг курсора мыши бегают паучки.
Создайте страничку, на которой за курсором мыши остается след.
3.6 Типовые задачи
3.7 Расчетно-графическая работа
3.8 Образцы ситуационных задач
Критерии оценки практических работ:
«5» – работа выполнена полностью в соответствии с заданием
«4» – работа выполнена полностью, но с недочетами: конечный результат выполнения работы не полностью совпадает с образцом; ошибки в расчетах, недочеты в оформлении.
«3» – работа выполнена на 60 – 70 %
«2» – работа не выполнена