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

ВСТАВКА ИЗОБРАЖЕНИЙНа Web-страницах могут размещаться графические файлы трех форматов - .GIF, .JPG и .PNG. На титульной странице сайта уместно размещать изображение того объекта, которому посвящен сайт.(Изображения должны сохраняться в каталоге сайта или в специальной папке, в

Слайд 1СОЗДАНИЕ WEB-САЙТОВ
УРОК 3.
Вставка изображений

СОЗДАНИЕ WEB-САЙТОВУРОК 3.Вставка изображений

Слайд 2ВСТАВКА ИЗОБРАЖЕНИЙ
На Web-страницах могут размещаться графические файлы трех форматов - .GIF,

.JPG и .PNG. На титульной странице сайта уместно размещать изображение того объекта, которому посвящен сайт.
(Изображения должны сохраняться в каталоге сайта или в специальной папке, в которой будут собраны изображения)

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

Если файл находится в другом каталоге на данном локальном компьютере (это не рекомендуется!!!), то значением атрибута должно быть полное имя файла:

Если файл находится на удаленном сервере в Интернете то должен быть указан URL - адрес этого файла:

ВСТАВКА ИЗОБРАЖЕНИЙНа Web-страницах могут размещаться графические файлы трех форматов - .GIF, .JPG и .PNG. На титульной странице

Слайд 3Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи иногда в

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

Поясняющий текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:


Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN тэга , который может принимать пять различных значений:
ТОР (верх),
MIDDLE (середина),
BOTTOM (низ),
LEFT (слева)
RIGHT (справа).

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


Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи иногда в целях экономии времени отключают в браузере

Слайд 4В окне приложения Блокнот в контейнер вставьте перед абзацами текста

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

Слайд 5Творческое задание
Создайте титульную страницу вашего сайта.
Поэкспериментируйте с форматированием текста и размещением

графики.
Задайте для страницы фон:
В тег Bоdy введите атрибут и его значение. Например:
или
Задайте фоновое изображение:

Творческое заданиеСоздайте титульную страницу вашего сайта.Поэкспериментируйте с форматированием текста и размещением графики.Задайте для страницы фон:В тег Bоdy

Слайд 6Атрибуты тэга

Атрибуты тэга

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть