SlideShare a Scribd company logo
1 of 6
Вставка графического изображения
На первом цикле уроков, мы создали папку images, куда
поместили несколько рисунков. Воспользуемся этими
рисунками и разместим их на сайт с помощью Dreamweaver.
Установим текстовой курсор, как указано на рисунке
Теперь обратим внимание на вкладку Общее, панели
Вставить. Там находится кнопка Изображения.
Нажимаем на кнопку и в появившемся диалоговом окне
выбираем кнопку Изображение.
Нажимаем на кнопку. На экране появится диалоговое
окно Выбрать источник изображения.
В поле ввода Папка выбираем известную нам папку
images. В этой папке имеется знакомый нам рисунок
"Живая природа", в файле sv1.gif. Выбираем файл. Справа
мы увидим его изображение. Раскрывающейся список Тип
файлов, задает тип графических файлов. В поле ввода URL
мы можем ввести полный интернет- адрес изображения,
если оно находится на другом web-сервере.
Раскрывающейся список Родственный позволяет нам задать
абсолютный (пункт Документ) или относительный (пункт
Корень сайта) интернет- адрес вставляемого изображения.
Выбрав нужный файл, нажимаем ОК. Откроется еще одно
диалоговое окно Атрибуты доступности тега изображения.
Комбинированный список Альтерн.текст служит для
задания текста замены. Это придумано для пользователей
медленных каналов связи. Если нам надо выводить на экран
более подробный текст замены, его нужно оформить в
отдельный файл и указать в поле ввода Длинное описание.
Закончив ввод данных, нажимаем кнопку ОК.
Dreamweaver сам поместит графическое изображение в то
место, где в данный момент находится текстовой курсор.
Наша страница примет вид, указанный на рисунке.
Для того чтобы уменьшить изображение, щелкнем по
нему мышью и выделим рисунок(Dreamweaver
автоматически выделит изображение после его вставки).
После этого вокруг изображения появится тонкая черная
рамка, на правой и нижней границе которой появятся
небольшие черные квадратики. Это маркеры изменения
размера. Мы можем "захватить"мышью любой маркер и
перетащить его на новое место, изменив тем самым
горизонтальный и вертикальный размер изображения. А
если мы хотим, чтобы оба размера изменились
пропорционально, то перетащим мышью маркер,
находящийся в правом нижнем углу изображения, при
нажатой клавише <Shift>. Теперь наша страница будет
выглядеть ТАК.
нажатой клавише <Shift>. Теперь наша страница будет
выглядеть ТАК.

More Related Content

Viewers also liked

2 Corintios 9:7 Tres con Jehová
2 Corintios 9:7 Tres con Jehová2 Corintios 9:7 Tres con Jehová
2 Corintios 9:7 Tres con JehováTres con Jehová
 
3.5 pedagogía constructivista
3.5 pedagogía constructivista3.5 pedagogía constructivista
3.5 pedagogía constructivistaRaul Febles Conde
 
Chapter 1: The Human Communicaton Process
Chapter 1: The Human Communicaton ProcessChapter 1: The Human Communicaton Process
Chapter 1: The Human Communicaton ProcessAndi Narvaez
 
Bringing your brand to Romania !
Bringing your brand to Romania !Bringing your brand to Romania !
Bringing your brand to Romania !NEW ELITE
 

Viewers also liked (6)

2 Corintios 9:7 Tres con Jehová
2 Corintios 9:7 Tres con Jehová2 Corintios 9:7 Tres con Jehová
2 Corintios 9:7 Tres con Jehová
 
3.4.1 piaget vs vygotsky
3.4.1 piaget vs vygotsky3.4.1 piaget vs vygotsky
3.4.1 piaget vs vygotsky
 
3.5 pedagogía constructivista
3.5 pedagogía constructivista3.5 pedagogía constructivista
3.5 pedagogía constructivista
 
Chapter 1: The Human Communicaton Process
Chapter 1: The Human Communicaton ProcessChapter 1: The Human Communicaton Process
Chapter 1: The Human Communicaton Process
 
Creación indices y constrains en bases de datos de sql server
Creación indices y constrains en bases de datos de sql serverCreación indices y constrains en bases de datos de sql server
Creación indices y constrains en bases de datos de sql server
 
Bringing your brand to Romania !
Bringing your brand to Romania !Bringing your brand to Romania !
Bringing your brand to Romania !
 

Similar to урок 8

глог вставка объектов
глог вставка объектовглог вставка объектов
глог вставка объектовHELEN DEGTYAREVA
 
мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентацияOlgaB_112
 
Рисунок Документы Google
Рисунок Документы GoogleРисунок Документы Google
Рисунок Документы GoogleShelty2011
 
обучалка по работе на сайте умц
обучалка по работе на сайте умцобучалка по работе на сайте умц
обучалка по работе на сайте умцGalina Sklemina
 
обучалка по работе на сайте умц
обучалка по работе на сайте умцобучалка по работе на сайте умц
обучалка по работе на сайте умцGalina Sklemina
 
работа с картами Google
работа с картами Googleработа с картами Google
работа с картами GoogleShelty2011
 
Как работать с картой GOOGLE
Как работать с картой GOOGLEКак работать с картой GOOGLE
Как работать с картой GOOGLEellina-nik
 
Урок 11 "Добавляем, оформляем, форматируем"
Урок 11 "Добавляем, оформляем, форматируем"Урок 11 "Добавляем, оформляем, форматируем"
Урок 11 "Добавляем, оформляем, форматируем"ANSevrukova
 
добавляем, оформляем, форматируем
добавляем, оформляем, форматируемдобавляем, оформляем, форматируем
добавляем, оформляем, форматируемANSevrukova
 
Урок по созданию библиотечного видеопродукта
Урок по созданию библиотечного видеопродуктаУрок по созданию библиотечного видеопродукта
Урок по созданию библиотечного видеопродуктаMUK_CBS MUK CBS
 
Виртуальный музей. Часть 3 (Текст к докладу)
Виртуальный музей. Часть 3 (Текст к докладу)Виртуальный музей. Часть 3 (Текст к докладу)
Виртуальный музей. Часть 3 (Текст к докладу)Ya-i-mir
 
сервис Prezi.com.
сервис Prezi.com.сервис Prezi.com.
сервис Prezi.com.borovkovatg
 
сервис Prezi.com.
сервис Prezi.com.сервис Prezi.com.
сервис Prezi.com.borovkovatg
 
Методические рекомендации по созданию презентаций
Методические рекомендации по созданию презентацийМетодические рекомендации по созданию презентаций
Методические рекомендации по созданию презентацийMargaret
 
дипломная работа гагарина
дипломная работа гагаринадипломная работа гагарина
дипломная работа гагаринаkyky1234
 
Создание коллажа
Создание коллажаСоздание коллажа
Создание коллажаkyky1234
 
инструкция по работе в редакторе фотоэффектов Photo funny
инструкция по работе в редакторе фотоэффектов Photo funnyинструкция по работе в редакторе фотоэффектов Photo funny
инструкция по работе в редакторе фотоэффектов Photo funnyНаталья Дьячкова
 

Similar to урок 8 (20)

глог вставка объектов
глог вставка объектовглог вставка объектов
глог вставка объектов
 
создание фильма в Movie Maker
создание фильма в Movie Makerсоздание фильма в Movie Maker
создание фильма в Movie Maker
 
мастер класс эффективная презентация
мастер класс эффективная презентациямастер класс эффективная презентация
мастер класс эффективная презентация
 
Рисунок Документы Google
Рисунок Документы GoogleРисунок Документы Google
Рисунок Документы Google
 
обучалка по работе на сайте умц
обучалка по работе на сайте умцобучалка по работе на сайте умц
обучалка по работе на сайте умц
 
обучалка по работе на сайте умц
обучалка по работе на сайте умцобучалка по работе на сайте умц
обучалка по работе на сайте умц
 
работа с картами Google
работа с картами Googleработа с картами Google
работа с картами Google
 
Как работать с картой GOOGLE
Как работать с картой GOOGLEКак работать с картой GOOGLE
Как работать с картой GOOGLE
 
Урок 11 "Добавляем, оформляем, форматируем"
Урок 11 "Добавляем, оформляем, форматируем"Урок 11 "Добавляем, оформляем, форматируем"
Урок 11 "Добавляем, оформляем, форматируем"
 
добавляем, оформляем, форматируем
добавляем, оформляем, форматируемдобавляем, оформляем, форматируем
добавляем, оформляем, форматируем
 
Урок по созданию библиотечного видеопродукта
Урок по созданию библиотечного видеопродуктаУрок по созданию библиотечного видеопродукта
Урок по созданию библиотечного видеопродукта
 
Виртуальный музей. Часть 3 (Текст к докладу)
Виртуальный музей. Часть 3 (Текст к докладу)Виртуальный музей. Часть 3 (Текст к докладу)
Виртуальный музей. Часть 3 (Текст к докладу)
 
сервис Prezi.com.
сервис Prezi.com.сервис Prezi.com.
сервис Prezi.com.
 
сервис Prezi.com.
сервис Prezi.com.сервис Prezi.com.
сервис Prezi.com.
 
текст
тексттекст
текст
 
Google документы. рисунки
Google документы. рисункиGoogle документы. рисунки
Google документы. рисунки
 
Методические рекомендации по созданию презентаций
Методические рекомендации по созданию презентацийМетодические рекомендации по созданию презентаций
Методические рекомендации по созданию презентаций
 
дипломная работа гагарина
дипломная работа гагаринадипломная работа гагарина
дипломная работа гагарина
 
Создание коллажа
Создание коллажаСоздание коллажа
Создание коллажа
 
инструкция по работе в редакторе фотоэффектов Photo funny
инструкция по работе в редакторе фотоэффектов Photo funnyинструкция по работе в редакторе фотоэффектов Photo funny
инструкция по работе в редакторе фотоэффектов Photo funny
 

More from JIuc

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоровJIuc
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисленияJIuc
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникацииJIuc
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмJIuc
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)JIuc
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениеJIuc
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмJIuc
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютераJIuc
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд ExcelJIuc
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бдJIuc
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данныхJIuc
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними даннымиJIuc
 
тест по Sql
тест по Sqlтест по Sql
тест по SqlJIuc
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрацияJIuc
 
тест запросы
тест запросытест запросы
тест запросыJIuc
 
тест бд
тест бдтест бд
тест бдJIuc
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функцииJIuc
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 

More from JIuc (20)

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоров
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисления
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникации
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвм
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечение
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвм
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютера
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд Excel
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бд
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данных
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними данными
 
тест по Sql
тест по Sqlтест по Sql
тест по Sql
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрация
 
тест запросы
тест запросытест запросы
тест запросы
 
тест бд
тест бдтест бд
тест бд
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функции
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвм
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 

урок 8

  • 1. Вставка графического изображения На первом цикле уроков, мы создали папку images, куда поместили несколько рисунков. Воспользуемся этими рисунками и разместим их на сайт с помощью Dreamweaver. Установим текстовой курсор, как указано на рисунке Теперь обратим внимание на вкладку Общее, панели Вставить. Там находится кнопка Изображения. Нажимаем на кнопку и в появившемся диалоговом окне выбираем кнопку Изображение.
  • 2. Нажимаем на кнопку. На экране появится диалоговое окно Выбрать источник изображения. В поле ввода Папка выбираем известную нам папку images. В этой папке имеется знакомый нам рисунок "Живая природа", в файле sv1.gif. Выбираем файл. Справа мы увидим его изображение. Раскрывающейся список Тип файлов, задает тип графических файлов. В поле ввода URL мы можем ввести полный интернет- адрес изображения, если оно находится на другом web-сервере. Раскрывающейся список Родственный позволяет нам задать
  • 3. абсолютный (пункт Документ) или относительный (пункт Корень сайта) интернет- адрес вставляемого изображения. Выбрав нужный файл, нажимаем ОК. Откроется еще одно диалоговое окно Атрибуты доступности тега изображения. Комбинированный список Альтерн.текст служит для задания текста замены. Это придумано для пользователей медленных каналов связи. Если нам надо выводить на экран более подробный текст замены, его нужно оформить в отдельный файл и указать в поле ввода Длинное описание. Закончив ввод данных, нажимаем кнопку ОК. Dreamweaver сам поместит графическое изображение в то место, где в данный момент находится текстовой курсор. Наша страница примет вид, указанный на рисунке.
  • 4. Для того чтобы уменьшить изображение, щелкнем по нему мышью и выделим рисунок(Dreamweaver автоматически выделит изображение после его вставки). После этого вокруг изображения появится тонкая черная рамка, на правой и нижней границе которой появятся небольшие черные квадратики. Это маркеры изменения размера. Мы можем "захватить"мышью любой маркер и перетащить его на новое место, изменив тем самым горизонтальный и вертикальный размер изображения. А если мы хотим, чтобы оба размера изменились пропорционально, то перетащим мышью маркер, находящийся в правом нижнем углу изображения, при
  • 5. нажатой клавише <Shift>. Теперь наша страница будет выглядеть ТАК.
  • 6. нажатой клавише <Shift>. Теперь наша страница будет выглядеть ТАК.