Dreamweaver - король WYSYWIG'ов

Спецвыпуск Xakep, номер #015, стр. 015-050-2

Можно, конечно, в любое время изменить кодировку текущего документа (Modify->Page Properties), но, сделав это один раз в Preferences, париться больше не придется. Вторая важная настройка - Site FTP. Если ты хочешь забрасывать свои файлосы на сервер прямо из Dreamweaver'а, то настройка фтпэшника осуществляется именно здесь. Остальные параметры меню Preferences носят в основном характер оформления внешнего вида документов в самом редакторе и не влияют на то, как они будут отображаться в браузере.

Итак, настроились, плывем дальше. Я надеюсь, у тебя уже есть заготовки или хотя бы мысли по структуре твоего узла. В настройке, которую мы только что рассматривали (Site FTP), есть кнопоська Define Sites - нажми ее, чтобы определиться с сайтом и его структурой. После этого ты даешь проге всю инфу о своем проекте - его название, директория нахождения файлов :) и параметры закачки. В конце концов ты увидишь окошко Site, в котором и будешь осуществлять управление своим ресурсом - добавлять новые файлы, каталоги, менять названия, проверять на прочность ссылки.

Если ты вставляешь какой-нибудь объект на страницу, Дримвивер запрашивает твоего высочайшего разрешения скопировать этот файл в папку, которую ты отвел для текущего сайта. Не капризничай и соглашайся, в противном случае ничего тебе не будет - ни шашки, ни папахи, ни пайка :).

Features редактирования страниц

Вот теперь хватай инструменты и возись непосредственно с отдельными пагами, а я тихонько буду подсказывать. Начнем с глобального оформления страницы: Modify->Page Properties. Здесь есть возможность поменять титул страницы, бэкграунд, настроить цвет текста, ссылок, установить размер отступов. Кроме того, если ты полностью нарисовал пагу в графическом редакторе, то можешь использовать картинку как кальку, "обрисовывая" ее средствами Dreamweaver'а; что очень удобно, ползунком Image Transparency меняется прозрачность картинки - полезно понизить значение, если калька слишком яркая.

Теперь о навигации. Бывает целесообразнее сделать ее одной сплошной картинкой, а кнопки заставить функционировать такой технологией, как hotspots. Другими словами, наша пикчура разделена на регионы, некоторые из которых являются ссылками на другие страницы. Подготовь навигационную панель в своем любимом графическом редакторе и аккуратно вставь ее в Дримвивер. Теперь понадобится панель Properties. Сделай ее развернутой (там есть треугольничек в правом нижнем углу). Видишь слева внизу изображения прямоугольника, круга и полигона? В нашем случае понадобится круглый хотспот: выбери его и нарисуй круг прямо на картинке, акурат на изображении кнопки. В поле Link укажи соответствующий адрес. Теперь мышь при наведении на эту область в браузере будет знать, что это ссылка. Проделай эту процедуру и с остальными кнопками.

Как ты мог заметить, одна из кнопок посылает к фоткам. Здесь тебя ждет небольшой сюрприз: если у тебя установлена прога Fireworks, ты можешь автоматизированно создать Web-фотоальбом командой Commands->Create Web Photo Album, предварительно заполнив небольшую анкету пожеланиями по его оформлению. В итоге ты получишь страницу с thumbnails, то есть уменьшенными картинками, и по странице с элементами навигации на каждую пикчу.

Назад на стр. 015-050-1  Содержание  Вперед на стр. 015-050-3

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001