Как вставить картинку в текст и оформить страницу Вашего сайта?





picture1 Как вставить картинку в текст и оформить страницу Вашего сайта?Вспоминаем истину, что нашими действиями управляют эмоции.
Когда мы открываем страницу со статьей на каком-либо сайте, то первое впечатление у нас создается от внешнего вида страницы, от ее оформления, дизайна.

Вспомните свои эмоции от первого взгляда на страницы сайтов в различных случаях.

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

Какие эмоции у Вас возникали при взрывах многочисленных анимационных баннеров во всех уголках страницы, выпадании всплывающих окон, уводящих Вас с этой страницы и пр?

— Правильно! Такую страницу хочется закрыть.

Это эффект отрицательных эмоций, вызванных неграмотным дизайном и неумелым оформлением страницы.

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

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

Тип шрифта выбирайте стандартный (arial, verdana, tahoma). Эти шрифты правильно воспринимаются всеми браузерами и привычны для большинства пользователей Интернета.

Текст ограничивайте по ширине. Лучше делать его не шире 700 пикселей. Разделяйте отдельные мысли пробелами.

Ну, и вставляйте картинки и фотографии в ваши статьи.

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

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

Я не буду описывать всю технику вставки картинки. Если Вы еще не знаете, как вставить картинку в текст с помощью кода html, то найдите урок (Ступенька 10) в учебнике Натальи Аленовой http://businesswau.ru/books/Alenova_html.rar , и внимательно прочтите, как это делается.

Расскажу только об одной тонкости, которая может потребоваться при работе с некоторыми файловыми редакторами. В частности, в WordPress мне пришлось с этим столкнуться.

Здесь у меня никак не получалось добиться отступа текста от картинки. Тэги hspace=”_” и vspace=”_” не действовали.

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

Код вставки картинки выглядел приблизительно так:

table style=”height: 153px;” border=”0″ width=”250″ align=”left”>
tbody>

/tbody>






Похожие записи



Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *