Сравнение пиксельной и векторной графики Живопись рисунок Конспект лекций по начертательной геометрии Компьютерная анимация ЕСКД - Единая система конструкторской документации Черчение Практикум по решению задач Построение центральных проекций, перспективы. Учебники по искусству Архитектура и скульптура Web дизайн Web технологии Компьютерная графика Инженерная графика - курс лекций Геометрические основы построения чертежа золотые крестики, крестик нательный Собор Василия Блаженного

Основы Web технологий, основы Web дизайна - курс лекций

Урок 7 Microsoft FrontPage

  Гиперссылки

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

• Выделите мышью отрывок текста либо изображение, которому вы хотите назначить свойства гиперссылки.
• Выберите пункт меню Вставка > Гиперссылка либо нажмите кнопку Создать или изменить ссылку инструментальной панели FrontPage Express.
• Укажите тип протокола, по которому следует транслировать вызываемые при активизации гиперссылки данные, URL ресурса, на который ссылается документ, а при необходимости впишите необходимый параметр в поле Кадр назначения, которое будет подставлено в качестве значения атрибута TARGET.
• Нажмите ОК.

Ссылку на новую страницу можно указать, открыв в окне, появившемся по нажатии кнопки Создать или изменить ссылку, вкладку Новая страница, где в поле Название страницы следует ввести значение тега <TITLE>, в поле URL-адрес страницы — путь к директории на диске, где будет размещаться создаваемый редактором файл, а в поле Кадр назначения — параметр атрибута TARGET текущей гиперссылки. Как только все значения будут указаны, необходимо нажать кнопку ОК для запуска меню, определяющего тип создаваемого вами html-документа

Данное меню содержит шесть пунктов. При выборе пункта Нормальная страница FrontPage Express автоматически создает чистую страницу, не содержащую каких-либо компонентов. Пункт Мастер персональных основных страниц поможет вам настроить параметры создаваемого html-документа в диалоговом режиме(рис. 7.10). Пункт Мастер форм предназначен для облегчения процесса создания web-страниц, содержащих интерактивные формы. Пункт Новая страница папки для Web-представления позволит вам создать документ, который может быть использован как в качестве шаблона для проектирования других документов вашего сайта, так и для оформления системных папок в случае, если ваша операционная система поддерживает функцию web-интеграции. И наконец, пункты Форма обозрения и Форма подтверждения предназначены для организации web-страниц, включающих в себя дополнительные компоненты интерактивных форм, например форму опроса посетителей вашего ресурса или форму, посредством которой пользователи смогут подтвердить введенные ранее данные.

  Таблицы

Для того чтобы создать новую таблицу в редакторе Microsoft FrontPage Express, необходимо воспользоваться командой Вставить таблицу системного меню Таблица либо нажать одноименную кнопку, расположенную на стандартной панели инструментов (она аналогична соответствующей кнопке текстового редактора Microsoft Word). В результате на экране появится диалоговое окно, которое позволит вам установить параметры создаваемой таблицы

В пункте Размер можно указать количество строк и столбцов создаваемой таблицы, в пункте Раскладка — порядок чередования столбцов, выравнивание таблицы относительно рабочего окна броузера, размер обрамления, расстояние между границей ячейки и ее содержимым, а также промежуток между столбцами в пикселах. И наконец, раздел Ширина управляет видимой шириной таблицы на экране компьютера в пикселах или процентах от ширины экрана пользователя.

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

СОВЕТ Выделить несколько строк таблицы либо снять выделение с какой-нибудь одной строки можно щелчком на них левой кнопкой мыши, удерживая при этом клавишу Shift. Отдельные ячейки выделяются одновременным щелчком левой кнопкой мыши с нажатием клавиши Ctrl.

Помимо средств выделения и преобразования строк и столбцов системное меню Таблица содержит пункт Свойства таблицы, выбор которого вызывает на экран окно настройки параметров текущей таблицы.

С использованием этого окна можно не только изменить все заданные первоначально значения, такие как размер рамки или экранная ширина таблицы, но и указать фоновое изображение или фоновый цвет, которые будут «подложены» под таблицу, а также установить цвета рамки. Аналогичные параметры можно изменить для каждой отдельно взятой ячейки, отметив ее курсором мыши и выполнив последовательность команд Таблица > Свойства ячейки.

СОВЕТ Если вы хотите сделать границы созданной таблицы невидимыми, установите нулевое значение параметра Размер рамки в диалоговом окне Свойства таблицы системного меню Таблица.

  Формы

Для того чтобы включить в разрабатываемый вами HTML-документ интерактивную форму, необходимо проделать следующую последовательность действий:

• Установите курсор в ту позицию на экране, в которой вы хотели бы разместить интерактивную форму.
• Выберите пункт Поле формы в меню Вставка и в нем укажите интересующий вас компонент.
• Установив курсор внутрь поля формы, автоматически созданной программой FrontPage Express, добавьте согласно предложенному выше алгоритму все недостающие компоненты.
• Поместив указатель мыши внутрь поля созданной вами формы, нажмите правую кнопку мыши и выберите в появившемся на экране меню пункт Свойства формы.
• В появившемся диалоговом окне Свойства формы (рис. 7.13) выберите из предложенного списка тип используемого вами сценария передачи данных на сервер (по умолчанию предлагается стандартный интерфейс CGI), присвойте форме уникальное имя и при необходимости укажите значения скрытых полей формы.

• Нажав на кнопку Настройка, укажите в поле Действия появившегося диалогового окна (рис. 7.14) URL, по которому вызывается используемый вами сценарий CGI, а в поле Метод — метод передачи данных серверу (GET илиPOST) и, наконец, в нижнем поле — тип кодировки передаваемой информации.

• Последовательно выделите указателем мыши каждый элемент создаваемой ,формы, вызовите нажатием на нее правой кнопки выпадающее меню и, выбрав в нем пункт Свойства элемента формы, измените параметры каждого компонента, указав их уникальное имя, начальное значение и пр.
• Нажмите ОК.

ПРИМЕЧАНИЕ Следует учитывать, что форма, созданная вами с использованием размещенного на удаленном сервере сценария CGI, не будет работать на локальном компьютере. Настройку и окончательную отладку формы вам придется осуществлять непосредственно на сервере в режиме on-line, что может занять чрезвычайно много времени.

Завершая тему создания форм средствами редактора Microsoft FrontPage Express, хочется дать несколько общих рекомендаций, которые позволят вам подготовить формы более грамотно, сделать их простыми в заполнении и популярными у посетителей вашего сайта.

• Поясните на web-странице, содержащей интерактивную форму, зачем нужна эта форма и почему посетитель должен ее заполнить. Старайтесь не давать пространных объяснений, сформулируйте информацию по возможности кратко, но внятно и исчерпывающе.
• Не создавайте форму, состоящую из нескольких десятков вопросов и занимающую по объему более двух физических экранов, — посетитель просто устанет ее заполнять. Чем длиннее форма, тем меньше шансов, что пользователи станут тратить на нее время.
• Включайте в форму вопросы личного характера только тогда, когда это действительно необходимо: пользователи не любят оставлять информацию о себе. Обязательно объясните, зачем вам нужны эти данные. Старайтесь предлагать демографические вопросы в последнюю очередь: если посетитель заполнил все остальные поля формы, психологически ему будет жаль уже потраченного времени, и он скорее заполнит форму до конца, чем покинет страницу.
• Статистика показывает, что пользователи Интернета читают вопросы интерактивных анкет невнимательно, лишь бегло проглядывая текст. Поэтому чем более кратко будут сформулированы вопросы, тем больше вероятность, что вы получите от посетителей вашей странички достоверные данные.
• Старайтесь представлять вопросы четко и ясно, избегая пространных и неопределенных формулировок. Если вы напишете в форме «Хорошо ли оформлена моя страничка?», посетитель непременно задумается: «А что значит "хорошо"? Красиво, но медленно загружается? Или загружается быстро, нона вид страшна как атомная война?»
• Избегайте формулировок, провоцирующих пользователя дать заранее негативный ответ. Если вы спросите, например, «Вызывает ли у Вас цветовое решение моей странички неприятные ассоциации?» в девяноста процентах случаев вы получите утвердительный ответ, даже если это на самом деле не так. Поставьте себя на место читателя и подумайте, как отреагировали бы на каждый вопрос лично вы.
• Если ответ на какой-либо вопрос пользователь должен выбирать из предложенного списка, такой список должен содержать все возможные варианты ответа: у посетителя должна оставаться свобода выбора. Например, на вопрос «Нравится ли вам музыка the Beatles?» могут быть три варианта ответа: «Да», «Нет», «А что это такое?». С другой стороны, если на вопрос «Ваш пол?» вы предложите на выбор варианты «Мужской», «Женский» и «Не знаю», это будет выглядеть по меньшей мере глупо.

Урок 8 Каскадные таблицы стилей

центр ремонт компьютеров багратионовская на дому;