Использование Microsoft Word для оформления вев-документов
Вставка и редактирование элементов вев-страниц применяется для ее оформления. Вставить специальный элемент можно с помощью панели инструментов Веб-компоненты.
Фон вев-страницы. Изменить фон можно выбрав команду Формат Фон, выделить нужный цвет. Также можно воспользоваться дополнительными цветами – Другие цвета, вкладки Обычные и Спектр. Можно добавить фоновый рисунок или узор: нажать кнопку Способы заливки, выбрать фоновый узор, тип градиентной заливки или текстурный рисунок, нажать ОК.
Бегущая строка представляет собой текст, перемещающийся по странице. Чтобы добавить бегущую строку на веб-страницу:
Установить точку вставки на пустой строке веб-страницы;
Нажать кнопку Бегущая строка панели инструментов Веб-компоненты.
Заполнить поле Введите текст бегущей строки;
Настроить скорость, цвет фона, параметры движения и количества повторений бегущей строки;
Нажать кнопку ОК.
Горизонтальные линии используются на веб-страницах для разделения текста на части. Это позволяет включить в одну веб-страницу как бы несколько разделов структурированного материала. Чтобы добавить на веб-страницу горизонтальную линию:
Установить точку вставки в то место, где предполагается разместить горизонтальную линию;
выбрать команду Вставка Рисунок Картинки;
в панели Коллекция клипов выделить элемент Разделители из коллекции MS Office в списке Просматривать, а также элемент Картинки в списке Искать объекты и нажать кнопку Начать.
Щелкнуть на понравившемся разделителе, в документе появится горизонтальная линия.
Вставка рисунков. Чтобы ускорить процедуру загрузки веб-страницы, содержащей рисунки, нужно придерживаться правил: не использовать очень большие рисунки; использовать рисунки, сохраненные в формате GIF или JPEG.
Чтобы добавить рисунок на веб-страницу:
Установите точку вставки в то место веб-страницы, куда необходимо вставить рисунок.
Выбрать команду Вставка Рисунок. Чтобы вставить рисунок из галереи Microsoft ClipArt, выбрать команду Картинки. Появится область задач Коллекция клипов. Чтобы вставить рисунок из графического файла, выбрать команду Из файла. Появится диалоговое окно Добавление рисунка.
Выделить рисунок, который необходимо вставить, и нажать кнопку Вставка или просто щелкнуть на понравившемся рисунке
Задание
Оформить созданную веб-страницу (Рабочая папка/Mysite) в ручную на языке HTML с помощью текстового редактора Блокнот:
Заполнить домашнюю страницу текстурным фоном.
Вставить в страницу фотографии.
В документ Рабочая папка/Mysite/ Hobby/ index.html введите текст с коротким рассказом о своем хобби, превратить текстовый файл в документ HTML и оформить по своему усмотрению.
Средствами MS Word оформить свою личную веб-страницу, добавив бегущую строку, горизонтальные линии, рисунки; выполнить шрифтовое оформление.
Разработать веб-документ непосредственно на языке HTML для агрофирмы «Пурсей»:
Для размещения всех вновь создаваемых файлов в своей рабочей папке создать папку Пурсей.
Вызвать программу Блокнот и ввести структурные теги веб-документов, указать название документа Пурсей.
Определить цвет фона документа светло-серый (silver);
Оформить заголовки: первого уровня: «Агрофирма «Пурсей»», выравнивание по центру, цвет шрифта заголовка фиолетовый (purple); второго уровня: «выгодное предложение», бегущая влево строка ярко-фиолетового цвета (fuchsia).
Разместить в документе графическое изображение – логотип фирмы. Изображение подобрать по своему усмотрению. Графический файл скопировать в папку «Пурсей» и присвоить ему имя logo.jpg. Предусмотреть рамку вокруг изображения шириной 3 пиксела.
Создать два абзаца текста:
«Наша фирма является крупнейшим производителем овощной продукции в районе. Мы предлагаем покупателю овощи высокого качества».
«Осуществляем оптовую и розничную продажу овощей. Организуем поставки к местам хранения мелкими и крупными партиями.
Текст абзацев выровнять по левому краю.
Вставить в документ разрыв строки и ввести текст: «У нас самые низкие цены».
Создать новый абзац. Указать адрес фирмы и телефон. Текст выровнять по правому краю и оформить курсивом.
Вставить горизонтальную разделительную линию зеленого цвета (green).
Создать маркированный список постоянных клиентов фирмы.
Сохранить созданный документ в файле с именем Фирма.html в папке Пурсей.
Просмотреть документ в окне браузера.
Создать веб-документ, содержащий данные о ценах реализации продукции агрофирмы «Пурсей», сохранить его в файле с именем Цены.html в папке Пурсей.
Указать название документа: «Цены на продукцию».
Определить цвет фона создаваемого документа (по своему усмотрению).
Создать таблицу, содержащую данные о розничных ценах реализации овощей: столбцы – Вид продукции, Ед.изм., Цена, руб/ед, строки – Томаты, Огурцы, Перец, Баклажаны и т.д. Таблицу разместить по центру страницы, обрамить линиями толщиной 2 пиксела. Задать заголовок таблицы: Розничные цены реализации овощей.
Создать веб-документ, в котором объединить два созданных ранее веб-документа в горизонтальные фреймы. Для каждого фрейма предусмотреть линейки прокрутки. Сохранить его в файле с именем Реализация.html в папке Пурсей.