Macromedia Dreamweaver MX

Вставка специальных символов

Чего нам еще не хватает для полного счастья?

Давайте отделим первый и второй абзацы от остального текста. Конечно, можно вставить пустую строку, но мы поступим лучше. И HTML (вкупе с Dreamweaver) нам в этом поможет.

Поставим текстовый курсор в начало третьего абзаца и нажмем кнопку Horizontal Rule (рис. 3.23), расположенную на вкладке Common панели объ­ектов. Как показано на рис. 3.24, между вторым и третьим абзацами по­явится разделяющая их горизонтальная линия.

Вы также можете использовать пункт Horizontal Rule меню Insert.

Рис. 3.23. Кнопка Horizontal Rule панели объектов

Меня зовут Иван Иванович Иванов. Я вольный Web-дизайнер. А это - мой личный Web-сайт, который сделал я сам в Macromedia Dreamweaver

MX.

На этом сайте вы можете прочитать:

Щелкните мышью по горизонтальной линии — она будет выделена цели­ком. После этого обратите внимание на редактор свойств. Вместо свойств текста и шрифта там будут отображены свойства горизонтальной линии, которые вы, конечно же, можете изменить (рис. 3.25).

Давайте подробно опишем все элементы управления редактора свойств, доступные в этом случае:

□ поле ввода W позволяет задать ширину горизонтальной линии в пикселах или процентах от всей ширины родительского элемента, в данном случае страницы. По умолчанию горизонтальная линия занимает всю ширину страницы. Единица измерения задается в раскрывающемся списке, рас­положенном справа от поля ввода; доступны пункты pixels (пикселы; этот вариант указан по умолчанию) и %;

□ поле ввода Н позволяет задать толщину горизонтальной линии в пиксе­лах. Значение по умолчанию — 2;

□ раскрывающийся список Align задает выравнивание линии. Эти установ­ки имеют смысл только в том случае, если ширина линии меньше шири­ны родительского элемента. Доступны значения: Default (выравнивание по умолчанию; такое же, как у родительского элемента), Left (по левому краю), Center (по центру) и Right (по правому краю);

□ флажок Shading позволяет включить или отключить "трехмерность" ли­нии. По умолчанию он включен.

Давайте зададим ширину линии, равную 50%. Для этого выберите в раскры­вающемся списке единиц измерения проценты (пункт %), введите в поле ввода W число 50 и нажмите клавишу <Enter>. Результат показан на рис. 3.26.

Меня зовут Иван Иванович Иванов. Я вольный Web-дизайнер. А это - мой личный Web-сайт, который сделал я сам в Macromedia Dreamweaver

MX.

На этом сайте вы можете прочитать

Примечание

Горизонтальная линия вставляется в текст с помощью одинарного тега <hr>. Этот тег может содержать атрибуты align, color, noshade, size и width, за­дающие, соответственно, выравнивание, цвет, "трехмерность", толщину и ши­рину. Заметьте, что, хотя тег <hr> и поддерживает атрибут color, Dreamweaver не позволит вам задать цвет горизонтальной линии в редакторе свойств или как-либо еще. Хотя вы всегда можете отредактировать HTML-код вручную.

Среди атрибутов тега <hr> особняком стоит noshade. Этот атрибут не имеет значения (так называемый атрибут без значения), а просто либо присутствует, либо не присутствует в теге. В первом случае он отменяет "трехмерность" ли­нии, а во втором — разрешает.

Теперь посмотрим на последнюю строку нашего текста, содержащую сведе­ния об авторских правах. Общепринятым стандартом стало использование значка "©" для обозначения авторских прав. У нас же — длинный невразу­мительный текст. Давайте заменим его коротким и приметным значком.

Сначала выделим слова "Авторские права принадлежат мне," (не забыв и запятую), которые мы заменим значком "©", и удалим. После этого пере­ключимся на страницу Characters панели объектов. Нас интересует кнопка Copyright (рис. 3.27).

©

Рис. 3.27. Кнопка Copyright панели объектов

Поставьте на нужное место текстовый курсор и щелкните эту кноп­ку. Dreamweaver выведет небольшое предупреждение (рис. 3.28), говорящее о том, что данный символ может не отобразиться корректно в случае ис­пользования некоторых кодировок. Закройте его, нажав кнопку ОК. Если вы больше не хотите, чтобы оно выводилось на экран в дальнейшем, перед закрытием включите флажок Don't show me again.

На рис. 3.29 показан вставленный символ "©". Не забудьте также исправить фамилию нашего персонажа.

© Иванов И. И., 2002 год,

Рис. 3.29. Символ "©"

Здесь мы столкнулись с так называемыми специальными символами HTML. Эти символы из соображений все той же совместимости не метут быть про­сто так вставлены в код HTML, а заменяются либо числовыми кодами, ли­бо мнемоническими обозначениями. В частности, символ "©" обозначается в HTML-коде как &сору;.

Для вставки знака "©" вы также можете воспользоваться пунктом Copyright подменю Special Characters меню Insert.

Остается добавить в текст нашей страницы грозную фразу, предупреждаю­щую всех желающих процитировать что-либо с настоящего сайта о том, что перед этим нужно справиться у владельца авторских прав на сайт. Допишем эту фразу в конце последней строки...

Стоп! Необходимо не просто дописать такую фразу, а как-то отделить ее от собственно сведений об авторских правах. Но как? Можно вставить гори­зонтальную линию, но тогда последняя строка растянется по вертикали, что будет выглядеть громоздко и некрасиво. Можно нажать клавишу <Enter> и сделать второй абзац, но получается все равно слишком громоздко (видели расстояние между абзацами?). Хотелось бы дописать эту фразу второй стро­кой, но в том же самом абзаце.

И на этот случай HTML (и Dreamweaver) предлагает решение. Речь идет о так называемом разрыве строк — особом теге, заставляющем все следую­щие за ним символы переноситься на новую строку. При этом он не созда­ет нового абзаца, что нам и надо.

Поставьте курсор в конец строки со сведениями об авторском праве. После этого нажмите кнопку Line Break (рис. 3.30) на вкладке Characters панели объектов. Курсор тотчас перескочит на новую строку. Допишите нужную фразу. У вас должно получиться то, что изображено на рис. 3.31.

Вы также можете для вставки разрыва строк использовать пункт Line Break подменю Special Characters меню Insert или — что проще всего — комбина­цию клавиш <Shift>+<Enter>.

И последний штрих. Во втором абзаце нашего текста есть такая фраза: "А это — мой личный Web-сайт". Здесь используется тире. А по правилам полиграфии тире нельзя переносить на другую строку. Web-обозреватель об этом не знает и при недостатке свободного места все же перенесет тире, в результате чего текст будет выглядеть очень неаккуратно.

Чтобы этого не было, между словом "это" и тире нужно вставить неразрыв­ный пробел. Что бы ни случилось, Web-обозреватель никогда не будет пере­носить строку по этому пробелу.

Прежде всего, уберите пробел между словом "это" и тире и поставьте там текстовый курсор. После этого нажмите на вкладке Characters панели объ­ектов кнопку Non-Breaking Space (рис. 3.32). Вот и все.

Рис. 3.32. Кнопка Non-Breaking Space панели объектов

Для вставки неразрывного пробела вы также можете использовать пункт Non-Breaking Space подменю Special Characters меню Insert или сочетание клавиш < Ctrl>+< Shift>+< Пробел>.

( Примечание )

Неразрывный пробел — это специальный символ, обозначаемый кодом &nbsp;.

Взгляните снова на вкладку Characters панели объектов. Мы описали не все специальные символы, которые можно вставить в документ с ее помощью. В табл. 3.4 описаны все остальные символы.

С помощью кнопки Other Characters (рис. 3.33) можно вставить в документ любой доступный в HTML специальный символ. При нажатии на нее на экране появится диалоговое окно Insert Other Character, показанное на рис. 3.34. Вам необходимо будет щелкнуть по кнопке, соответствующей нужному символу, и нажать кнопку ОК для его вставки или Cancel — для отказа от этого.

Рис. 3.33. Кнопка Other Characters панели объектов

SHAPE \* MERGEFORMAT

Рис. 3.34. Диалоговое окно Insert Other Character

Для вызова диалогового окна вставки символа вы также можете использо­вать пункт Other подменю Special Characters меню Insert.