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

Редактирование веб-страниц

Созданную страницу веб-сайта можно редактировать, наполнять ее информационными материалами, изменять модульную сетку и т.п. Для перехода в режим редактирования страниц нужно выбрать кнопку Редактировать страницу . - Редакгировать страниц/ в верхней части окна браузера. После этого в окне браузера появляется меню и панель инструментов (рис. 4.66).

Меню содержит команды, предназначенные для выполнения операций с элементами веб-страницы:

Вставить - для вставки объектов на страницу;

Формат - для форматирования текста на веб-странице; .

Таблица - для вставки и редактирования таблиц;

Макет - для выбора модульной сетки информационного блока страницы: в один,

два, три столбца, с левой или правой боковой панелью и др.

Область страницы содержит поля заголовка и информационного блока, в которые можно вводить текст с клавиатуры или вставлять из Буфера обмена. При изменении заголов ка страницы его текст одновременно отобразится на панели навигации. Текст в информационном блоке страницы можно форматировать, используя элементы управления панели инструментов.

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

Вставка объектов на страницу

На веб-страницу можно вставлять разные объекты: изображения, гиперссылки, списки веб-страниц, горизонтальные линии, документы, созданные службами Google, и др.

При вставке изображений на веб-страницу стоит учитывать форматы файлов изображений. С особенностями форматов графических файлов вы ознакомились в 9-м классе. Фотографии для размещения на веб-страницах чаще всего сохраняют в файлах формата JPG. Анимированные изображения, как правило, содержатся в файлах формата GIF. Их часто размещают на веб-сайтах для придания эмоциональной окраски странице. Специально для размещения растровых изображений в сети был разработан формат PNG. Если изображение, нужное вам для размещения на веб-странице, хранится в файле другого формата, его стоит конвертировать в один из названных, используя средства графического редактора.

Для вставки изображения на веб-страницу нужно:

  1. Выполнить Вставить => Изображение.

  2. В окне Добавление изображения выбрать источник изображения:

« Загруженные изображения - вставить изображение из файла, уже размещенного на сайте или хранящегося на локальном компьютере; Интернет-адрес (URL) - вставить изображение, хранящееся по указанному URL-адресу в Интернете.

  1. Выбрать нужный файл с изображением или ввести его URL-адрес.

  2. Выбрать кнопку ОК.

При выборе вставленного изображения под ним открывается панель редактирования, которая содержит команды размещения и установки размеpa (рис. 4.68). Используя гилерссылки на этой панели, можно разместить изображение: L - по левому краю, С - по центру, R — по правому краю. Можно установить один из размеров изображения: С - маленький, П - средний, L ~ большой или Оригинал.

Вставленное на веб-страницу изображение автоматически связывается гиперссылкой с файлом, в котором содержится изображение. При выборе этой гиперссылки соответствующее изображение в полном размере открывается в окне браузера. Для изменения объекта для перехода следует использовать гиперссылку Изменить на панели редактирования в строке Перейти по ссылке.

Используя меню Вставить (рис. 4.69), на веб-страницу можно вставить объекты, созданные с использованием сервисов Google (карты, календари, документы, презентации, , электронные таблицы, формы для опроса) и фотосервиса Picasa (фотографии и слайд-шоу). Все эти объекты вставляются на страницу с использованием гаджетов (англ. gadget - средство, приспособление) - небольших программ, которые размещаются на веб-страницах и предназначены для воспроизведения некоторых специфических данных.

Видео можно вставлять на веб-страницу с одного из веб-ресурсов: Видео Google, YouTube или Видео из Документов Google. Для этого нужно выполнить Вставить => Видео, выбрать источник видеоматериалов, вставить URL-адрес видеофрагмента и выбрать кнопку Сохранить. На веб-страницу будет встроена панель гаджета со средствами отображения видео.

Гиперссылку на веб-страницу с этого сайта или на другой ресурс можно вставить, выполнив Вставить => Ссылка и выбрав в открывшемся окне Создать ссылку объект, на который будет осуществляться переход при выборе гиперссылки. При этом созданная ссылка будет связана с названием страницы или URL-адресом ресурса. Гиперссылки также можно связывать с любыми текстовыми фрагментами или изображениями, которые содержатся на веб-странице. Для этого нужно выделить фрагмент, выбрать кнопку Ссылка Ссыпт на панели инструментов и выбрать объект для перехода -существующую страницу этого сайта или URL-адрес другого ресурса.

Файлы разных форматов (флэш-анимация, звук и др.), для которых может быть недоступной вставка на веб-страницы, можно загрузить на сайт. Загруженные файлы сохраняются на сервере, а на веб-странице в разделе Приложения размещаются гиперссылки, выбрав которые можно сохранить файл на локальном компьютере, удалить или просмотреть, если формат файла совпадает с форматом документов Google. Для загрузки файла на сервер нужно выбрать в нижней части страницы гиперссылку Приложения, кнопку Обзор и выбрать в окне Открытие файла нужный файл на локальном компьютере. После выбора кнопки Открыть файл автоматически загружается на сервер, его имя и соответствующие гиперссылки Удалить, Просмотр, Загрузить отображаются в нижней части веб-страницы. Заме­тим, что на домашнюю страницу загрузка файлов не разрешена.

При выборе файлов для загрузки нужно обращать внимание на их разме­ры и перед загрузкой осуществлять конвертацию аудио- и видеофайлов в один из форматов, который предусматривает сжатие данных, например МРЗ - для аудиофайлов, AVI, MP4 - для видеофайлов.