Copy HTML Code/копирование HTML кода

Копирование HTML кода, а точнее генерирование оного является одним из главнейших отличий Fireworks от других графических редакторов... Опять же для не совсем опытных в этом деле поясню подробней, что же это значит. Допустим Вы нарисовали что-то для своего сайта... Теперь нужно ломать голову, строить правильно таблицы в HTML редакторе и вставлять туда ваши графические файлы... Ничего подобного! Все это можно сделать и совсем не напрягаясь в Fireworks МХ! Вот посмотрите на "шапку" этой страницы. Я нарисовал ее в Fireworks, потом разрезал инструментом Slice Tool... Далее Edit > Copy HTML Code... Открывается окно. Что же там? Смотрим ниже...

Итак здесь прежде всего вам программа предложит на выбор HTML редактор, HTML или XHTML. В данном случае я выбрал наш родной Dreamweaver... Как только сделали выбор, щелкайте по Next и Вы перейдете дальше в закладку Table...

Здесь вам будет нужно сделать важнейший выбор ! Какую таблицу построит программа для вас ? Nested Table или же Single Table ? Лично я в большинстве случаев выбираю Nested Table ! Почему ? Но сначало разберемся, чем отличаются эти таблицы друг от друга...
Но предупреждаю заранее, закладку Document Specific разбирать не буду, там все понятно...

Вернемся к таблицам:

Nested Table - это таблица включает в себя невидимые однопиксельные элементы (GIF файлы). Эти полезные невидимки удерживает всегда таблицу в заданных размерах по высоте и ширине. Поэтому она всегда правильно отображается во всех броузерах ! Программа дает имя этому невидимому файлу - Spacer (распорка). Группы невидимых распорок располагаются с одной стороны таблицы по широте и соответственно с одной из сторон по высоте...

Single Table - просто таблица без каких-либо распорок ! Эта таблица иногда неправильно отображается в различных броузерах или мониторах с различным разрешением...

Думаю вам понятно почему я почти всегда делаю выбор в пользу таблицы построенной по принципу гнезда - Nested Table... Итак после того, как указали все элементы таблицы, папку куда отправите нарезанные файлы... Открывайте смело ваш любимый HTML редактор, выполняйте команду Edit>Paste HTML и все ! Все ваши труды будут правильно вставлены в HTML документ ! Как я уже писал выше "шапка" этого сайта было нарисована, разрезана и вставлена подобным образом в HTML. Не будь такой прекрасной программы, как Fireworks я бы наверно и не смог так изощриться и сделать то, что вы видите наверху :)

Источник - fire-mx.narod.ru

Реклама