Меню
Главная
Авторизация/Регистрация
 
Главная arrow Менеджмент arrow Информационные технологии в менеджменте (управлении)

-й шаг. Работа с текстом

Заполните текстовые поля информацией, которая должна содержаться на главной странице вашего сайта. Для форматирования текста можно воспользоваться пунктом меню Текст или панелью Свойства (Properties), на которой в данном контексте можно менять формат, шрифт, относительный и абсолютный размер символов, их цвет, начертание (полужирный, курсив), выравнивание и др. (рис. 17.14).

Не забывая выделять фрагмент, который хотите изменить, примените:

  • 1. Заголовки (формат) (например, Headingl). Обязательно оформляйте заголовки. Использование форматов Heading улучшит качество индексирования страницы поисковыми системами.
  • 2. Шрифт (Font): гарнитура, размер (Size), цвет, начертание. Измените цвет и размер символов. Установите полу-

Работа с текстом

Рис. 17.14. Работа с текстом

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

  • 3. Списки (маркированные, нумерованные, смена уровня). Для изменения атрибутов списка можно воспользоваться пунктом меню Текст – Список – Свойства.
  • 4. Выравнивание (например, по левому или правому краю, по центру, по ширине). Особенностью форматирования текста в HTML является оформление абзацев. При нажатии на ENTER создается абзац (формат Paragraph, тег <р>). Визуально абзац отображается с помощью увеличенного межстрочного интервала. Если такой эффект не нужен, то можно переходить на новую строку без создания абзаца. Для этого нажимайте SHIFT+ENTER.

Так как несколько пробелов подряд не отображаются в HTML, то при желании можно использовать для разрядки сочетание клавиш CTRL+SHIFT+пробел. Это сочетание клавиш создает неразрывный пробел с кодом &nbsp.

Добавьте на свои страницы текущую дату с помощью пункта меню Вставка – Дата (Insert – Date) или кнопки GD. Включите автообновление – Обновлять автоматически при сохранении (Update Automatically on Save), чтобы пользователь знал, когда произошло последнее изменение файла.

-й шаг. Работа с изображениями

На веб-страницы можно вставлять изображения только в форматах jpg (jpeg), gif и png. Заранее конвертируйте свои графические файлы, которые планируете использовать на сайте, в эти форматы. Для добавления на страницу графических файлов воспользуйтесь пунктом меню Вставка – Изображение (Insert- Image) или кнопкой . В открывшемся диалоговом окне выберите любой рисунок с диска (например, логотип). Заметьте, что задается вопрос о копировании рисунка в корневую папку вашего сайта. Таким образом, все графические элементы окажутся в нужной папке и связь с ними будет локальной. Обязательно сохраняйте все графические файлы в папке сайта, для чего при соответствующем запросе нажмите Да (Копировать). Если этого не сделать, то сайт невозможно будет правильно перенести ни на другой компьютер, ни, что особенно важно, на сервер вашего хостинга. Также желательно задать имя латиницей.

Ввод альтернативного текста для изображения

Рис. 17.15. Ввод альтернативного текста для изображения

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

Добавьте ваш логотип и (или) графическую шапку в первую строку таблицы-макета.

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

При желании вы можете изменить размер рисунка с помощью маркеров размера или задать значения Ширины и Высоты. Однако размер рисунка средствами форматирования менять не рекомендуется, это лучше делать в специализированных графических редакторах. Если вы случайно или для пробы изменили размер изображения, то в окнах ширины и (или) высоты (W, Н) цифры будут выделены полужирным начертанием, что предупреждает о неточности. Можно восстановить исходные параметры, нажав кнопку Восстановить Рисунок (Reset Image).

Лучше подготавливать рисунки нужного размера в графических редакторах. PhotoShop (или другой редактор, заданный в Предпочтениях) можно вызвать прямо из панели Свойства (Properties) изображения кнопкой Редактирование (Edit).

Изменить основной графический редактор можно с помощью пункта меню Редактирование – Предпочтения – Типы файлов/Редактор (Edit – Preferences – File Types/Editors). Чтобы правильно задать обтекание текста вокруг рисунка, в поле Выровнять (Align) надо выбрать По правому краю (Right) или По левому краю (Left) (рис. 17.16). Тогда рисунок окажется справа или слева от текста, а не будет разрывать собой текстовую строку.

Свойства рисунка

Рис. 17.16. Свойства рисунка

Можно задать Границу вокруг рисунка в пикселях. Она будет выглядеть как рамка. Вокруг рисунка можно задать Вертикальное и Горизонтальное поле-отступ (VSpace, HSpace). Тогда текст будет отстоять от него на указанное количество пикселей, а не будет прилегать к рисунку вплотную. Это улучшит читаемость текста.

 
Если Вы заметили ошибку в тексте выделите слово и нажмите Shift + Enter
< Предыдущая   СОДЕРЖАНИЕ   Следующая >
 

Популярные страницы