Практика разработки Web-страниц


Ни один из доступных шрифтов не дает нужного эффекта - часть 2


С помощью графической программы вы можете более точно указать размер текста и его расположение и отобразить его с различными эффектами

увеличить изображение
С помощью графической программы вы можете более точно указать размер текста и его расположение и отобразить его с различными эффектами

  • Сохраните ваше изображение с расшитрением GIF. Используйте адаптивную палитру с таким количеством цветов, которое необходимо для сглаживания краев(для простого текста вы можете обойтись только 8 цветами; для эффектов вам понадобится 128) . В Fireworks выберите Export Preview в меню File, настройте опции, выберите Export и сохраните файл в папке, доступной для вашей веб-страницы.
  • Переключитесь снова на вашу дизайнерскую программу и вставьте изображение на страницу. К примеру, в FrontPage в меню Insert найдите пункт Picture, затем From File, выберите изображение и нажмите ОК.
  • В тэге <IMG> установите атрибут alt для того же текста, что включает и ваше изображение. Таким образом, данный текст будет виден в тот момент, когда изображение загружается, и поисковые системы смогут распознать текст сразу.

    <img src="text.gif"alt="This is the text."height=40 width=200 border=0>

    Если вы пользуетесь FrontPage, щелкните правой кнопкой мыши на изображении и выберите Picture Properties, введите текст в окне Text под Alternative Representations и затем нажмите ОК.

  • Один из самых больших недостатков использования текстовых изображений – то, что такой текст становится труднее обновлять. Непременно сохраняйте исходное изображение как файл Fireworks или Photoshop, сколько бы изображений вы потом не делали. Тогда вы легче сможете менять текст.




    Начало  Назад  Вперед