Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Разработка Web 1.doc
Скачиваний:
1
Добавлен:
01.05.2025
Размер:
290.82 Кб
Скачать

Материнские платы 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.

Выполнение:

  1. Запустите программу FrontPage 2003, выполнив команды Пуск ► Программы ► FrontPage2003 либо активизировав значок программы на рабочем столе.

  2. Выполните команду Файл ► Создать.

  3. В открывшемся с правой стороны списке в разделе Создать страницу активизируем пункт Пустая страница.

  4. Открывается пустая страница, на которой затем будет создаваться Web-страница.

  5. Выполняем команду Файл ► Сохранить как.

  6. В разделе Имя файла заносим имя, например, Zadanie10. В поле Тип файла выбираем Web-страница. В поле Папка указываем имя своей папки (папки со своей фамилией. Если она не создана, то нужно ее создать).

  7. Нажимаем кнопку Сохранить.

Для открытия созданного Web-документа (пока пустого) активизируем программу FrontPage2003. Заполнение Web-страницы.

Вставка горизонтальной линии

    1. В поле Имя выбираем значок с именем созданного Web-документа (в нашем примере Zadanie10) и дважды нажимаем левую клавишу мыши.

    2. Открывается пустая страница созданного Web-документа.

    3. В поле Вставка выбираем Горизонтальная линия.

    4. Устанавливаем курсор на появившейся горизонтальной линии и нажимаем правую клавишу мыши.

    5. В появившемся контекстном меню выбираем Свойства горизонтальной линии и нажимаем левую клавишу мыши.

6. В появившейся диалоговой панели Свойства горизонтальной линии отредактировать ширину, высоту, выравнивание, цвет. Выбрать 100%, 10, по центру, зеленый.

Вставка рисунка

После зеленой линии вставить рисунок. Для этого:

      1. Не закрывая окно создаваемой Web-страницы выполнить команды Пуск ► Найти.

      2. В диалоговом окне Результаты поиска выбрать Файлы и папки.

      3. В разделе Поиск файлов и папок в окне Искать имена файлов или папок занести *.gif и нажать кнопку Найти.

      4. Выбрать в окне Результаты поиска один из рисунков. (При наведении курсора на рисунок его вид отображается наверху справа.)

      5. Скопировать рисунок в буфер обмена. Для этого навести указатель курсора на рисунок, нажать правую кнопку мыши и в появившемся контекстном меню выбрать пункт Копировать.

      6. Открыть папку со своей фамилией и в нее поместить выбранный рисунок. Для этого выполняются команды Правка ► Вставить.

      7. Имя рисунка можно оставить без изменения (например, сm-04) либо заменить на свое. Закрыть все окна, кроме окна с создаваемым документом.

      8. В создаваемом Web-документе установить курсор после зеленой линии.

      9. Выполнить команды Вставка ► Рисунок ► Из файла.

      10. В диалоговом окне Рисунок найти свою папку, в окне Имя файла указать имя рисунка, в окне Тип файла выбрать Все изображения и нажать кнопку Вставить.

      11. Выбранный рисунок будет помещен после зеленой линии.

      12. Отредактировать размещение рисунка. Для этого указатель курсора навести на рисунок, нажать правую клавишу мыши и в появившемся контекстном меню выбрать пункт Свойства рисунка.

      13. В диалоговом окне Свойства рисунка нажимаем клавишу Вид и выбираем Обтекание (можно выбрать Нет, Слева, Справа). В разделе Положение выбираем По середине.

      14. В разделе Размер проставляется галочка в окошке Задать размер. В разделах Ширина и Высота указываем ширину и высоту рисунка в точках или процентах (примем в процентах и укажем 100 и 200).

      15. Нажимается кнопка ОК.

16. Сохранить Web-документ с внедренным рисунком. Для этого выполняются команды Файл ► Сохранить.

После рисунка вставить горизонтальную линию голубого цвета.

Вставка таблицы

После горизонтальной линии голубого цвета вставить таблицу. Для этого:

        1. Поставьте курсор после голубой линии. На панели инструментов выполните команды Таблицы ► Вставить таблицу.

        2. В диалоговом окне Вставка таблицы в разделе Параметры макета выбрать Задействовать параметры макета на основе содержимого таблицы.

        3. В разделе Размер указать число строк и столбцов. Остальные параметры принять по умолчанию.

        4. В таблицу введите три столбца и четыре строки. Заполните таблицу по прилагаемому образцу.

Раздел

Страница

1

Структура документа HTML

1

2

Элемент HTML

2

3

Гипертекстовые ссылки

3


        1. Нажать кнопку ОК.

        2. Сохранить таблицу в Web-документе. Дайте команду Файл ► Сохранить, щелкните по кнопке Как файл и задайте имя Zadanie10.htm. Подтвердите сохранение изображений, требующих преобразования формата.

        3. Дважды щелкните по значку с именем Zadanie10.htm или запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer). Задайте команду Файл ► Открыть. При помощи кнопки Обзор откройте файл Zadanie 10.htm.

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

          2. Измените ширину окна обозревателя и посмотрите, как при этом меняется вид документа.

          3. Вернитесь в программу FrontPage и дайте команду Вид ► HTML.

          4. Изучите автоматически созданный код HTML, определите, как с помощью флагов HTML реализованы использованные команды форматирования.