Работа со шрифтами на сайте

admin

Добавляем новость на сайт 

Заполняем поле заголовок:

Рекомендую придумывать название, к которому будет добавлено название сайта - хорошие стихи, получится, например Отпуск на море - хорошие стихи.

Заполняем короткую и полную новости:

Короткую новость рекомендую делать анонсом полной новости и включать текст заголовка и ф.и. автора.

Выбираем опции новости, просматриваем и публикуем.

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

Использование форматирования и шрифтов

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

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

Так текст, очистится от лишнего кода.

Если посмотреть html, в идеале увидим текст, разбитый на строки конструкцией бр или р (br - означает перевод строки р-новый абзац) :


У лукоморья дуб зелёный;<br> 
Златая цепь на дубе том:<br><br> 
	
И днём и ночью кот учёный



Теперь про эксперименты с форматированием.

Пожалуй начнем с конца.

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

Самый простой способ: несколько раз нажать на синюю стрелку отмены.

Если не помогло - все выделяем ctrl+a, копируем ctrl+c, вставляем в блокнот ctrl+v,

Из блокнота копируем, проверяем, нажав на кнопку в правом верхнем меню , не осталось ли какого нибудь мусора после экспериментов и если остался удаляем и закрывам это окошко. Теперь вставляем текст в поле новости.  И ниже новости видим какие теги использованы. BODY  и BR. Все правильно, мы ничем другим и не пользовались. Ну, а если попробовать? Как все исправить мы ведь уже знаем.

Тогда выделяем текст и жмем на кнопку в левом верхнем углу, панели инструментов, над полем добавления новости Она выглятит как буква Т.

 

Перед нами открываются последние достижения интернет технологий.

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

Отклик может быть не мгновенным сервер хоть и быстрый, но все-же удаленный.

 

Вот пример использования leter pres

 

Перед нами открываются последние достижения
интернет технологий.

 
Код этой фразы выглядит так:

<p style="text-shadow: rgb(102, 102, 102) 1px 2px 3px; letter-spacing: 3px; ">Перед нами открываются последние достижения<br /> интернет технологий.</p>

 


Первая группа цифр отвечает за цвет, вторая за смещение, letter-spacing: 3 px — интервал между букв.

 

Если результат не подходит ставим курсор на текст и жмем на ластик -удалить форматирование или очищаем html и вставляем текст из блокнота.

 

Значки AA и AA   предлагает вырать шрифт и дополнительное стилевое  оформление.      


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

Многократное создание и удаление новых публикаций засоряет кэш. 

Удаление публикаций  не желательно. Лучше внести изменения. 

 



Рекомендуйте хорошее стихотворение
Свидетельство о публикации № 3274

Была ли полезна информация?



+

Комментарий к произведению -

Цитата 9 июня 2012 19:57
Следующий урок будет посвящен добавлению картинок.
+

Комментарий к произведению -

Цитата 18 июня 2012 17:18
Шрифты невероятно важны, особенно в работе дизайнера и любого другого представителя творческой профессии. Советую прочитать статью о инструментах по работе со шрифтами: http://templates.motocms.ru/blog/osnovi-dizaina/11-instrumentov-dlya-raboty-so-s

hriftami/

» » Работа со шрифтами на сайте
 

Объявления

Хорошая кнопка