Знакомство с программой frontpage видео

Создание сайтов в программе FrontPage

знакомство с программой frontpage видео

Знакомство с программой Microsoft Office FrontPage. 1. видео. 22тестирование сайта. мозговой штурм. создание шаблона страницы. РАЗРАБОТКА ВЕБ-СТРАНИЦ с помощью программы Front Page Душко Ягодич 2 Microsoft Front Page Визуальный редактор HTML-страниц Концепция . Основы Интернета. Знакомство с программой Adobe Dreamweaver CS3 . объектов (аудио сопровождения, видео, анимированных диаграмм и т.д.). Оформление Web-страниц с помощью FrontPage В данной статье мы продолжим знакомство с программой и поговорим об оформлении.

Откройте эту страницу, два- 21 22 жды щелкнув на имени файла index. Страница будет открыта в режиме редактирования рис. Структуру Web-узла, созданного на основе шаблона Одностраничный веб-узел, в дальнейшем можно изменить: После завершения формирования шаблона созданный Webузел открывается в режиме редактирования.

На панели папок вы можете просмотреть структуру Web-узла. Она не содержит ни одной страницы. Шаблон Пустой веб-узел удобно использовать в тех случаях, когда для создания домашней страницы вы предполагаете использовать страницу с более сложной структурой, например, включающей фрейм. Объем настоящего пособия не позволяет рассмотреть возможности мастеров создания остальных шаблонов Web-узлов. Рис Web-узел, созданный с использованием шаблона Одностраничный веб-узел 22 23 2.

Шаблоны и мастера для создания Web-страниц Чтобы просмотреть шаблоны и мастера, предлагаемые программой FrontPage для создания Web-страниц на панели Создание веб-страницы или узла выберите команду Шаблоны страниц. Диалоговое окно Шаблоны страниц содержит три вкладки рис. На вкладке Общие указаны имена основных шаблонов страниц.

знакомство с программой frontpage видео

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

Достаточно щелкнуть мышью на кнопке Создать стандартной панели инструментов. По умолчанию всегда предполагается использование шаблона Обычная страница. Рис Диалоговое окно Шаблоны страниц Глава 3.

Размещение на Web-странице текста и заголовков Теперь можно приступить к созданию собственного Web-узла и размещению на Web-страницах текстовой информации, заголов- 23 24 ков, форматированию символов, абзацев, использованию для оформления информации списков.

Вопросы, связанные с размещением на Web-странице текстовой информации и ее оформлением с использованием шрифтов, списков, таблиц в данном пособие будут рассматриваться менее подробно, так как технологии этого вида работы были рассмотрены при работе с текстовым редактором Word Форматирование текста на странице Основное назначение Web-страницы это познакомить посетителя Web-узла с интересующей его информацией. Оформление не должно удручать своим однообразием, а радовать глаз. Для этого FrontPage предоставляет в распоряжение разработчика средства форматирования символов, абзацев, включающие установку различных параметров шрифта, интервалов между символами, смещений, отступов, отображение символов малыми прописными буквами, в виде верхних и нижних индексов и.

С помощью этих средств вы сможете выделить на странице наиболее важные места, сделать информацию легко читаемой. При создании Web-страницы необходимо помнить, что некоторые обозреватели игнорируют отдельные стили оформления. Поэтому следует протестировать созданную страницу с помощью, например Microsoft Internet Explorer. Шрифты Когда говорят о шрифте, используемом в оформлении Webстраницы, то подразумевают следующее параметры: Существует множество шрифтов, предназначенных для самых различных целей.

Для каждого конкретного случая принято использовать символы шрифтов определенного размера: Процесс форматирования текста сводится к установке требуемых параметров для символов. Основные параметры шрифта тип, размер и начертание можно задать с помощью диалогового окна Шрифт и кнопок на панели инструментов Форматирование.

Вам может потребоваться, например, символ, обозначающий торговую марку или знак авторского права. Чтобы вставить специальный символ на создаваемую Web-страницу, выполните следующие действия: Установите курсор в то место страницы, где нужно вставить символ. Выберите команду Символ из меню Вставка. Откроется диалоговое окно Символ. Оно содержит списки, позволяющие выбрать шрифт и набор символов. Просмотрите список символов, используя для перемещения клавиши со стрелками или мышь.

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

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

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

Средства форматирования абзаца Абзац можно форматировать до и после ввода текста. Если текст уже введен, то абзацы, подлежащие форматированию, должны быть выделены. FrontPage предоставляет в распоряжение разработчика следующие средства форматирования абзаца: Размещение заголовков на Web-страницах Первое, с чего, вероятно, начинается создание Web-страницы. При создании заголовков необходимо учитывать, что они служат не только для выделения необходимых разделов представленной информации, позволяя ее структурировать, но и для украшения страницы.

Программа FrontPage позволяет для форматирования заголовков использовать список Стиль на панели форматирования, а также рассмотренные выше элементы форматирования символов. Список Стиль содержит значения Заголовок 1, Заголовок 2, Заголовок 6, позволяющие создавать заголовки шести уровней, оформляемые в виде абзаца. Разместим заголовок на странице одностраничного Web-узла, созданного нами в начале главы: Откройте страницу, дважды щелкнув мышью в области Список папок на имени файла.

Для размещения заголовка в центре строки, установите на него курсор и нажмите кнопку По центру. Воспользовавшись списком Стиль на панели форматирования, установите значение Заголовок Если вы хотите изменить используемый шрифт или размер заголовка, воспользуйтесь соответственно списками Шрифт и Размер на панели форматирования.

Сохраните страницу с помощью кнопки Сохранить на стандартной панели инструментов. Использование списков для оформления текста При оформлении Web-страниц можно использовать списки. Принято выделять два типа списков: Используются при перечислении или выделении отдельных фрагментов текста.

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

Рис Заголовок на домашней странице Web-узла Создание списков Для создания списков можно использовать диалоговое окно Список, а также список Стиль и кнопки Нумерация и Маркеры на панели форматирования. Как обычно, диалоговое окно предос- 27 28 тавляет разработчику более широкие возможности. Оно содержит три вкладки следующего назначения: Графические маркеры позволяет задать вид маркера в виде изображения; Обычные маркеры позволяет задать вид маркированного списка из предложенных вариантов; Нумерация позволяет задать вид нумерованного списка из предложенных вариантов.

Специальные средства редактирования текста Программа FrontPage входит в Microsoft Office XP, поэтому, как и все программные продукты, входящие в его состав, содержит средства проверки орфографии, тезаурус. Наличие средства поиска и замены уже давно стало стандартом для приложений, предполагающих работу с текстом Создание таблиц Функции таблиц при создании Web-страниц разнообразны.

Создание web-страниц в программе Microsoft FrontPage 2002 Учебно-методическое пособие

Приведем некоторые из них: Выравнивание информации, содержащей текст и графические изображения, за счет расположения ее в ячейках таблицы. С помощью таблиц текст можно представлять в виде колонок; Выравнивание названий и полей формы; Расположение на Web-странице текста и графических изображений по разным колонкам; Использование вложенных таблиц; Задание различного фона для отдельных частей страницы.

FrontPage предоставляет инструменты для работы с таблицами, упрощающие решение большинства практических задач. Команды, предназначенные для работы с таблицами, позволяют легко создавать и редактировать таблицы, а также упорядочивать и форматировать содержащиеся в ней данные. Таблица может быть вставлена в произвольное место Webстраницы. Для создания таблиц вы можете использовать команду Вставить меню Таблица или кнопку Добавить таблицу стандартной панели инструментов.

Это средство позволяет создать таблицу более сложной конфигурации. Если информация, которую требуется поместить в таблицу, уже присутствует в вашем документе в виде текста, вы можете преобразовать текст в таблицу.

Создание таблицы с помощью команды меню Вставить При использовании кнопки Добавить таблицу ширина столбцов устанавливается автоматически на основании ширины полосы и указанного количества столбцов. Если вы хотите в процессе создания таблицы установить определенную ширину столбцов, выполните следующие действия: Установите курсор в то место Web-страницы, где будет располагаться начало таблицы.

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

Разместим на Web-странице 29 30 рисунок и текстовую информацию, используя для форматирования таблицу: Откройте созданный одностраничный Web-узел.

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

Открывается диалоговое окно Рисунок, используя которое найдите требуемый файл на диске и нажмите кнопку Вставить. Графическое изображение будет вставлено на Web-страницу. С помощью мыши перетащите изображение в первую строку таблицы. Во вторую строку таблицы введите надпись к рисунку. С помощью курсора уменьшите ширину таблицы, чтобы справа можно было расположить текст. Введите под таблицей текст, который хотите расположить на Web-странице рядом с изображением.

Теперь нам надо настроить свойства таблицы. Для этого откройте окно ее свойств, выбрав в контекстном меню команду Свойства таблицы. Чтобы линии таблицы не были видны в обозревателе, задайте толщину линии 0 пиксел. Для этого в счетчике Размер области Границы установите значение Необходимо, чтобы размещенный на Web-странице текст расположился справа и под рисунком, то есть обтекал таблицу. Для этого из списка Обтекание области Положение выберите значение но левому краю. Закройте окно свойств таблицы, нажав кнопку ОК.

Webстраница будет иметь вид, аналогичный показанному на рис Сохраните созданную Web-страницу. Для этого нажмите на панели инструментов кнопку Сохранить и в открывшемся диалоговом окне Сохранить как введите название страницы.

Откроется окно Сохранение внедренных файлов, позволяющее указать имя, 30 31 с которым графическое изображение будет сохранено в структуре Web-узда. Рис Размещение информации с использованием таблицы Глава 4. Оформление одностраничного Web-узла 4. Размещение горизонтальных линий Для оформления Web-узла можно также применять обычные и графические горизонтальные линии.

Для выделения заголовков, разделов текста и просто для оформлении Web-страниц можно использовать горизонтальные линии. Чтобы разместить горизонтальную линию на Web-странице, выполните следующие действия: Установите курсор в то место страницы, где хотите расположить горизонтальную линию. В меню Вставка выберите команду Горизонтальная линия. Для настройки свойств размешенной на странице линии выделите ее, нажмите правую кнопку мыши и выберите из контекстного меню команду Свойства горизонтальной линии.

На экране открывается диалоговое окно Свойства горизонтальной линии рис. Для размещения линий на Web-странице можно использовать графические линии, являющимися объектами, входящими в библиотеку Clip Art. Установите курсор в то место страницы, где хотите расположить графическую горизонтальную линию. В меню Вставка выберите команду Рисунок, затем из появившегося подменю опцию Картинки. На экране появляется панель Вставка картинки.

Рис Диалоговое окно Свойства горизонтальной линии 3.

знакомство с программой frontpage видео

Выберите на панели ссылку Коллекция картинок. Откроется диалоговое окно Коллекция картинок Microsoft. Используя панель Список коллекций этого диалогового окна, найдите изображения графических линий.

При установлении курсора на рисунок появляется всплывающая подсказка, указывающая размер графического объекта, объем файла в килобайтах и его тип рис. Щелкните мышью на кнопке со стрелкой понравившейся вам линии. Выберите в меню команду Копировать. Кнопка Просмотр и свойства меню открывает окно просмотра, в котором можно просмотреть выбранную линию в увеличен- 32 33 ном масштабе.

Для закрытия окна просмотра нажмите кнопку Закрыть. Перейдите в окно программы FrontPage и вставьте линию из буфера обмена на Web-страницу, воспользовавшись любым удобным для вас способом. Рис Диалоговое окно Коллекция картинок При сохранении Web-страницы с размещенной в ней графической линией на экране появляется диалоговое окно Сохранение внедренных файлов рис.

Рис Диалоговое окно Сохранение внедренных файлов На рис. Линия, размещенная в нижней части страницы, является графическим объектом. Размещение даты На Web-страницах можно размещать такие объекты, как дата и время, которые будут показывать посетителям дату и время последнего ручного или автоматического обновления Web-узла.

Установите курсор в то место страницы, где хотите разместить дату или время. Обычно дату обновления Web-узла размещают в нижней части страницы. В меню Вставка выберите команду Дата и время.

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

Для размещения на странице времени последнего обновления страницы воспользуйтесь раскрывающимся списком Формат времени и выберите один из предложенных форматов отображения времени на странице. Завершив установку параметров, нажмите кнопку ОК для закрытия диалогового окна. Для изменения свойств уже размещенного объекта, отображающего дату или время, установите курсор на объект. Нажмите правую кнопку мыши и выберите из контекстного меню команду Свойства даты и времени Создание общих областей Для создания на Web-странице общих областей используется команда Общие границы меню Формат.

Как добавить текст для сайта в программу FrontPage

При выполнении этой команды открывается диалоговое окно Общие границы рис. Рис Диалоговое окно Общие границы 35 36 Флажки Сверху, Слева, Справа и Снизу позволяют выделить, соответственно, верхнюю, левую, правую и нижнюю области для размещения информации на Web-странице. Флажки включить кнопки переходов, расположенные под флажками Сверху и Слева, позволяют разместить в верхней и левой общих областях, соответственно, панели ссылок. Эти флажки доступны только при установленной опции ко всем страницам, когда общие поля создаются сразу на всех страницах Web-узла.

Диалоговое окно Общие границы содержит кнопку Свойства границы, открывающую одноименное окно рис. В верхней части окна расположен список Граница. Он содержит названия имеющихся на странице общих областей. Флажок Цвет и расположенный справа от него список позволяют задать цвет общей области, выбранной из списка Граница.

Рис Диалоговое окно Свойства границы В общих областях Web-страниц можно размещать графические изображения. Для этого выполните следующее: В папку images Web-узла поместите графическое изображение, которое хотите использовать для размещения в общей области. Откройте диалоговое окно Общие границы, выбрав в меню Формат команду Общие границы. Нажмите кнопку Свойства границы. Выберите из списка Граница открывшегося диалогового окна Свойства границы общую область, в которую хотите поместить графическое изображение.

Нажмите расположенную справа от флажка кнопку Обзор.

знакомство с программой frontpage видео

В открывшемся диалоговом окне Текущий Web-узел откройте папку images, выберите из нее графический файл и нажмите 36 37 кнопку ОК. Окно закрывается, а наименование и местоположение файла переносятся в поле, расположенное слева от кнопки Обзор.

Закройте последовательно диалоговые окна Свойства границы и Общие границы, нажав расположенные в них кнопки ОК Просмотр результатов работы в обозревателе Вид, который будет иметь разработанный вами Web-узел при просмотре в обозревателе, несколько отличается от того, каким вы его видите на экране в режиме редактирования программы FrontPage.

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

Для просмотра результатов работы в обозревателе предназначена команда Просмотр в обозревателе меню Файл и одноименная кнопка на стандартной панели инструментов. При выполнении команды Просмотр в обозревателе на экране открывается диалоговое окно Просмотр в обозревателе, в котором расположен спи- 37 38 сок обозревателей, доступных для просмотра рис. Область Размер окна содержит опции, позволяющие указать размер окна обозревателя.

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

Использование изображений, звука и видео для оформления Web-страницы Графика способна оживить Web-страницу, внести элемент наглядности в излагаемый материал, облегчить восприятие информации.

Создавая веб-узел на основе профессионального оформления, зачастую проще начать с пустой страницы, перенести на нее свое оформление и затем добавить к нему элементы служб Windows SharePoint Services. Использование изображения-образца — это новая возможность FrontPageпозволяющая легко превратить профессиональное оформления, которое обычно представлено в виде большого графического файла, в работающую веб-страницу. Традиционно оформление веб-узла реализуется путем размещения графических элементов внутри таблиц.

Таким образом полностью контролируется расстояние и расположение текста и рисунков. Новая функциональная возможность FrontPage упрощает расположение элементов внутри таблиц.

Знакомство с программой frontpage — Информатика, информационные технологии

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

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

Возможности навигации FrontPage позволяют создавать и обновлять панели переходов в считанные секунды. Например, если Вы хотите, чтобы левая панель переходов оставалась одинаковой на всех страницах веб-узла, то просто добавьте созданную панель на нужные Вам страницы. Теперь все изменения, произведенные в самой панели, отразятся сразу на всех страницах одновременно. Преимущества возможностей навигации FrontPage позволяют легко поддерживать Ваш веб-узел в актуальном состоянии.

Если Вы не хотите размещать эту панель наверху страницы, Вы можете перенести эти компоненты. Это позволит администратору веб-узла и авторизованным пользователям легко получать доступ к таким функциям, как добавление пользователей и управление ими или создание новых списков, а также к библиотекам документов и статистике. Самым простым способом сделать это является добавление панели ссылок SharePoint Services Top NavBar вниз каждой страницы.

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

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

Изучив возможности FrontPage, Вы узнаете, что количество настроек, используемых для редактирования Вашего веб-узла, практически не ограничено.

Открытие веб-узла Открыть веб-узел в FrontPage очень легко. Все, что Вам нужно — это адрес или URL веб-узла, который Вы хотите редактировать, имя пользователя и пароль если необходимоа также соответствующие разрешения для редактирования. Для выяснения необходимых разрешений или адреса веб-узла свяжитесь с администратором сервера. В поле Имя веб-узла Site name введите адрес Вашего веб-узла например, http: Введите имя пользователя и пароль, если это необходимо.

Таким образом, веб-узел откроется в FrontPage Вы также можете открыть веб-узел в FrontPage с помощью веб-обозревателя Internet Explorer. Знакомство с FrontPage Благодаря продуманному пользовательскому интерфейсу FrontPageлюбые необходимые Вам инструменты всегда легко доступны.

Левая часть экрана позволяет просматривать веб-узел в режиме списка папок или в режиме панели переходов. Список папок отображает все папки и файлы, содержащиеся на Вашем веб-узле. Вы можете перемещать и переименовывать папки и файлы, а FrontPage автоматически изменит все ссылки в документах. При просмотре веб-узла в режиме панели переходов появляется возможность просматривать структуру переходов и панели ссылок.

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

Вкладка Веб-узел Web Siteнаходящаяся сверху панели редактирования, используется для выполнения таких задач, как просмотр удаленного веб-узла, создание отчетов, использование навигации, создание гипертекстовых ссылок и других задач.

Нижняя часть экрана служит для переключения между следующими режимами: Этот режим является самым популярным даже среди экспертов HTML кодирования по одной простой причине: Например, для создания таблицы в текстовом редакторе требуется ввести немало текста, в то время как при создании таблицы в режиме конструктора необходимо всего лишь нажать кнопку Таблица Tableчто занимает всего несколько секунд.

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

Вы можете использовать меню режима исходного текста и соответствующие сочетания клавиш для увеличения и уменьшения отступов, выделения или поиска определенных тегов или блоков, добавления тегов или комментариев и многого другого. Режим просмотра Режим просмотра позволяет просматривать страницу в веб-обозревателе до ее сохранения. Это особенно удобно в тех случаях, когда Вы вносите изменения, в необходимости сохранения которых не совсем уверены.

Обновления Обычно после обновления файлов большинство веб-разработчиков предпочитают сами загружать их на сервер, используя программы передачи файлов. Пользователям FrontPageработающим с веб-узлами, созданными с помощью служб Windows SharePoint Services, для выполнения этой операции достаточно лишь выбрать команду Сохранить Save в меню Файл File. Это действие автоматически сохраняет на сервере все изменения.

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

Добавление текста Для того чтобы добавить текст на страницы веб-узла, созданного с помощью служб Windows SharePoint Services, щелкните на пустой области страницы, не содержащей веб-частей, и затем введите текст. Некоторые страницы отформатированы с использованием таблиц, поэтому для создания дополнительного места для текста Вам может понадобиться вставить новый ряд или столбец. Это можно сделать с помощью меню Таблица Table.

Добавление или замена изображений Добавление изображений на веб-узел не представляет труда. Сначала необходимо убедиться, что изображения сохранены на веб-узле для добавления изображений воспользуйтесь командой Импортировать Import в меню Файл File.

Как только все нужные файлы будут импортированы, убедитесь, что страница, на которой Вы хотите разместить изображение, открыта в режиме конструктора. Затем просто выделите необходимый файл и перетащите его из панели списка папок на страницу. Удалить изображение так же просто, как нажать кнопку мыши.