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 и т. д. То же самое касается изображений, которые уже есть на веб-странице: просто перетащите их. Но если на перетаскиваемом изображении есть гиперссылка, вы больше не сможете использовать технологию перетаскивания, поскольку тогда перетаскивается только адрес гиперссылки.