1>Как ввести пробел в DW?
Проблема входа в пробелы, кажется, стала обычным явлением в DW. Возможно, мы видели это N раз во многих книгах или статьях, посвященных использованию DW.
Ограничение на ввод пространства в DW касается состояния текста «половинной ширины», поэтому его можно избежать, настроив метод ввода на режим полной ширины. Метод следующий: откройте метод ввода на китайском языке (примите искусственный интеллект ABC в качестве параметра). Например), нажмите Shift + Пробел, чтобы переключиться в состояние полной ширины, теперь все должно быть в порядке.
Кроме того, вы также можете достичь цели ввода пробелов с помощью многих «обходных» методов. Например, наиболее часто используемые из них:
непосредственное добавление HTML-кода « », представляющего пробелы, в исходный код после ввода текстового объекта; определенной длины, затем отрегулируйте текст. Цвет такой же, как текущий цвет фона и т. д., но учтите, что последний может отображать проблемы в некоторых браузерах.
2> Как добавить собственный маленький значок перед адресной строкой браузера?
Помните, что иногда при просмотре домашней страницы веб-сайта NetEase перед адресом WWW.163.COM отображается небольшой значок со словом «Easy». По умолчанию этот значок представляет собой обозначенное изображение браузера IE.
На самом деле это не сложная технология, она просто добавляет определенный файл в каталог сайта.
На этот раз нам нужно заранее сделать файл иконки размером 16*16 пикселей. Расширение файла — ico, а затем он загружается в соответствующий каталог. Добавьте следующий код между исходными файлами HTML «<head></head>»:
<Link Rel="SHORTCUT ICON" href="http://Адрес изображения (обратите внимание, что он соответствует текущему каталогу) «>
ЗНАЧОК ЯРЛЫКА» — это имя значка. Конечно, если пользователь использует для просмотра IE5 или выше, это будет еще проще. Просто загрузите изображение в корневой каталог веб-сайта, и оно будет автоматически распознано!
3> Почему моя изначально хорошо спроектированная веб-страница становится уродливой и неудобной, когда окно браузера свернуто?
Это должна быть проблема, заслуживающая всеобщего внимания. Другими словами, при просмотре веб-контента в полноэкранном режиме проблем не возникает. Проблема постепенно возникает, когда мы используем команду минимизации окна или вручную изменяем размер окна. Содержимое веб-страницы будет использовать текущее окно в качестве диапазона отображения и размещаться последовательно. Например, разница между «автоматическим переносом строк» и «без переноса строк» в Блокноте совершенно одинакова.
Чтобы решить эту проблему, мы должны начать с макета веб-страницы. Обычно позиционирование веб-контента в основном достигается с помощью таблиц. Следовательно, «вина» в проблеме кроется в форме.
Посмотрите на панель свойств таблицы ниже:
Возможно, вы заметили, что для параметров высоты и ширины таблицы предусмотрены два разных типа: проценты и пиксели. Использование процентов приведет к проблеме, упомянутой ранее. Просто исправьте ее до фактического размера единицы пикселей.
4> Как изменить подсказку вверху при отображении веб-страницы?
При просмотре веб-страницы подсказка вверху часто представляет ключевое содержимое веб-страницы, помогая посетителям заранее понять ее содержимое. До DW4 эта операция не была напрямую предусмотрена в функции. Мы часто завершали ее применением атрибута «title» в исходном коде. Войти в DW4 гораздо проще.
Просто введите необходимую текстовую информацию непосредственно в поле ввода «заголовок» в верхней части окна редактирования.
5> Как добавить к картинке рамку заданного цвета?
Для изображений без рамок эффект отображения при вставке непосредственно на веб-страницу будет довольно плохим. Помните, что добавить удовлетворительные рамки к изображениям в Microsoft FP довольно хлопотно.
Однако в DW это гораздо проще, поскольку есть свойство «Граница», позволяющее напрямую задавать ширину границы.
После того, как ширина будет установлена, вы обязательно спросите, а как насчет цвета? На панели нет выбора цвета! Ха-ха, на самом деле здесь есть хитрость. Используйте мышь, чтобы выбрать объект изображения. Будьте осторожны, не щелкайте, чтобы выбрать, а перетаскивайте, чтобы выбрать. Просто сделайте это так же, как и настройку цвета текста.
6> Как добавить подсказку к картинкам и тексту ссылки?
Когда мы просматриваем веб-страницу, когда указатель мыши остается на объекте изображения или ссылке, в правой нижней части мыши иногда появляется окно с подсказкой. Сделайте несколько комментариев о цели. В некоторых случаях его роль очень важна.
Давайте сначала рассмотрим добавление подсказки к изображению. Выберите объект изображения, и на панели свойств вы увидите поле ввода «Alt». По умолчанию это поле ввода пусто. Просто введите здесь необходимое содержимое подсказки.
Тогда изготовление ссылочных подсказок не так просто. Поскольку эта функция не предусмотрена напрямую в DW, для ее реализации нам необходимо добавить HTML-код.
Добавьте атрибут «title» в <a href="" >. title=содержимого достаточно.
7> Как сделать свой собственный ZIP-файл или другие типы файлов доступными для скачивания другим людям?
В глазах многих начинающих создателей веб-страниц кажется, что завершение загрузки щелчком мыши — очень «загадочная» вещь, но на самом деле? это далеко не так. download.
На данный момент вам нужно только загрузить браузер. Напишите имя файла, а затем создайте ссылку на целевой файл. Будьте осторожны, чтобы не ошибиться в каталоге.
8> Как мы можем убедиться, что текст находится в папке
.веб-страница не меняется при настройке размера шрифта браузера. Как
мы все знаем, в браузере IE в настройках функции есть функция, позволяющая свободно устанавливать размер шрифта содержимого окна. Таким образом, из-за. В зависимости от привычек разных посетителей веб-страницы, представленные им, иногда будут разными.
Например, возможно, вы изначально использовали в своем дизайне шрифт размером 2, но из-за дополнительных настроек браузера пользователя он стал больше. В настоящее время возникнет проблема с эффектом отображения.
Тогда решение состоит в том, чтобы качественно привести содержимое веб-страницы к определенному подходящему размеру. То есть ему не разрешено меняться. Это требование может быть достигнуто путем обязательного управления шрифтами через таблицы стилей CSS.
9> Открыть целевую ссылку в новом окне?
Открыть в новом окне, как следует из названия, означает открытие другого окна браузера, не закрывая текущее окно. Вы можете <a href="">добавить "Target=_blank" непосредственно в код подключения.
Если ваш HTML плохой, этот параметр также доступен на панели свойств DW. Когда вы вводите URL-адрес WWW в поле ввода «Ссылка», одновременно активируется раскрывающийся список «Цель».
Просто выберите «пусто» вверху.
10> Как предотвратить появление рекламного окна при загрузке веб-страницы, как на многих коммерческих сайтах.
Это часто можно увидеть на многих крупных коммерческих сайтах. Его можно легко реализовать в DW с помощью поведения поведения.
Поскольку он загружается, мы можем рассматривать все содержимое веб-страницы как объект события. Щелкните тег «<body>» в левом нижнем углу окна редактирования DW. На этом этапе вы можете заметить, что весь веб-контент выбран.
Нажмите кнопку «Поведение» на панели быстрого запуска, чтобы войти в панель поведения, и
выберите элемент «Открыть окно просмотра». В это время вы также можете настроить стиль окна, например размер, сохранение кнопок инструментов и т. д. Еще один момент: не забывайте, что соответствующее событие — «Загрузка».
11> На панели быстрого запуска нет «Временной шкалы», что мне делать?
После обновления DW до версии 4 на панель быстрого запуска было добавлено несколько новых проектов, таких как «Активы» и так далее. В это время кнопка Timelins, изначально находившаяся сверху, была зажата.
Конечно, если вы захотите использовать его сейчас, вы все равно можете найти его через меню «Окна»-«Временные шкалы». Но ведь это не так удобно, как положить в лаунпад. На данный момент мы можем добавить его через настройки!
Войдите в окно «Редактировать»-«Предпочтения», выберите «панели» в списке проектов слева,
нажмите кнопку «+» выше и выберите «Временные шкалы» из раскрывающегося списка. В настоящее время временная шкала была автоматически добавлена к текущему содержимому списка «Показать в панели запуска», ОК. В измененной панели «Лончер»
вы также можете свободно выбирать параметры кнопок, которые появляются на панели, в соответствии с вашими потребностями для повышения эффективности работы.
12> Создайте веб-страницу, чтобы она автоматически обновлялась каждые 5 минут. Как этого добиться?
Просматривая Интернет, мы часто сталкиваемся с некоторыми веб-страницами. Если в течение определенного периода времени нет ответа, он автоматически обновится. Помимо напоминания посетителям, когда новый адрес обновления не является текущим URL-адресом, реализована функция автоматического перехода.
Будь то повторное обновление или автоматический переход. В веб-дизайне все это очень практичные операции. Ниже мы расскажем, как их сделать.
Выберите раздел «Заголовок» панели «Объект» DW. Обратите внимание, что по умолчанию отображается «содержимое» Common.
Нажмите кнопку «Обновить» выше,
введите время задержки обновления (единица измерения: секунды) в поле ввода «Задержка», а «Действие» — это целевой URL-адрес, указанный для обновления. Поскольку мы обновляем текущую страницу, просто выберите пункт меню «Обновить этот документ».
13> Как определить ключевое слово (Keyname) веб-страницы?
Когда пользователи используют поисковые системы для поиска веб-страниц с подходящим содержанием, ключевые слова играют роль, которую нельзя игнорировать. Большинство поисковых серверов автоматически определяют, создаются ли в сети новые веб-страницы через регулярные промежутки времени, и записывают их по ключевым словам, чтобы облегчить запросы пользователей.
Конечно, вы хотите, чтобы ваша веб-страница появлялась в списке результатов поиска поисковых систем. В настоящее время определение ключевых слов особенно важно.
Также на панели «Заголовок»
нажмите кнопку «Ключевые слова» и
введите по одному ключевые слова, которые необходимо определить. Обратите внимание, что каждое ключевое слово разделяется знаком «;», и количество не ограничено.
14> Как скрыть некоторые ненужные метки в окне редактирования?
Когда пользователь вставляет на веб-страницу слишком много невидимых элементов, в верхней части окна редактирования будет отображаться ряд соответствующих меток, чтобы пользователь мог найти их в любое время. Хотя эти теги сами по себе не влияют на эффект отображения в браузере, если их слишком много, содержимое веб-страницы часто придется смещать, что в определенной степени затрудняет визуальную настройку веб-страницы. как мы можем удалить эти вещи?
Войдите в панель «Preperence», выберите в списке «Элементы Invisibel» и
установите «галочки» перед элементами, которые вы не хотите отображать, например, «Скрипты» и т. д.
15> Настройте отображение содержимого браузеров, которые это делают. не поддерживает "фреймы"?
Мы знаем, что в настоящее время существует множество типов браузеров, поэтому первое, что мы учитываем при разработке веб-страницы, часто звучит так: «Будет ли эта вещь хорошо отображаться в разных браузерах?». Рамки тому пример!
А вот избежать этого очень просто, нужно всего лишь добавить в исходный код следующий контент.
< BODY><noframes> --- Эта веб-страница содержит структуры фреймов. Если вы не можете их нормально отобразить, загрузите новую версию браузера или перейдите на обычный браузер --- </noframes></ BODY>
16> Как предотвратить. другие от помещения вашей веб-страницы в рамку?
Некоторые люди с плохими намерениями часто крадут плоды работы других людей, например, помещая тщательно созданные веб-страницы других людей в свои собственные фреймы в виде подстраниц.
Так как же предотвратить «украду» вашего веб-контента?
Вам нужно всего лишь добавить следующее содержимое кода между <head></head> исходного кода веб-страницы:
<script Language="javascript"><!--
если (self!=top){top.location=self.location;}
-->< /script>
17> Как добавить комментарий?
Содержимое аннотаций, как следует из названия, отображается только как пояснительный контент, поэтому оно не отображается на веб-странице при просмотре. Его функция — пометить определенные важные или сложные коды как необходимые, чтобы их можно было легче и быстрее найти.
Войдите в раздел «Невидимый» панели «Объект» (то есть невидимые элементы), выберите кнопку «Вставить «Комментарий» и
введите необходимую информацию в поле «Комментарий». Если вы сейчас вернетесь к исходному коду, то увидите, что эти операции добавляют не что иное, как фрагмент кода в следующем формате:
<! --Это содержимое аннотации, которое необходимо заполнить -->
18> Горизонтальная линия, почему нельзя установить цвет?
В DW при вставке горизонтальной линии через меню "Вставка" - "Правило горизонтали" вы обнаружите, что в панели свойств нет настройки цвета горизонтальной линии, поскольку самый ранний ЧПУ не поддерживает тег < hr> (HTML-код для горизонтальных линий) ) Атрибут COLOR, поэтому в DW для него нет настроек.
Похоже, что при необходимости мы можем только напрямую войти в исходный файл и внести изменения.
<hr color="Соответствующий цветовой код">
19> Как настроить функцию закрытия текущего окна?
Здесь мы можем сначала ввести текст, используемый для отметки «Закрыть окно», перетащить его с помощью мыши, чтобы выбрать, ввести «/» в поле ввода «Ссылка» и одновременно вырезать окно исходного кода, ввести событие -onclick= в коде ссылки «javascript:window.close(); return false;».
Полный код: <a href="/" onclick="javascript:window.close(); return false;">Закрыть окно</a>
Конечно, вы также можете заменить текст «Закрыть окно» другими объектами. .Такие как картинки,кнопки и т.д.!
20> А как насчет окон, которые автоматически закрываются в запланированное время?
Функция закрытия окна упомянута выше, а как теперь реализовано автоматическое закрытие?
Добавьте следующий код после исходного кода <body>:
<script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 10000);
--> </script>
Установленный таймаут — это функция, используемая для установки времени задержки, где 10000 означает 10 секунд.
21> Как изменить «форму» мыши в браузере
Обычно мышь в браузере отображается в виде «стрелки», можем ли мы изменить ее на другие стили, которые нам нравятся?
Изменение формы мыши реализовано в DW через «таблицу стилей CSS».
Меню «Текст» — «Стиль CSS» — «Редактировать таблицу стилей», появится окно редактирования таблицы стилей, также можно нажать кнопку «Стиль CSS» в панели быстрого запуска, чтобы найти ее, нажать кнопку «Создать», выберите значение по умолчанию «Создать собственный стиль» и в поле «Определить» ниже установите этот стиль только для текущего веб-документа «Только этот документ». Выберите «Расширение» из пунктов списка слева от окна «Определение стиля» и установите соответствующие настройки справа в «Курсоре» (мышь). Потяните вниз, чтобы выбрать подходящую форму. После подтверждения вернитесь и нажмите F12. в браузере. Наблюдайте за эффектом. Если вас не устраивает, вы также можете изменить стиль.
22>Как убрать подчеркивание под текстом ссылки?
После завершения создания ссылки текстовое содержимое ссылки часто автоматически добавляется с подчеркиванием ниже, чтобы указать, что содержимое содержит гиперссылку. Когда на веб-странице много ссылок, она кажется немного загроможденной. На самом деле мы можем легко их удалить. Также войдите в окно «Редактировать таблицу стилей», нажмите «Новый», чтобы установить новый стиль. В поле «Тип» вам нужно выбрать «Переопределить HTML-тег» и в то же время выбрать «a», обозначающую гиперссылку в поле «Редактировать таблицу стилей». конкретный тег Тег» и нажмите «ОК».
Отредактируйте этот стиль, выберите «Тип» в списке слева и установите флажок «Нет» в «Оформлении». При этом подчеркивание текста ссылки на всех веб-страницах будет удалено.
23> Как сделать так, чтобы при наведении мыши на текст ссылки происходило обесцвечивание, деформация и другие эффекты?
При посещении веб-сайта одним из наиболее распространенных эффектов, с которыми мы сталкиваемся, является «реакция на наведение курсора мыши». Так называемый «реакция на наведение курсора мыши» проявляется в тексте ссылки, включая изменение цвета и изменение эффекта (подчеркивание, центральная линия) и другие варианты.
Поскольку этот эффект играет очень хорошую роль в выделении целевого контента, он применяется как к личным сайтам, так и к некоторым крупным коммерческим сайтам (таким как Sina, Sohu, NetEase и т. д.).
В предыдущем вопросе вы уже знали, как убрать подчеркивание ссылок, поэтому я не буду здесь вдаваться в подробности. Следующий вопрос будет заключаться в том, как добавить процесс события реакции мыши.
Также войдите в окно «Редактировать таблицу стилей», нажмите «Новый», чтобы установить новый стиль, разница в том, что теперь выберите последний элемент в типе типа — «Использовать селектор CSS», выберите «a:hover» в «Селекторе». " ОК, войдите в окно стиля редактирования и установите цвет текста в пункте "Тип" на "красный". Конечно, вы также можете добавить эффект подчеркивания при наведении курсора мыши.
24>Как предотвратить прокрутку фонового изображения веб-страницы вместе с содержимым?
Фоновые изображения — это то, что часто добавляют многие веб-дизайнеры. Когда содержимое веб-страницы превышает один экран, фоновое изображение будет прокручиваться вместе с содержимым относительно неподвижно, когда полоса прокрутки вытягивается. Итак, можно ли заблокировать фон и не прокручивать его. вдоль? Конечно, вы можете войти в окно «Редактировать таблицу стилей», нажать «Создать», чтобы установить новый стиль, выбрать «Переопределить HTML-тег» в поле «Тип», выбрать «Тело» в меню «Тег» и выбрать «Фон» в списке. слева. Установите для параметра «Вложение» значение «фиксированное». Где прокрутка представляет собой отображение прокрутки по умолчанию.
25> Вы должны знать фоновую музыку, как ее добавить?
В веб-инструменте Microsoft — Frontpage есть функция настройки фоновой музыки, но DW явно этого не делает, поэтому если вы хотите ее использовать, то можете добавить ее только вручную в исходном коде.
Прежде чем использовать его, хотелось бы всем напомнить, что при использовании фоновой музыки необходимо обращать внимание на размер файла веб-страницы и не упускать из виду ни то, ни другое. Код выглядит следующим образом:
<EMBED src="music.mid" autostart="true" Loop="2" width="80" height="30">
Среди них src указывает местоположение музыкального файла, autostart — действие после загрузки музыкального файла, true означает автоматическое начало воспроизведения, false — не воспроизводится (значение по умолчанию).
27> Как автоматически добавить измененную дату на веб-страницу?
Просто добавьте следующий код между исходными файлами <body></body>.
<Script Language="javascript"><!--
document.write("Last Updated:"+document.lastModified);
-->< /Script>
отображается в браузере как: "Последнее обновление: 2001/8/19); 28
> Как управлять всплывающей информацией POPUP?
Иногда, когда мы нажимаем на ссылку, появляется некая подробно объясненная подсказка, то есть всплывающее сообщение. Например, если ссылка не завершила создание целевой страницы контента, вы можете использовать информацию POPUP для объяснения этого.
Введите текст ссылки в подходящем месте веб-страницы, выберите его и создайте ссылку на панели свойств. Пока выбрано, нажмите кнопку «Поведение» на панели быстрого запуска,
щелкните знак «+» в левом верхнем углу, выберите «Всплывающее сообщение» из списка, введите информацию, которая будет запрошена в следующем окне, и
установите Установить событие мыши (События) этого действия как щелчок (onclick). Эффект предварительного просмотра в браузере следующий:
29> Как скрыть информацию об URL-адресе в строке состояния браузера?
При просмотре веб-страниц, когда указатель мыши находится над ссылкой, целевой адрес ссылки автоматически отображается в строке состояния ниже. Учитывая проблемы безопасности, иногда нам необходимо сбросить его на «ноль», то есть установить его пустым.
Теперь вам нужно всего лишь проделать некоторые трюки в коде ссылки, чтобы добиться этого,
<a href=http://tech.163.com/school onMouseOver="window.status='none';return true">NetEase Academy</ a >
30>Как изменить текст подсказки в строке состояния?
По умолчанию при загрузке веб-страницы адрес и другая информация о веб-странице отображаются в строке состояния. Хотите сделать его более привлекательным?
На панели поведения DW «Поведение» щелкните знак «+», чтобы выбрать параметр «Текст строки состояния» в разделе «Задать набор текста», и
введите что-то вроде «Добро пожаловать на этот веб-сайт-» в поле «Задать текст статуса». Окно «Панель». -Сообщения, такие как «Сообщение управления сетью».
31> Как установить метод обработки форм для электронных писем?
Формы должны быть незаменимым элементом интерактивной функции веб-страниц. Функция формы обусловлена взаимодействием информации, поэтому обработка форм часто предполагает использование высоких частот. Языки сетевого программирования многоуровневого уровня. Вы можете сказать: «Ух ты! Я не умею программировать! Это не имеет значения, на самом деле, некоторую простую обработку содержимого формы также можно выполнить по электронной почте.
Сначала взгляните на следующий код:
<form name="content" Method="post" action="Handler to be use" ></form>
Выше приведен исходный код HTML типичной формы, в которой METHOD определяет метод. , в том числе бывают двух типов: POST и GET. ACTION — это обработчик, о котором мы упоминали выше, который обычно можно реализовать через ASP/PHP/CGI.
Так как же это сделать с помощью электронной почты? action=mailto:[email protected], поэтому при нажатии кнопки отправки появится всплывающее окно. Нажмите «ОК», и содержимое формы будет отправлено в указанный почтовый ящик.
32> Как создать стандартизированную ссылку по электронной почте?
Так называемая «ссылка электронной почты» означает, что когда мы нажимаем на нее, браузер автоматически вызывает программу почтового клиента по умолчанию для отправки электронного письма.
Введите слова «ПРОБЛЕМА ПОЧТА МНЕ», перетащите указатель мыши, чтобы выбрать его, переключитесь на панель свойств и введите следующую команду в поле ввода ССЫЛКА:
Mailto: [email protected] ? Тема=письма от пользователей сети&bc=другие адреса электронной почты&bcc=другие адреса электронной почты. Среди них Mailto — протокол ссылки электронной почты, Тема — заголовок электронного письма, bc — адрес электронной почты, который нужно скопировать одновременно, а bcc представляет собой слепое копирование.
33> Как создать «пустую ссылку»?
Пустая ссылка — это ссылка без объекта ссылки. В пустой ссылке целевой URL-адрес обозначается знаком «#». То есть при создании ссылки просто введите знак # в поле ввода ССЫЛКА на панели свойств, и это будет пустая ссылка.
Появление пустых ссылок зависит от многих факторов, например, некоторые страницы не заполняются регулярно, и для обеспечения единообразия отображения страниц (стиль ссылки отличается от обычного стиля текста) вы можете использовать его.
34> При нажатии на пустую ссылку страница часто сбрасывается в начало страницы. Как с этим бороться?
В браузере, когда мы нажимаем на пустую ссылку, текущая страница автоматически сбрасывается на первую, что влияет на обычное чтение содержимого пользователем. Конечно, мы надеемся, что оно останется неизменным.
В настоящее время вы можете использовать код «javascript:void(null)» для замены исходного знака «#». Оглядываясь назад, можно сказать, что проблема решена.
35> Как настроить ссылки, по которым можно свободно перемещаться по странице?
Если вы часто подписываетесь на некоторые бесплатные электронные журналы в Интернете, вы, должно быть, знакомы с такого рода «ссылками на вкладки». Через список, похожий на каталог, вы можете легко перейти к любой части страницы. Несомненно, он предназначен специально для этого. Предназначен для веб-страниц с «чрезвычайно длинным содержанием».
Сначала определите, куда указывает ссылка, то есть, где она останется после перехода экрана. Войдите в раздел «Невидимые объекты» панели «Объект», выберите целевой текст, нажмите кнопку «Вставить именованную привязку», введите имя метки в поле «Имя привязки», ОК, после чего под элементом автоматически появится красная пунктирная линия. text, чтобы отличить его от обычного текстового содержимого, обратите внимание, что они не будут отображаться в браузере.
Затем вы можете создать ссылку и ввести «#nchor Name (имя только что)» в поле ввода ССЫЛКА на панели свойств. Конечно, если вы хотите указать определенное место на другой странице, вы также можете просто поместить туда этот маленький хвостик.
36> Что делать, если я одновременно создаю много ссылок на одну картинку?
Эту проблему мы обычно называем «Горячая область изображения». Конечно, в DW есть еще одно название — «Горячая область изображения».
Выберите изображение. В этот момент в левом нижнем углу панели свойств находится панель инструментов «Карта». Справа расположены три кнопки для разграничения различных областей. В качестве примера возьмите инструмент «Прямоугольник». остается на изображении. Он отображается в форме «+», что означает, что его можно перетаскивать влево и вправо. После завершения вы можете завершить создание ссылки из нескольких областей горячих точек. Обратите внимание, что области не могут перекрываться.
37> Как создать перевернутое изображение, которое может реагировать на события мыши?
На многих веб-страницах мы часто видим заголовки столбцов, которые могут измениться на что-то другое, когда на них наводится указатель мыши. Фактически, многие из них достигаются за счет использования двух разных изображений, что представляет собой так называемый эффект «перевернутого изображения».
Конечно, предварительно необходимо подготовить две картинки абсолютно одинакового размера, чтобы при перелистывании не возникало визуального дискомфорта. Нажмите «Изображение-переворачивание» на панели «Объект», чтобы появилось окно «Настройки изображения-переворачивания». Нажмите кнопку «Обзор» соответственно, чтобы определить адреса «Исходного изображения» и «Изображения роллера». Обязательно установите флажок «Предварительно загрузить изображение роллера» ниже, в противном случае при наведении и воздействии мыши будет определенная задержка загрузки. эффект.
38> Как создать картину «летающего по небу»?
На домашних страницах многих крупных коммерческих сайтов вы часто увидите множество рекламных картинок, плавающих туда-сюда. После нажатия вы можете перейти по указанному адресу. В DW это достигается с помощью Timelines.
Сначала вставьте целевое изображение на веб-страницу, одновременно выберите его, нажмите кнопку «Временные шкалы» на панели быстрого запуска, чтобы войти в окно «Временная шкала», щелкните правой кнопкой мыши первый кадр временной шкалы и выберите « Добавить объект». В это время на временной шкале на экране появится полоса синего цвета (по умолчанию 1-15 кадров), остановите камеру на 15 кадре и переместите картинку на странице в конечное положение движения.
Теперь, когда простая анимация движения готова, вы можете настроить кривизну пути, добавив ключевой кадр посередине. Нажмите кнопку со стрелкой вправо выше, чтобы просмотреть эффект.
39> Как создать на странице «статически подвешенное» изображение?
Так называемая «статическая приостановка» означает, что изображение всегда пытается оставаться в определенной позиции на веб-странице, поэтому визуально создается ощущение, будто оно «идет» вместе со страницей, как будто оно подвешено.
Реализация этого эффекта осуществляется посредством JavaScript, что обычно требует определенных навыков программирования. К счастью, DW предоставляет фиксированный плагин для создания этого эффекта, поэтому все гораздо проще.
Сначала необходимо загрузить подключаемый модуль stav и скопировать два файла внутри (включая файл изображения Cross Browser Static Division.gif и файл веб-страницы Cross Browser Static Division.htm) в каталог установки DW ConfigurationObjectsCommon.
Перезапустите DW. На панели «Объект» вы увидите, что внизу есть элемент SI. Выберите его и во всплывающем окне задайте расстояние от плавающего слоя до верха и слева, а затем вставьте указанное значение. содержание (картинки здесь).
40> Как сделать так, чтобы текст и изображение сосуществовали?
Все мы знаем, что в DW объекты-изображения часто занимают одну строку, поэтому текстовый контент можно разместить только на строке, параллельной ей. Как можно отобразить текст вокруг изображения?
Выберите изображение, вы увидите меню свойств «Выравнивание» в правом верхнем углу панели свойств, выберите «По левому краю», и тогда вы обнаружите, что текст равномерно расположен в правой части изображения.
41>Реализовать подключение нескольких окон?
Дизайн панелей всегда был главной особенностью DW. В версии DW4 уже используется довольно много панелей. Как же нам использовать их более эффективно? «Подключение окон» — это техническая функция, которую удобно настраивать каждому. Проще говоря, это означает, что в одно окно можно поместить две и более панели по мере необходимости. Щелкните и перетащите панель вкладок одной панели на две панели. Когда вы увидите черную рамку, отпустите мышь. В этот момент две панели объединились в одну.
42> Как сделать тонкую линию шириной 1?
В DW хоть и отображается горизонтальная линия в виде «Линии», но при прорисовке тонких линий она работает неудовлетворительно, в основном потому, что слишком толстая и не обладает необходимой деликатностью!
Затем мы можем принять гибкий метод для его реализации посредством применения таблиц.
Вставьте таблицу с 1 строкой и 1 столбцом на веб-страницу, установите для «cellpadding» и «cellspacing» таблицы значение «0» и установите для «bgcolor» ячейки значение красного цвета. Конечно, вы также можете использовать. другие цвета Вместо этого «Высота» устанавливает высоту равным 1.
Самый важный шаг — проверить исходный код и удалить « » в <td>< /td>.
43>Как сделать квадрат с границей 1?
Очевидно, нам еще предстоит завершить настройку стола.
Может быть, вы скажете, это не просто! Просто создайте таблицу с 1 строкой и 1 столбцом, а затем установите для ее значения «Граница» значение 1. На самом деле, сделанная таким образом таблица вовсе не квадрат с границей 1, а гораздо «толстая»!
Аналогичным образом сначала вставьте таблицу с 1 строкой и 1 столбцом, установите для «границы» и «заполнения ячеек» таблицы значение «0» и установите для параметра «Ячейка» значение «1». Установите для «bgcolor» таблицы красный цвет (то есть цвет границы), а для «bgcolor» ячейки — белый (то есть тот же цвет фона).
44> Как настроить разные браузеры, чтобы они возвращали разные страницы?
Разные браузеры поддерживают разные технологии и эффекты. Поэтому веб-страницы, которые мы разрабатываем, могут отображаться некорректно или оптимально во всех браузерах. В это время необходим переход на определение браузера.
Когда пользователь открывает его в разных типах или версиях браузеров, могут быть возвращены разные страницы, чтобы обеспечить нормальный просмотр пользователем. Нажмите кнопку «Поведение» на панели быстрого запуска, нажмите знак «+» и выберите «Проверить просмотр» в раскрывающемся списке.
45> Как создавать объекты, которые можно перетаскивать в любое место веб-страницы?
Посещая веб-сайт, вы часто видите множество элементов, которые можно перетаскивать мышью, в основном это картинки. Например, если рекламная картинка блокирует контент, который вы хотите просмотреть, вы можете выделить ее мышкой и отбросить в сторону!
Этот эффект достигается за счет поведения слоя «Перетаскивание слоя». Нажмите знак «+» на панели «Поведение» и выберите «Перетаскивание слоя». Конечно, вы должны убедиться, что целевой слой выбран, прежде чем выполнять простые настройки. .