
- •Лабораторный практикум по первой части Задание 1. Создание простейшей Web-страницы
- •Задание 2. Изучение приемов форматирования абзацев
- •Задание 3. Создание таблиц
- •Задание 4. Создание прайс-листа средствами языка html
- •Материнские платы asRock, asus ,Gigabyte
- •Процессоры amd, Intel
- •Задание 5. Создание Web-документа при помощи редактора FrontPage2003
- •Задание 6. Создание Web-документа при помощи табличного процессора Excel 2003
Материнские платы asRock, asus ,Gigabyte
Наименование |
Модель |
Цена, руб. |
Плата ASRock |
LGA1156 H55M H55 2xDDR3-2600 2xPCI-E HDMI/DVI/D-sub 8-ch 4xSATA 2xeSATA GLAN mATX |
2750 |
Плата ASUS |
LGA1156 Maximus III Formula P55 4xDDR3-2133 3xPCI-E 8-ch SupremeFX X-Fi 10xSATA RAID 1xeSATA 2x1394 GLAN ATX |
7990 |
Плата Gigabyte |
LGA1156 GA-P55-UD3 P55 4xDDR3-2000+ 2xPCI-E 8ch 8xSATA RAID 1xU133 GLAN ATX |
4350 |
Плата Intel |
LGA1156 DP55KG P55 4xDDR3-1333 2xPCI-E 8ch 8xSATA RAID 2x1394 2xeSATA GLAN ATX |
6350 |
Вариант 5
Процессоры amd, Intel
Наименование |
Модель |
Цена, руб. |
Процессор AMD |
Athlon II X2 240 2.8 GHz 2Mb Socket-AM3 BOX w/cooler |
2200 |
Процессор AMD |
Phenom II X4 955 3.2 GHz 8Mb Socket-AM3 OEM |
6250 |
Процессор Intel |
Core 2 Duo E7400 2.80GHz 1066MHz 3Mb LGA775 OEM |
3450 |
Процессор Intel |
Core i5-750 2.66GHz 4.8GT/s 8Mb 2xDDR3-1333 LGA1156 OEM |
6750 |
Задание 5. Создание Web-документа при помощи редактора FrontPage2003
Цель занятия: научиться создавать простейшие Web-документы,
используя редактор FrontPage 2003.
На выполнение задания отводится 30 минут.
Наиболее распространенными HTML-редакторами являются FrontPage, HotDog. Рассмотрим создание Web-документа, используя редактор FrontPage 2003.
Выполнение:
Запустите программу FrontPage 2003, выполнив команды Пуск ► Программы ► FrontPage2003 либо активизировав значок программы на рабочем столе.
Выполните команду Файл ► Создать.
В открывшемся с правой стороны списке в разделе Создать страницу активизируем пункт Пустая страница.
Открывается пустая страница, на которой затем будет создаваться Web-страница.
Выполняем команду Файл ► Сохранить как.
В разделе Имя файла заносим имя, например, Zadanie10. В поле Тип файла выбираем Web-страница. В поле Папка указываем имя своей папки (папки со своей фамилией. Если она не создана, то нужно ее создать).
Нажимаем кнопку Сохранить.
Для открытия созданного Web-документа (пока пустого) активизируем программу FrontPage2003. Заполнение Web-страницы.
Вставка горизонтальной линии
В поле Имя выбираем значок с именем созданного Web-документа (в нашем примере Zadanie10) и дважды нажимаем левую клавишу мыши.
Открывается пустая страница созданного Web-документа.
В поле Вставка выбираем Горизонтальная линия.
Устанавливаем курсор на появившейся горизонтальной линии и нажимаем правую клавишу мыши.
В появившемся контекстном меню выбираем Свойства горизонтальной линии и нажимаем левую клавишу мыши.
6. В появившейся диалоговой панели Свойства горизонтальной линии отредактировать ширину, высоту, выравнивание, цвет. Выбрать 100%, 10, по центру, зеленый.
Вставка рисунка
После зеленой линии вставить рисунок. Для этого:
Не закрывая окно создаваемой Web-страницы выполнить команды Пуск ► Найти.
В диалоговом окне Результаты поиска выбрать Файлы и папки.
В разделе Поиск файлов и папок в окне Искать имена файлов или папок занести *.gif и нажать кнопку Найти.
Выбрать в окне Результаты поиска один из рисунков. (При наведении курсора на рисунок его вид отображается наверху справа.)
Скопировать рисунок в буфер обмена. Для этого навести указатель курсора на рисунок, нажать правую кнопку мыши и в появившемся контекстном меню выбрать пункт Копировать.
Открыть папку со своей фамилией и в нее поместить выбранный рисунок. Для этого выполняются команды Правка ► Вставить.
Имя рисунка можно оставить без изменения (например, сm-04) либо заменить на свое. Закрыть все окна, кроме окна с создаваемым документом.
В создаваемом Web-документе установить курсор после зеленой линии.
Выполнить команды Вставка ► Рисунок ► Из файла.
В диалоговом окне Рисунок найти свою папку, в окне Имя файла указать имя рисунка, в окне Тип файла выбрать Все изображения и нажать кнопку Вставить.
Выбранный рисунок будет помещен после зеленой линии.
Отредактировать размещение рисунка. Для этого указатель курсора навести на рисунок, нажать правую клавишу мыши и в появившемся контекстном меню выбрать пункт Свойства рисунка.
В диалоговом окне Свойства рисунка нажимаем клавишу Вид и выбираем Обтекание (можно выбрать Нет, Слева, Справа). В разделе Положение выбираем По середине.
В разделе Размер проставляется галочка в окошке Задать размер. В разделах Ширина и Высота указываем ширину и высоту рисунка в точках или процентах (примем в процентах и укажем 100 и 200).
Нажимается кнопка ОК.
16. Сохранить Web-документ с внедренным рисунком. Для этого выполняются команды Файл ► Сохранить.
После рисунка вставить горизонтальную линию голубого цвета.
Вставка таблицы
После горизонтальной линии голубого цвета вставить таблицу. Для этого:
Поставьте курсор после голубой линии. На панели инструментов выполните команды Таблицы ► Вставить таблицу.
В диалоговом окне Вставка таблицы в разделе Параметры макета выбрать Задействовать параметры макета на основе содержимого таблицы.
В разделе Размер указать число строк и столбцов. Остальные параметры принять по умолчанию.
В таблицу введите три столбца и четыре строки. Заполните таблицу по прилагаемому образцу.
№ |
Раздел |
Страница |
1 |
Структура документа HTML |
1 |
2 |
Элемент HTML |
2 |
3 |
Гипертекстовые ссылки |
3 |
Нажать кнопку ОК.
Сохранить таблицу в Web-документе. Дайте команду Файл ► Сохранить, щелкните по кнопке Как файл и задайте имя Zadanie10.htm. Подтвердите сохранение изображений, требующих преобразования формата.
Дважды щелкните по значку с именем Zadanie10.htm или запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer). Задайте команду Файл ► Открыть. При помощи кнопки Обзор откройте файл Zadanie 10.htm.
Убедитесь, что созданный документ правильно отображается обозревателем.
Измените ширину окна обозревателя и посмотрите, как при этом меняется вид документа.
Вернитесь в программу FrontPage и дайте команду Вид ► HTML.
Изучите автоматически созданный код HTML, определите, как с помощью флагов HTML реализованы использованные команды форматирования.