Dreamweaver всегда был инструментом веб-дизайна, предпочитаемым многими пользователями сети. Помимо мощных возможностей создания динамических эффектов, его удобный и лаконичный интерфейс управления также уникален. Ниже мы возьмем в качестве примера последнюю версию Dreamweaver4 и систематически зададим вопросы. Давайте представим некоторые проблемы и методы, часто встречающиеся в процессе проектирования.
Примечание. Для удобства ниже мы сократим все представления Dreamweaver до представления DW.
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 эта операция не была напрямую предусмотрена в функции. Мы часто завершали ее применением атрибута «Название» в исходном коде. Войти в DW4 гораздо проще.
Просто введите необходимую текстовую информацию непосредственно в поле ввода «Название» в верхней части окна редактирования.
5> Как добавить к картинке рамку заданного цвета?
Для изображений без рамок эффект отображения при вставке непосредственно на веб-страницу будет довольно плохим. Помните, что добавить удовлетворительные рамки к изображениям в Microsoft FP довольно хлопотно.
Однако в DW это гораздо проще, поскольку есть свойство «Граница», позволяющее напрямую задавать ширину границы. Как показано на картинке:
После установки ширины вы обязательно спросите, а как насчет цвета? На панели нет выбора цвета! Ха-ха, на самом деле здесь есть хитрость. Используйте мышь, чтобы выбрать объект изображения. Будьте осторожны, не щелкайте, чтобы выбрать, а перетаскивайте, чтобы выбрать. Просто сделайте это так же, как и настройку цвета текста.
6> Как добавить подсказку к картинкам и тексту ссылки?
Когда мы просматриваем веб-страницу, когда указатель мыши остается на объекте изображения или ссылке, в правой нижней части мыши иногда появляется окно с подсказкой. Сделайте несколько комментариев о цели. В некоторых случаях его роль очень важна.
Давайте сначала рассмотрим добавление подсказки к изображению. Выберите объект изображения, и на панели свойств вы увидите поле ввода «Alt». По умолчанию это поле ввода пусто. Просто введите здесь необходимое содержимое подсказки.
Тогда изготовление ссылочных подсказок не так просто. Поскольку эта функция не предусмотрена напрямую в DW, для ее реализации нам необходимо добавить HTML-код.
Добавьте атрибут «Название» в <a href="" >. Название = подсказки достаточно.
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-тег», и одновременно выбрать «Переопределить». HTML-тег», который представляет гиперссылку в конкретном теге Tag. 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 — не воспроизводить (значение по умолчанию).
26> Как с помощью горизонтальных линий сделать тонкую линию шириной 1?
Пожалуйста, нажмите здесь, чтобы увидеть метод реализации (добавлен редактором)
27> Как автоматически добавить измененную дату на веб-страницу?
Просто добавьте следующий код между исходными файлами <body></body>.
< script Language="javascript"><!--
document.write("Последнее обновление:"+document.lastModified);
-->Стиль отображения </script>
в браузере: «Последнее обновление: 19.08.2001»
28> Как управлять всплывающей информацией POPUP?
Иногда, когда мы нажимаем на ссылку, появляется некая подробно объясненная подсказка, то есть всплывающее сообщение. Например, если ссылка не завершила создание целевой страницы контента, вы можете использовать информацию POPUP для объяснения этого.
Введите текст ссылки в подходящем месте веб-страницы, выберите его и создайте ссылку на панели свойств. Пока выбрано, нажмите кнопку «Поведение» на панели быстрого запуска, например:
нажмите знак «+» в левом верхнем углу, выберите из списка «Всплывающее сообщение» и введите информацию, которая должна быть запрошена в поле В следующем окне, как показано на рисунке,
установите событие мыши (События) этого действия на щелчок (onclick). Эффект предварительного просмотра в браузере следующий:
29> Как скрыть информацию об URL-адресе в строке состояния браузера?
При просмотре веб-страниц, когда указатель мыши находится над ссылкой, целевой адрес ссылки автоматически отображается в строке состояния ниже. Учитывая проблемы безопасности, иногда нам необходимо сбросить его на «ноль», то есть установить его пустым.
Теперь вам нужно всего лишь проделать некоторые трюки в коде ссылки, чтобы добиться этого, как показано ниже:
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status" =' none';return true">Pacific Online 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> Как настроить ссылки, по которым можно свободно перемещаться по странице?
Если вы часто подписываетесь на некоторые бесплатные электронные журналы в Интернете, вы, должно быть, знакомы с такого рода «ссылками на вкладки». Через список, похожий на каталог, вы можете легко перейти к любой части страницы. Несомненно, он предназначен специально для этого. Предназначен для веб-страниц с «чрезвычайно длинным содержанием».
Сначала определите, куда указывает ссылка, то есть, где она останется после перехода экрана. Войдите в раздел «Невидимые» на панели «Объект», выберите целевой текст и нажмите кнопку «Вставить именованную привязку». Окно выглядит следующим образом.
Введите имя тега в поле «Имя привязки» и нажмите «ОК». Под текстом автоматически появится красная пунктирная линия, чтобы отличить его от обычного текстового содержимого.
Затем вы можете создать ссылку и ввести «#nchor Name (имя только что)» в поле ввода ССЫЛКА на панели свойств. Конечно, если вы хотите указать определенное место на другой странице, вы также можете просто поместить туда этот маленький хвостик.
36> Что делать, если я одновременно создаю много ссылок на одну картинку?
Эту проблему мы обычно называем «Горячая область изображения». Конечно, в DW есть еще одно название — «Горячая область изображения».
Выберите изображение. В этот момент в левом нижнем углу панели свойств находится панель инструментов «Карта». Справа расположены три кнопки для разграничения различных областей.
Инструмент «Прямоугольник» используется в качестве примера на рисунке. , мышь останется на изображении. Оно будет отображаться в виде знака «+», что означает, что вы можете перетаскивать его влево и вправо. После завершения
вы можете завершить создание ссылки из нескольких областей активных точек. Обратите внимание, что области не могут перекрываться.
37> Как создать перевернутое изображение, которое может реагировать на события мыши?
На многих веб-страницах мы часто видим заголовки столбцов, которые могут измениться на что-то другое, когда на них наводится указатель мыши. Фактически, многие из них достигаются за счет использования двух разных изображений, что представляет собой так называемый эффект «перевернутого изображения».
Конечно, предварительно необходимо подготовить две картинки абсолютно одинакового размера, чтобы при перелистывании не возникало визуального дискомфорта. Нажмите «Изображение переворота» на панели «Объект»,
чтобы появилось окно «Настройки изображения переворота». следующим образом:
соответственно нажмите кнопку «Обзор», чтобы определить адреса «Исходного изображения» и «Изображения ролловера». Обязательно установите флажок «Предварительно загрузить изображение роллера» ниже, в противном случае при скольжении мыши будет определенная задержка загрузки. эффект закончился.
38> Как создать картину «летающего по небу»?
На домашних страницах многих крупных коммерческих сайтов вы часто увидите множество рекламных картинок, плавающих туда-сюда. После нажатия вы можете перейти по указанному адресу. В DW это достигается с помощью Timelines.
Сначала вставьте целевое изображение на веб-страницу, одновременно выберите его, нажмите кнопку «Временные шкалы» на панели быстрого запуска, чтобы открыть окно «Временная шкала», как показано на рисунке:
Щелкните правой кнопкой мыши положение 1 кадра в на временной шкале и выберите «Добавить объект». На временной шкале появится синяя цветная полоса (по умолчанию 1–15 кадров). Остановите камеру на 15 кадре и переместите изображение на странице в конечное положение.
Теперь, когда простая анимация движения готова, вы можете настроить кривизну пути, добавив ключевой кадр посередине. Нажмите кнопку со стрелкой вправо выше, чтобы просмотреть эффект.
39> Как создать на странице «статически подвешенное» изображение?
Так называемая «статическая приостановка» означает, что изображение всегда пытается оставаться в определенной позиции на веб-странице, поэтому визуально создается ощущение, будто оно «идет» вместе со страницей, как будто оно подвешено.
Реализация этого эффекта достигается с помощью JavaScript, что обычно требует определенного уровня навыков программирования. К счастью, DW предоставляет фиксированный плагин для создания этого эффекта, поэтому все гораздо проще.
Сначала вам необходимо загрузить плагин stav /u/info_img/2009-05/31/stav.zip и распаковать два файла внутри (включая файл изображения Cross Browser Static Division.gif и файл веб-страницы Cross Browser). Static Division. htm) копируются в каталог установки DW ConfigurationObjectsCommon.
Перезапустите DW. На панели «Объект» вы увидите, что внизу есть элемент SI. Выберите его и во всплывающем окне задайте расстояние от плавающего слоя до верха и слева, а затем вставьте указанное значение. содержание (картинки здесь).
40> Как сделать так, чтобы текст и изображение сосуществовали?
Все мы знаем, что в DW объекты-изображения часто занимают одну строку, поэтому текстовый контент можно разместить только на строке, параллельной ей. Как можно отобразить текст вокруг изображения?
Выберите изображение, и вы увидите меню свойств «Выравнивание» в правом верхнем углу панели свойств. Выберите
«По левому краю», как показано на рисунке. На этом этапе вы обнаружите, что текст равномерно расположен. правая часть изображения.
41> Как соединить несколько окон?
Панельный дизайн всегда был основной особенностью DW. В версии DW4 уже используется довольно много панелей. Как же нам использовать его более эффективно?
«Подключение окон» — это техническая функция, которую удобно настраивать каждому. Проще говоря, это означает, что в одно окно можно поместить две и более панели по мере необходимости.
Щелкните и перетащите панель вкладок одной панели на две панели. Когда вы увидите черную рамку, отпустите мышь. В этот момент две панели объединились в одну. Операция показана
на рисунке: 42> Как использовать. веб-страница Скрыть что-то?
В веб-дизайне иногда нам необходимо вставить некоторый контент, который не требуется отображать, например, систему статистики трафика, систему анализа доступа пользователей и т. д. В настоящее время мы должны подумать о том, как их скрыть. Конечно, предпосылка такова. что их присутствие не повлияет на макет других элементов веб-страницы.
Нажмите кнопку «Слои» на панели «Объект», перетащите указатель мыши, чтобы создать новый слой, и поместите в него все содержимое, которое необходимо скрыть, как показано на рисунке:
Нажмите на маленькое поле в левом верхнем углу слой, чтобы пометить его как выбранный, и одновременно переключитесь на панель свойств, установите для параметра Vis значение «Скрытый», как показано на рисунке:
Вау! Весь контент действительно пропал
43> Как создать простое выпадающее меню?
Выпадающие меню очень распространены на веб-страницах. Поскольку они могут значительно сэкономить пространство веб-страницы, они в основном используются в ситуациях, когда необходимо перечислить несколько объектов, например списки друзей, адреса совместных веб-сайтов и т. д.
DW предоставляет чрезвычайно простой метод производства, так что нам не придется писать этот скучный код!
Войдите в раздел «ФОРМА» панели «Объект», как показано на рисунке:
нажмите кнопку «Вставить меню перехода», чтобы появилось окно настройки «Выпадающее меню»:
введите название пункта меню в «Текст». »; введите URL-адрес в поле «Перейти к URL-адресу» или воспользуйтесь кнопкой «Обзор», чтобы выбрать. Нажмите на топ "+", чтобы ввести новые пункты меню, и все элементы будут отображаться в «пунктах меню».
44> Как сделать тонкую линию с шириной 1?
В DW, хотя горизонтальная линия появляется в форме «линии», при создании тонких линий, она не выполняет удовлетворительно, главным образом потому, что она слишком толстая и не имеет необходимой деликатеса!
Затем мы можем принять гибкий метод для реализации его через применение таблиц.
Вставьте таблицу с 1 строкой и 1 столбцом в веб -страницу, установите «CellPadding» и «Scell Spack» таблицы в «0» и установите «Bgcolor» ячейки в красный. Другие цвета.
Наиболее важным шагом является проверка исходного кода и удалить «» в <td> </td>.
45> Как сделать квадрат с границей в 1?
Очевидно, что нам все еще нужно завершить настройки таблицы сейчас.
Может быть, вы скажете, это не просто! Просто создайте таблицу с 1 строкой и 1 столбцом, а затем установите его значение «границы» на 1. На самом деле, таблица, сделанная таким образом, не является квадратом с границей в 1, но является гораздо «толстым»!
Аналогичным образом, сначала вставьте таблицу с 1 строкой и 1 столбцом, установите «границу» и «сотовой падкой» таблицы в «0», и установите «сочетать» на «1». Установите «Bgcolor» таблицы на красный (то есть цвет границы) и установите «Bgcolor» ячейки в белый (то есть тот же цвет фона). Эффект заключается в следующем:
46> Как настроить разные браузеры для возврата разных страниц?
Различные браузеры поддерживают различные технологии и эффекты. Поэтому веб -страницы, которые мы разрабатываем, могут не отображаться должным образом или оптимально во всех браузерах. В настоящее время необходим прыжок для определения браузера.
Когда пользователь открывает его различными типами или версиями браузеров, могут быть возвращены различные страницы, чтобы обеспечить нормальный просмотр пользователя.
Нажмите кнопку «Поведение» в быстрого запуска, нажмите знак «+» и выберите «Проверьтепросмотр
» в раскрывающемся списке.
47> Как создать объекты, которые можно перетаскивать где угодно на веб -странице?
При посещении веб -сайта вы часто видите много элементов, которые можно перетаскивать с мышью, в основном картинки.
Этот эффект достигается с помощью «перетаскивания» поведения слоя .
48> Как добавить лист в стиле внешнего стиля (CSS) на веб -страницу
. Внешние ссылки CSS реализуются через тег <link>.
Тег <link> включает в себя настройки атрибута href; type; rel. Среди них href: адрес адреса, используемый для калибровки страницы стиля;
49> Какова цель установки базы (базовый адрес) веб -страницы?
В разделе «Голова» панели «Объект» есть кнопка «База», которая используется для установки базового адреса веб-сайта.
Как мы знаем, методы ссылок, которые мы используем в DW, являются относительными, а не абсолютными, то есть до тех пор, пока корневой адрес изменяется, все направления будут автоматически изменяться соответственно.
Однако иногда нам просто нужно, чтобы он не изменился, то есть, чтобы заставить его использовать фиксированный адрес, нажмите кнопку «База», как показано на рисунке:
введите URL -адрес базового адреса в «href» и нажмите «ОК», чтобы сделать его эффективным.
50> Как точно найти контент на веб -странице?
Это иллюстративный вопрос навыка, поэтому мы поместили его в конце 50 вопросов. В настоящее время позиционирование содержимого веб -страницы DW в основном достигается как с помощью таблиц, так и слоев.
В основном таблица использует каждую ячейку для завершения макета различного содержимого. Независимо от того, что все браузеры универсальны и нет технической поддержки.
Относительно говоря, использование слоев является более случайным. Единственное, что слои поддерживаются только в новых версиях браузеров, но, судя по текущей ситуации, не должно быть никаких препятствий!