Html v.1.3

Материал из AOW

Перейти к: навигация, поиск

Редактирование страницы (tiny)

Далее заменяем информацию с помощью панели tiny и нажимаем кнопку сохранить, текст изменятеся на сайте:

File:Sxema6.PNG

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


Редактирование страницы (простой редактор)

Иногда требуются дополнительные возможности редактирования. Если же нужно разместить фото, чтобы текст его обтекал: Вставляем фото, как описано в предыдущем абзаце. Заходим в простой редактор, выйдя из tiny.


File:Sxema7.PNG

…..

- внутри этого сочетания размещается ваше фото. Это будет выглядеть примерно так:
<p><img src="sinugina_3.jpg" border="0" width="110" height="141" /></p>

(sinugina_3.jpg – название вашего загруженного фото, 110*141 его размеры)

Если фото нужно разместить по левому краю, то нужно добавить фразу - align="left", если по правому - align="right", например как в разделе наши мастера все фото находятся по левому краю и выглядит это так (добавить фразу в место, выделенное жирным):

<p><img src="sinugina_3.jpg" border="0" width="110" height="141" align="left" /></p>

А текст просто копируем после фото (в этом редакторе форматирование отменяется автоматически), пример:

<p><img src="sinugina_3.jpg" border="0" width="110" height="141" align="left" />
 <strong>Анастасия Синюгина</strong> - спа-терапевт. 
 Новая концепция ухода за руками и ногами от LaRic. 
 Опыт работы 8 лет. Проходила обучение и ежегодно проходит повышение 
 квалификации в академии Оле Хаус. Делает моделирование ногтей 
 на материалах CREATIVE. Обучалась в компании Пластек (педикюр Genwol).</p>
 

Добавление фото

И еще чтобы выделить, например, текст и сделать его жирным нужно зайти в редактор tiny, выделить нужную фразу и нажасть B.

File:Sxema8.PNG

P.S. Чтобы выдерживать стиль на сайте, фото может выпасть за пределы дихайн-рамки, нужно после каждого абзаца с фото размещать фразу – - <p style="clear: both"> </p> , например:

File:Sxema9.PNG

Чтобы просто разместить фото посередине, слева, справа и без текста достаточно сначала загрузить фото в нужный раздел, нажав на «обзор» и «загрузить»:

File:Sxema10.PNG

Далее нажимаем на загруженное фото (оно откроется в отдельном окне) и копируем ссылку. Чтобы загрузить фото непосредственно на сайт, необходимо нажать на клавишу в редакторе tiny:

File:Sxema11.PNG

Откроется окошко, туда копируем ссылку с вашим фото и нажимаем вставить. Важно разместить фото с нужным размером, или откорректировать размер в этом же открывшемся окне, нажав вкладку «Вид». Фото разместиться в редакторе tiny, нажав правой кнопкой на фото можно выбрать расположение (справа, слева, по центру).

Источник — «http://doc.artofweb.ru/doc/Html_v.1.3»
Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru