Хитрим с Dreamweaver. Трюки с Tracing картинками

Вы никогда не задумывались над тем, что с помощью встроенной новой функции "Tracing-Image" в Dreamweaverе можно не только облегчить верстку вебстраницы, но и подойти к производсву сайта с профессиональной точки зрения?



"Tracing-Image" - не что иное как вспомогательный фон, который используеться при построении сайта. Основными его достоинствами являеться то, что можно менять его "прозрачность", а при публикации сайта он "не виден" для конечного пользователя. Чтобы увидеть своими глазами, как использовалась эта технология, можно помотреть сайт немецкого туристического агенства, который был сделан www.w1d.de. Перейти на сайт.

Приступим к практике, вам потребуеться вначале прорисовать "вашу задумку". В нашем случае, после использовании всеми известного редактора, картинка получилась следующей:



В "свойствах страницы" (Ctrl + J) выбираем нашу Tracing-картинку для вашего будующего проекта, определяем прозрачность на 50%. Очень важно поставьте обязательно цифру 26, как показанно на картинке. В противном случае, ваш "фон" будет всегда выше курсора на 26 пиксель.



Пришло время скомпоновать будующий сайт, для этого переходим в режим рисования таблиц и режим сайт на области для текста инавигации, как показано на рисунке:



Немножко работаем машинисткой для того, чтобы сделать фон для нашей таблицы таким же, как в "Tracing-Image". См. картинку ниже:



Осталось поставить навигацию и контент на место. Я думаю Вам это удасться без особых усилий.

Автор: Константин Талалаев
Источник: Cоздание сайтов и их продвижение