• Авторизация


Основы веб-дизайна 14-04-2011 17:31 к комментариям - к полной версии - понравилось!


Вставка изображений

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

Последовательность процесса

Выбрав нужное изображение на веб-странице,  щелкните по нему правой клавишей мыши. В контекстном меню выберите пункт «Сохранить рисунок как…» и укажите папку локальном диске (С:) для сохранения изображения. В этой же папке должен быть файл с текстом, в который предстоит вставить изображение.

В параметрах картинки можно указать ее размеры в пикселях :width(ширина картинки) и height (высота картинки).

Если нужно расположить текст ниже  картинки , то используются теги

<br>

Если нужно расположить картинку посередине страницы, то используются теги

<center>

 

<html>

<body>

<center>

<img src="ruisdael.jpg" width="200" height="200">

<br>

<a hrev= "title="<h4>Хоббема Водяная мельница 1660-е,<br> Рейксмузеум, Амстердам</h4></a>

</center>

</body>

</html>

 

 

 

[210x195]

Хоббема Водяная мельница 1660-е,
Рейксмузеум, Амстердам

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

 

 


 

вверх^ к полной версии понравилось! в evernote
Комментарии (3):
Pomogajka 14-04-2011-17:36 удалить
Не могу понять, почему, тестируя страницу через "Блокнот",все получается, как задумано:изображение по центру, подпись по ним. А здесь картинка "съезжает " влево и вниз...
Pomogajka 14-04-2011-18:07 удалить
Ответ на комментарий Pomogajka # После редактирования стало гораздо лучше... Что же я сделала? Всего лишь вырезала злополучную картинку, которая уныло приткнулась слева внизу, и вставила в окошечко над подписью к ней. Думаю, что этот способ не совсем верный, так как пропала функция увеличения изображения при клике на картинку. Но как сделать по-другому, пока не знаю.
Pomogajka 14-04-2011-18:13 удалить
Ответ на комментарий Pomogajka # Кстати, если подпись под картинкой вставить в окно браузера и нажать Enter, то получается эффект ссылки...


Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Основы веб-дизайна | Pomogajka - Творческая мастерская Pomogajka | Лента друзей Pomogajka / Полная версия Добавить в друзья Страницы: раньше»