20 советов по созданию веб-страниц с помощью Dreamweaver
Автор：Eve Cole
Время обновления：2009-06-01 01:02:13
1) Как интегрировать Dreamweaver в браузер IE?
Программа установки Dreamweaver добавит команду «Редактировать с помощью Dreamweaver» в контекстное меню. Мы также можем изменить реестр Windows, чтобы интегрировать его с IE. Как и MS Word, Frontpage и Блокнот, Dreamweaver вызывается для открытия текущей веб-страницы с помощью кнопки редактирования на панели инструментов IE.
Измените последнюю строку следующего текста на свой собственный путь установки Dreamweaver, сохраните его как файл *.reg и дважды щелкните его, чтобы добавить информацию в реестр.
РЕГЕДИТ4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
Если вы хотите установить его в качестве редактора по умолчанию для IE, откройте «Свойства обозревателя» IE и укажите его на вкладке «Программа».
2) Для использования определенных скриптов часто необходимо добавлять пустые ссылки к графике или тексту. Однако при нажатии на объект с пустой ссылкой во время просмотра он перескакивает в начало страницы. Как этого избежать. этот?
Поскольку браузер думает, что ссылка ведет на ту же страницу, но не может найти определенную закладку (привязку), поэтому она остается вверху страницы. Чтобы решить эту проблему, замените «#» пустых ссылок на «javascript:void(null)».
3) При использовании CSS и слоев эффекты в разных браузерах разные, а иногда даже происходит перекос. Как решить?
С точки зрения совместимости с различными браузерами Dreamweaver справляется хорошо, но это не означает, что веб-страницы, созданные с помощью Dreamweaver, будут совершенно одинаковыми в IE и Netscape. В обычных обстоятельствах внешний вид одной и той же веб-страницы, просматриваемой в разных браузерах, не может быть совершенно одинаковым. Это определяется браузерами разных производителей.
В целом постарайтесь обратить внимание на следующие вопросы:
Не смешивайте макет слоя и таблицы. Если существуют отношения «родитель-потомок», например, таблица в слое, это не входит в сферу действия этого принципа;
Встроенный CSS часто вызывает проблемы в Netscape Navigator, используйте цепочку или встроенный код;
Иногда необходимо вставить таблицы или прозрачные изображения в пустой слой, чтобы обеспечить эффект в Netscape Navigator. Для слоев шириной или высотой всего несколько пикселей используйте вместо этого изображения;
Избегайте использования типографских свойств, которые не рекомендованы организацией W3C, и вместо этого используйте CSS.
4) Почему при копировании текста из других документов в Dreamweaver все абзацы сбиваются вместе, а внутри Dreamweaver есть коды форматирования?
В Dreamweaver существует две категории копирования и вставки текста: стандартный способ копирует объект вместе с его свойствами и использует содержимое буфера обмена в качестве HTML-кода; другой способ копирует или вставляет только текст, игнорируя формат html при копировании и использовании. вставка Затем вставьте HTML-код в виде текста. Нажмите еще одну клавишу «Shift» (Ctrl+Shift+C/Ctrl+Shift+V), чтобы действовать последним способом.
5) Почему веб-страницу можно нормально просматривать с помощью IE, но она не соответствует требованиям или даже выдает ошибки при использовании Netscape Navigator, и почему ее нельзя корректно изменить в окне документа Dreamweaver?
Пожалуйста, проверьте код. Поскольку вы используете редактор WYSIWYG для неоднократного изменения определенных частей страницы, иногда остается некоторый избыточный код, например избыточные ссылки. Эти коды не видны в окне документа Dreamweaver, и IE будет их игнорировать. Однако к Netscape Navigator предъявляются более строгие требования к коду, и во время предварительного просмотра происходят невероятные явления.
6) В Netscape Navigator некоторые закладки (якоря) не работают, а некоторые как будто исчезли?
Закладки Netscape Navigator чувствительны к регистру. В Навигаторе закладки в многослойных вложенных таблицах будут потеряны. Размещайте закладки вне таблицы.
7) Окно документа Dreamweaver полно различных панелей. Чтобы редактировать документ, мне приходится открывать каждый пробел. Что мне делать?
Экран с разрешением 800X600 действительно слишком мал для Dreamweaver, но даже 1024X768 не может вместить все панели. Главное — быть хорошо организованным.
Закройте панели, которые временно не используются при редактировании, и объедините часто используемые панели для экономии места на экране;
Если вам не нужно использовать его сейчас, закройте «Инспектор исходного кода HTML». Помимо того, что он занимает место на экране, он также требует значительных системных ресурсов;
Нажмите F4, чтобы скрыть все открытые панели и просмотреть весь документ, и нажмите ее еще раз, чтобы отобразить панели;
В меню «Окна» есть команда «Упорядочить плавающие палитры». Используйте эту команду, чтобы разместить все открытые панели вокруг окна, не перекрывая друг друга.
Частое использование сочетаний клавиш и их умелое освоение — хороший способ повысить эффективность работы.
При добавлении невидимых объектов Dreamweaver добавит соответствующий значок вверху страницы в окне документа. Если значков слишком много, это может затруднить редактирование. Вы можете скрыть и показать их, нажав «Ctrl+Shift+I» (главное меню «Вид|Невидимые элементы»). Вы также можете отключить отображение этих значков, но это не рекомендуется, поскольку они помогают выбирать объекты для редактирования.
8) Панель объекта Head может только добавлять контент. Можно ли изменить содержимое тега <head> в окне документа?
Может. Существует очень интуитивно понятный способ: нажмите «Ctrl+Shift+W» (главное меню «Вид» | «Содержимое заголовка»), под строкой главного меню окна документа появится ряд значков, щелкните эти значки, чтобы изменить их.
9) Как выделить в таблицах и слоях очень маленькие картинки, например 1Х1px?
Щелкните ячейку таблицы, затем, удерживая клавишу «Shift», перемещайтесь с помощью клавиш со стрелками для выбора.
Вы также можете сначала выделить ячейку таблицы (нажмите клавишу Ctrl и щелкните соответствующую ячейку мышью) или слой, а затем выберите <img src="..."> в выделенном коде на панели «Инспектор исходного кода HTML». для возврата в окно документа и выбора изображения.
10) Как отредактировать имя (Название) фреймворковой системы?
Нажмите «Ctrl+F10», чтобы открыть панель «Рамки», щелкните самый крайний фрейм и нажмите «Ctrl+J» (Главное меню «Изменить | Свойства страницы»).
11) Как изменить событие «поведения» по умолчанию?
Файл настроек событий размещается в папке «ConfigurationBehaviorsEvents» в каталоге установки Dreamweaver. Например, для браузеров версии 4.0 или выше откройте файл «4.0 и более поздние версии Browsers.htm».
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
Переместите "*" в " onClick="*" " на " onMouseOver="" " и измените его на: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Перезапустите Dreamweaver, событием этого типа по умолчанию станет «onMouseOver». Другие аналогии.
12) Можно ли при открытии страницы одновременно открыть небольшое окно с помощью Dreamweaver?
Да, не написав ни единой строчки кода. Используйте встроенный скрипт «Открыть окно браузера» на панели «Поведение», чтобы установить страницу, размер окна и свойства. Как показано на рисунке:
13) При вставке таблицы всегда есть пробел (<td> </td>) в ячейке таблицы. Как этого не допустить?
Он автоматически создается Dreamweaver, не удаляйте его. Если в ячейке таблицы ничего нет, Netscape Navigator не отобразит эту ячейку.
14) Тег <head> документа-шаблона нельзя редактировать, за исключением темы веб-страницы. Как добавить поведение на веб-страницу на основе этого шаблона?
Используйте панель «Инспектор исходного кода HTML», чтобы добавить редактируемый тег перед «</head>» документа шаблона, как показано ниже:
< !-- #BeginEditable "Javascript" -->
<script Language="JavaScript">
</скрипт>
< !-- #EndEditable -->
15) При разработке веб-сайта и управлении им с использованием системы регистрации/проверки Dreamweaver добавляются ли различные права доступа к файлам, связанным с веб-сайтом, на удаленном сервере?
Возврат/извлечение — это механизм управления, используемый внутри Dreamweaver и не имеющий ничего общего с атрибутами файлов. «Извлечь» означает, что файл используется мной, и другие не могут его редактировать; «Вернуть» означает, что файл может быть извлечен и отредактирован другими коллегами, а локальный файл станет доступным только для чтения, чтобы я не мог этого сделать. меняя его содержание.
Dreamweaver реализует функцию возврата/извлечения путем создания соответствующих файлов «.lck» на локальных и удаленных серверах. Эти файлы не отображаются в окне «Сайт». Dreamweaver может читать эти файлы. Это справедливо только для Dreamweaver. В файл не добавляются атрибуты. Если вы используете другие инструменты и редакторы FTP, вы все равно можете их открыть.
16) При создании веб-страницы мышка летает, часто меняя размер установленных картинок. Можно ли это исправить, не пересматривая изображение?
Если размер изображения не соответствует, его значение будет выделено жирным шрифтом на панели свойств. Нажмите кнопку «Обновить» на панели, чтобы восстановить ее истинный размер.
17) Как я могу нажать ссылку и изменить несколько кадров одновременно?
Самый прямой путь — создать систему фреймов для ссылки.
Проще использовать поведение Dreamweaver «Перейти по URL-адресу». В диалоговом окне отображаются все фреймы. Просто заполните соответствующую страницу в столбце «URL» ниже.
18) Я хочу добавить поведение в текст, но на панели поведения все элементы тусклые и их невозможно выбрать. Что мне делать?
Сталкиваясь с такой ситуацией раньше, я обычно вставляю картинку рядом с текстом и добавляю к картинке необходимое поведение. Затем отредактируйте код, наведите его на текст и удалите изображение.
Вышеупомянутый метод более громоздкий. Удобнее всего связать текст с «javascript:void(null)», и такое поведение будет честно раскрыто.
19) При помещении слоя, использующего поведения, в библиотеку Dreamweaver не позволяет следовать поведениям слоя. Что мне делать?
Используйте шаблоны.
20) Скрипт, проверяющий Flash-плагин и перенаправляющий, иногда работает ненормально. Есть ли другой способ?
При создании веб-страниц в формате Flash люди привыкли использовать для перенаправления функцию «проверки плагина» Dreamweaver. Но иногда сообщает некорректно, мол, что плагин явно установлен, а пишет, что это не так. Вот надежный способ перенаправления.
Создайте новую домашнюю страницу в качестве страницы перенаправления. Используйте «Вставить обновление» на панели объекта «Голова», чтобы перейти на веб-страницу, которая не использует технологию Flash, как показано на рисунке. В заголовок страницы будет добавлен следующий код: <meta http-equiv="refresh" content="4;URL=noflash.htm">
Создайте еще одно небольшое Flash-видео и добавьте в первый кадр поведение «Получить URL-адрес», чтобы указать на страницу, использующую технологию Flash. Вставьте это короткое видео на свою домашнюю страницу в целях таргетинга.
Очевидно, что эта перенаправленная страница очень надежна.
