1. Используйте стили гибко.
Пользователи сети, знакомые с веб-дизайном, знают, что существует множество способов вызова стиля. Мы можем щелкнуть правой кнопкой мыши и выбрать Custom Style, чтобы вызвать стандарт стиля. Мы также можем щелкнуть правой кнопкой мыши список элементов. строку состояния для вызова стиля. Хотя эффекты, достигаемые разными методами, кажутся одинаковыми, на самом деле генерируемые HTML-коды совершенно разные. Например, использование Custon Style для вызова стандарта Style приведет к созданию тега <span> в коде веб-страницы. Слишком большое количество таких тегов сделает файл очень раздутым и повлияет на скорость анализа браузера, поэтому нам следует попытаться использовать элементы в коде. Строка состояния. Список для вызова стиля.
2. В полной мере используйте команду «Формат таблицы»
. В сложном веб-дизайне таблицы используются чаще всего, поскольку с их помощью можно свободно управлять определенным положением текста и изображений на веб-странице, благодаря чему вся веб-страница выглядит компактной. и унифицированы. Dreamweaver в этом отношении не отстает. Мы можем использовать команду «Форматировать таблицу», чтобы быстро применить к таблице заранее разработанные стили. Чтобы использовать заранее разработанный стиль, сначала поместите курсор в любую ячейку таблицы, затем выберите команду «Команда» → «Формат таблицы». В последующем диалоговом окне выберите схему оформления из списка слева. Нажмите кнопку «Применить», чтобы проверить эффект. Если вас не устраивает, вы также можете сбросить или изменить значения некоторых параметров, таких как толщина границы, цвет фона и т. д.
3. Ссылка на две веб-страницы одновременно
Мы все знаем, что гиперссылка может одновременно вести только к одной странице. Если мы хотим открыть документ на разных страницах фрейма одновременно, мы можем использовать поведение JavaScript «Перейти к URL». Откройте веб-страницу в рамке, выделите текст или изображения, а затем выберите «Перейти по URL-адресу» на панели «Действия». Мы заметим, что Dreamweaver отображает все доступные фреймы в диалоговом окне «Перейти по URL». Выберите один из фреймов, на который мы хотим создать ссылку, и введите соответствующий URL-адрес, затем выберите другой фрейм и введите другой URL-адрес.
4. Не давайте файлу имя на китайском языке.
После создания веб-страницы вы обычно даете ей типичное китайское имя. Во-первых, люди могут примерно понять содержимое файла, взглянув на его имя. может облегчить взаимные вызовы между различными гиперссылками. Но если вы сделаете это в Dreamweaver, вы обнаружите, что Dreamweaver не очень хорошо поддерживает имена файлов на китайском языке, и часто возникают неправильные вызовы страниц. Поэтому, когда мы будем сохранять веб-страницы в Dreamweaver в будущем, старайтесь использовать английский язык или цифры. имя файла, это поможет избежать описанной выше ошибки.
5. Умно настройте разрешение шрифта.
Когда мы создаем веб-страницы, мы часто сталкиваемся с таким явлением, то есть созданные веб-страницы являются нормальными при просмотре на локальном компьютере, но при просмотре на другом компьютере становятся исходными красивыми веб-страницами. Странно, почему это так? Оказывается, разрешение каждого компьютера обеспечивает нормальное отображение вашей домашней страницы в разных разрешениях, что лучше решено в Dreamweaver. В правом нижнем углу окна документа Dreamweaver отображает размер разрешения, для которого предназначен текущий документ. Нажмите на этот номер, и вы сможете указать разрешение экрана для текущей страницы во всплывающем меню, а также сделать свою домашнюю страницу более гибкой, изменив ее. Чтобы мониторы с разным разрешением отображали лучше.
6. Умно скрывайте теги.
Если на веб-страницу вставлен невидимый элемент, Dreamweaver автоматически добавит на страницу соответствующий тег элемента, чтобы мы могли выбрать невидимый элемент. Но это не всегда хорошо. Например, если мы вставим таблицу в первую строку страницы с множеством слоев, мы обнаружим, что таблица автоматически перемещается в первую строку страницы, поскольку элементов слоя слишком много. теги, расположенные в первом ряду. Вторая строка хоть и не влияет на эффект при просмотре, но действительно будет мешать нашей работе. Поэтому, когда мы чувствуем, что метка элемента навязчива, мы просто блокируем ее. Метод состоит в том, чтобы нажать Ctrl+U, чтобы открыть панель «Настройки», выбрать «Элементы Invisibel» в категории, и все метки элементов появятся в правой части панели. Если вы уберете галочку перед ненужным тегом элемента, он гарантированно не появится снова в будущем.
7. Эффективно используйте методы перетаскивания.
Когда мы используем Dreamweaver для редактирования веб-страниц, нам часто приходится вставлять несколько изображений. Если нужно вставить много изображений, работать в соответствии с традиционными методами будет очень сложно. метод. Мы можем использовать методы перетаскивания, чтобы очень хорошо решить эту проблему. Сначала мы превращаем рабочее окно Dreamweaver в активное окно, чтобы освободить место для отображения окна Проводника. Найдя файлы изображений, которые нужно вставить, перетаскивайте их по одному в соответствующую часть веб-страницы с помощью мыши, и Dreamweaver это сделает. автоматически вставлять эти изображения. URL-адрес изображения добавляется в HTML-код файла. Разумеется, перетаскиваемый файл изображения должен быть в формате веб-изображения, например gif, jpg и т. д. То же самое касается изображений, которые уже есть на веб-странице: просто перетащите их. Но если на перетаскиваемом изображении есть гиперссылка, вы больше не сможете использовать технологию перетаскивания, поскольку тогда перетаскивается только адрес гиперссылки.
8. Автоматически устанавливать время обновления.
Мы знаем, что если веб-страница хочет получать больше повторных посещений, очень важно постоянно ее обновлять. Но что касается наших личных веб-страниц, может быть непросто обновлять их каждый день вовремя. Поэтому мы надеемся, что веб-страница может обновляться автоматически. Ниже автор предоставит исходный код, который может автоматически обновлять время изменения. Нам нужно только добавить этот исходный код в... ＜ /BODY ＞ для достижения цели. обновление времени:
＜ Script Language="JavaScript"> ＜/script>; Во-вторых, с помощью мыши щелкните Текст/Пользовательский стиль/Редактировать/Таблица стилей/Новый/Переопределить HTML-тег в Dreamweaver и выберите из него, затем выберите «Нет» в оформлении и, наконец, нажмите «ОК», и все готово.
9. Умное копирование текста
Копирование текста между несколькими различными приложениями — это то, что мы часто делаем в реальной работе. Однако если мы скопируем текст в области редактирования из Dreamweaver в другое приложение, HTML-код и текст будут скопированы вместе. Так как же нам скопировать только текст в области редактирования? Мы знаем, что обычно используется сочетание клавиш Ctrl —. C для работы при копировании. Если при копировании мы нажмем еще одну клавишу C, Dreamweaver скопирует только выделенный текст.
10. Используйте сочетания клавиш
. Чтобы повысить эффективность операций, в Dreamweaver можно использовать сочетания клавиш, например Ctrl-B или Ctrl-I, чтобы применить к тексту полужирный шрифт или курсив. следующие сочетания клавиш для выбора Текст применяется в формате HTML: Ctrl-0: Неформатированный Ctrl-T: Абзац Ctrl-1: Заголовок 1 Ctrl-2: Заголовок 2 Ctrl-3: Заголовок 3 Ctrl-4: Заголовок 4 Ctrl-5: Заголовок 5 Ctrl-6: заголовок 6
11. Автоматически закрывать веб-страницу.
Если мы хотим, чтобы наша веб-страница автоматически закрывалась в течение заданного времени, мы могли бы также добавить следующий код после тега в исходном коде веб-страницы: ＜ скрипт LANGUAGE. ="JavaScript"＞ ＜ /script＞Код 3000 означает 3 секунды, которые измеряются в миллисекундах.
12. Грамотно задавайте имена объектов.
Когда мы используем Dreamweaver для создания очень сложных эффектов, нам может потребоваться повторно использовать один или несколько объектов. Например, нам часто нужно найти определенную таблицу, изображение и т. д., если мы этого не делаем. вы называете несколько объектов на веб-странице, повторное использование этих объектов может вызвать проблемы или привести к ошибкам. Чтобы облегчить вызов этих объектов, каждый раз, когда мы создаем новый объект, мы должны не забывать давать ему репрезентативное и легко запоминающееся имя. Называя эти объекты, мы можем просто сделать это через панель «Свойства» объекта.
13. Добавляйте динамические эффекты к ссылкам на изображения
Иногда, чтобы добиться реалистичного эффекта, мы надеемся, что при наведении мыши на ссылку будет движение. Этого эффекта можно легко добиться с помощью Dreamweaver. При проектировании нам сначала нужно подготовить два изображения: первое — исходное изображение, а второе — изображение после перемещения мыши вверх. Затем щелкните первое изображение мышкой, введите файл, который нужно связать, в столбце ссылки на панели свойств, затем нажмите клавишу F8 на клавиатуре, щелкните знак «+» во всплывающем окне «Поведение», а затем выберите «поменять изображение», в появившемся окне выберите второе изображение и, наконец, нажмите «ОК».