Уроки По Созданию Сайта, Используя Конструктор Сайтов
e-gloryon

Урок 13. Как вставить картинку в любое место текста.

Автор: Марина Метель
http://design.bizlive.ru

Зарегистрировать демо-версию можно здесь http://bizlive.ru/form

Как это сделать см. урок 1.

Если Демо-версия конструктора уже есть - входим в режим редактирования сайта http://bizlive.ru/form/enter.php, вводим логин и пароль, попадаем на административную страницу управления сайтом. Нажимаем кнопку "Редактировать сайт".

Открываем страницу с текстом, где будем размещать картинку и нажимаем серую иконку с карандашом - редактируем текст.

Открывается окно редактирования текста, нажимает значок HTML-редактора:

Теперь можно выбрать строку, на уровне которой будет расположен верх картинки, поставить в это место курсор и нажать на значок с картинкой. Значок находится в верхней панели инструментов.

В открывшемся окне нажимаем на значок папки в верхнем правом углу:

Теперь необходимо выбрать нужное изображение (файл) на своём компьютере. Нажимаем на кнопку "обзор"

На своём компьютере выбираем нужную папку и файл и нажимаем на кнопку "открыть":

Картинка выбрана и необходимо разместить файл в библиотеку файлов сайта. Нажимаем кнопку "upload"

 

Видим, что изображение появилось в библиотеке файлов и прописан путь к картинке. Теперь просто сохраняем, нажимаем кнопку "ок":

Ссылка прописана. В окно "заголовок" вписываем название картинки".

Необходимо выбрать расположение картинки в тесте (справа от текста, слева, посередине и т.д.) Эту опцию выбираем из выпадающего меню "выравнивание".

Чтобы выбрать рамку, нажмите на кнопку "стиль рамки" и выберите ту, которая вам понравится, я оставила картинку без рамки.

Чтобы текст не сливался с картинкой, необходимо проставить интервал от картинки до текста.

После заполнения необходимых параметров нажимаем кнопку "вставить":

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

В открывшемся окне нажимаем на кнопку "сохранить":

Всё, видим, как выглядим текст с размещённой картинкой.

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

Вы попадёте на уже знакомую вам страницу с параметрами для редактирования расположения и оформления картинки.

 Желаю успехов!

Вернуться к списку уроков


Copyright © Метель Марина. Все права защищены. Россия, г. Омск
e-mail для связи mma7@mail.ru  


Рейтинг@Mail.ru