Иллюстрированный самоучитель по WEB-графике

         

Элементы языков HTML и JAVASCRIPT


При создании Web-сайта в числе прочих решаются две основные задачи, связанные с графикой:

  • графическое оформление или, иначе говоря, создание стильного, привлекательного внешнего вида страниц сайта;
  • размещение на страницах графической информации, которая может и не быть обусловлена целями оформления.
  • Обе задачи сводятся в конечном счете к размещению картинок из графических файлов в HTML-документе. Этот документ пишется на специальном языке HTML (HyperText Markup Language, Язык разметки гипертекста). При этом неважно, какими средствами вы пользовались для его создания (обычный текстовый редактор, Microsoft FrontPage, Macromedia Dream Weaver и т. п.). HTML-документ хранится в обычном текстовом файле. Расширение htm или html этого файла указывает лишь на то, что в нем содержатся тэги (инструкции, команды) HTML-кода. Щелчок кнопкой мыши на имени этого файла в Проводнике Windows открывает его в Web-браузере, установленном на вашем компьютере (например, в Internet Explorer). Браузер загружает HTML-документ вместе с другими файлами, необходимыми для формирования и функционирования Web-страницы. Это могут быть обычные текстовые файлы, а также файлы с мультимедийным содержанием (графика, звук, видео). Затем браузер интерпретирует команды HTML-документа. В результате в окне браузера постепенно появляется Web-страница. Если вы разработали свой сайт целиком с помощью Macromedia Flash, то все равно вам не обойтись без хотя бы элементарного HTML-документа, который просто загружает Flash-мультфильм, хранящийся в соответствующем SWF-файле.

    Здесь мы не будем подробно рассматривать ни HTML, ни вопросы дизайна Web-страниц. На эту весьма обширную тему написано достаточно много книг. В этой главе мы остановимся лишь на некоторых основных моментах HTML, наиболее тесно связанных с графикой и мультимедиа. Мы думаем, что дизайнер графики для Web должен понимать, что происходите его творением, когда оно встраивается в HTML-документ. Часто бывает, что эффективнее непосредственно подправить HTML-код, чем мучиться со средствами визуальной разработки в специализированных редакторах. Кроме того, следует учитывать, что и в HTML имеются средства управления графикой. Например, к картинкам можно применять встроенные фильтры, перемещать их в окне браузера программными средствами, создавая эффекты анимации.

    В данной главе мы рассмотрим общую структуру HTML-документа и вставку в него графических и текстовых элементов. В частности, мы рассмотрим вставку SWF-файлов, созданных в Flash или других приложениях.



    Содержание раздела