- •Практическая работа № 1
- •Порядок работы
- •Образец задания
- •Образец задания
- •Дополнительные задания
- •Образец задания
- •Образец задания
- •Образец задания
- •Практическая работа № 2
- •Порядок работы
- •Дополнительные задания
- •Структура и штатная численность оао «Прогресс» на 2003 г.
- •Практическая работа № 3
- •Образец задания
- •Дополнительные задания
- •Практическая работа № 4
- •Порядок работы
- •Дополнительные задания
- •Образец задания
- •Образец задания
- •Образец задания
- •Образец задания
- •Шрифты в редакторе представлены в большом разнообразии!
- •Практическая работа № 6
- •Дополнительные задания
- •Практическая работа № 7
- •Дополнительные задания
- •Практическая работа № 8
- •Дополнительные задания
- •Практическая работа № 9
- •Практическая работа № 10
- •Практическая работа № 11
- •Дополнительные задания
- •Практическая работа № 12
- •Практическая работа № 13
- •Порядок работы
- •Практическая работа № 14,15
- •Описание практической работы
- •I Общие теоретические сведения
- •II Задание
- •III Отчет по данной работе представляется в электронной форме, в виде файла с готовой презентацией, с ее последующей защитой. Практическая работа № 16
- •Дополнительные задания
- •Практическая работа № 17
- •Дополнительные задания
- •Практическая работа № 18
- •Задания
- •1. Построение окружности с использованием координат центра и диаметра
- •2. Построение окружности по двум точкам при помощи контекстного меню
- •3. Создание и отмена группы команды
- •4. Построение замкнутого контура
- •5. Построение отрезка из последней, ранее введенной точки
- •6. Редактирование значения системной переменной
- •7. Установка лимитов рисунка
- •Практическая работа № 19
- •1. Использование декартовой системы координат
- •2. Использование полярной системы координат
- •3. Использование относительных декартовых координат
- •4. Использование комбинированного метода
- •5. Использование метода «направление-расстояние»
- •6. Использование полярной привязки
- •7. Работа с режимами объектной привязки
- •8. Использование режима отслеживания
- •9. Масштабирование изображения командой Zoom с параметром Window
- •Практическая работа № 20
- •Задания
- •1. Построение луча-биссектрисы угла и луча, параллельного составляющему угол отрезку
- •2. Построение окружности с заданным радиусом касательно к другой окружности и отрезку
- •3. Построение дуги по трем точкам
- •4. Построение дуги по точкам ее начала, конца и центру окружности
- •5. Построение дуги по граничным точкам и центральному углу
- •6. Построение дуги по граничным точкам и положению направляющей
- •8. Построение дуги по углам начальной и конечной секущих линий
- •9. Построение полосы
- •10. Построение сплайна
- •Практическая работа № 21
- •1. Нанесение штриховки
- •2. Создание блока
- •3. Редактирование нескольких объектов
- •Практическая работа № 22
- •1. Создание простейшей Web-страницы
- •2. Изучение приемов форматирования абзацев
- •3. Создание гиперссылок
- •4. Создание изображения и использование его на Web-странице
- •5. Приемы форматирования текста
- •6. Приемы создания списков
- •7. Создание таблиц
- •8. Создание описания фреймов
- •9. Создание Web-документа с помощью редактора FrontPage Express
- •Практическая работа № 23-25
- •Литература
4. Создание изображения и использование его на Web-странице
Откройте программу Paint (Пуск ► Программы ► Стандартные ► Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок ► Атрибуты).
Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рисунок фоновым цветом.
Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон.
Сохраните рисунок под именем pid .gif (в формате GIF).
Дайте команду Рисунок ► Атрибуты. Установите флажок Использовать прозрачный цвет фона. Щелкните на кнопке Выбор цвета и выберите зеленый цвет, уже использованный на рисунке в качестве фонового.
Сохраните рисунок еще раз под именем pic2.gif (в формате GIF) и закройте программу Paint.
Если это упражнение выполняется не сразу после предыдущего, откройте документ first, htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>.
Введите произвольный текст (протяженностью 4-5 строк) и установите текстовый курсор в его начало.
Введите тег <IMG SRC="pic1 .gif" ALIGN="BOTTOM">.
Сохраните документ под именем picture.htm.
Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer).
Дайте команду Файл ► Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внимание на изображение.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="TOP". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените значение атрибута: ALIGN="LEFT". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и добавьте в тег <IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и измените имя рисунка: SRC="pic2.gif". Сохраните файл под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов. В чем различие между двумя созданными рисунками?
В этом упражнении мы научились вставлять изображения в документ. Мы выяснили, как влияют атрибуты тега <IMG> на способ отображения изображения. Мы узнали, как отображаются GIF-изображения, имеющие прозрачный цвет фона.
5. Приемы форматирования текста
Если это упражнение выполняется не сразу после предыдущего, откройте документ first, htm в программе Блокнот.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с тега <Р>.
Введите теги: <Р> <FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN">.
Введите очередной абзац текста, закончив его тегом </FONT>.
В следующем абзаце используйте по своему усмотрению парные теги: <В> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс).
В следующем абзаце используйте по своему усмотрению парные теги: <ЕМ> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример вывода), <VAR> (компьютерная переменная).
Сохраните полученный документ под именем format.htm.
Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer).
Дайте команду Файл ► Открыть. Щелкните на кнопке Обзор и откройте файл format.htm.
Изучите, как использованные элементы HTML влияют на способ отображения текста.
Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
Мы познакомились с некоторыми элементами языка HTML, которые могут использоваться для форматирования текста документа. Мы выяснили, как эти элементы воздействуют на отображение документа, и узнали, что такие элементы можно вкладывать друг в друга.