kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

Внедрение графических объектов на веб страницу

Нажмите, чтобы узнать подробности

В данном разделе мы рассмотрим, каким образом в веб-документ можно вставить изображение, картинку или иной графический объект

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

Просмотр содержимого документа
«Внедрение графических объектов на веб страницу»

Тема урока:№ 43-44 Внедрение графических объектов на веб страницу

В данном разделе мы рассмотрим, каким образом в веб-документ можно вставить изображение, картинку или иной графический объект. Отметим, что возможности программы предусматривают вставку графических объектов тремя способами. Первый заключается в том, чтобы просто вручную ввести фрагмент исходного кода, необходимый для вставки на страницу изображения. Второй частично автоматизирует данный процесс: для этого на вкладке нужно нажать кнопку (название кнопки отображается в виде всплывающей подсказки при подведении к ней указателя мыши) – в результате в то место, где находился курсор, будет добавлен следующий фрагмент кода: . Как мы уже знаем, этот фрагмент необходимо дополнить значениями атрибутов, как минимум – указать имя файла графического объекта. Также можно ввести толщину рамки, которой будет обрамлен объект, альтернативный текст, который будет отображаться при невозможности отображения графического объекта, и др.

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

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


Рис. 6.8.]] Мастер вставки изображения

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

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

Листинг 5.7.]] Вставка графического объекта с указанием его размеров, толщины рамки, альтернативного текста

Сведения о компании

Добро пожаловать

Наша компания была создана в 2005 году.


За прошедшее время мы сумели занять лидирующие позиции на рынке и завоевать немало постоянных клиентов.

Наша прибыль постоянно растет, и мы задумываемся о расширении.

Будем рады видеть вас в числе наших клиентов!


Получите в подарок сайт учителя

Предмет: Информатика

Категория: Прочее

Целевая аудитория: Прочее

Скачать
Внедрение графических объектов на веб страницу

Автор: Конкашева Куляш Серикказиновна

Дата: 24.02.2023

Номер свидетельства: 626464

Похожие файлы

object(ArrayObject)#851 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(165) "«Современные  информационно-образовательные технологии в преподавании курса «Биология» "
    ["seo_title"] => string(94) "sovriemiennyie-informatsionno-obrazovatiel-nyie-tiekhnologhii-v-priepodavanii-kursa-biologhiia"
    ["file_id"] => string(6) "101154"
    ["category_seo"] => string(9) "biologiya"
    ["subcategory_seo"] => string(7) "prochee"
    ["date"] => string(10) "1402408971"
  }
}


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет
Проверка свидетельства