1  2  3  4  5  6  7  8

Вставка специальных символов
Чего нам еще не хватает для полного счастья?
Давайте отделим первый и второй абзацы от остального текста. Конечно, можно вставить пустую строку, но мы поступим лучше. И HTML (вкупе с Dreamweaver ) нам в этом поможет.
Поставим текстовый курсор в начало третьего абзаца и нажмем кнопку Horizontal Rule , расположенную на вкладке Common панели объектов, между вторым и третьим абзацами по­ явится разделяющая их горизонтальная линия.
Вы также можете использовать пункт Horizontal Rule меню Insert.
Щелкните мышью по горизонтальной линии — она будет выделена целиком. После этого обратите внимание на редактор свойств. Вместо свойств текста и шрифта там будут отображены свойства горизонтальной линии, которые вы, конечно же, можете изменить.
Давайте подробно опишем все элементы управления редактора свойств, доступные в этом случае:
Поле ввода W позволяет задать ширину горизонтальной линии в пикселах или процентах от всей ширины родительского элемента, в данном случае страницы. По умолчанию горизонтальная линия занимает всю ширину страницы. Единица измерения задается в раскрывающемся списке, расположенном справа от поля ввода; доступны пункты pixels (пикселы; этот вариант указан по умолчанию) и % ;
Поле ввода Н позволяет задать толщину горизонтальной линии в пиксе­ лах. Значение по умолчанию — 2;
Раскрывающийся список Align задает выравнивание линии. Эти установки имеют смысл только в том случае, если ширина линии меньше шири­ны родительского элемента. Доступны значения: Default (выравнивание по умолчанию; такое же, как у родительского элемента), Left (по левому краю), Center (по центру) и Right (по правому краю);
Флажок Shading позволяет включить или отключить "трехмерность" линии. По умолчанию он включен.
Давайте зададим ширину линии, равную 50%. Для этого выберите в раскрывающемся списке единиц измерения проценты (пункт %), введите в поле ввода W число 50 и нажмите клавишу
< Enter >.
Примечание
Горизонтальная линия вставляется в текст с помощью одинарного тега < HR >. Этот тег может содержать атрибуты align , color , noshade , size и width , задающие , соответственно , выравнивание , цвет , " трехмерность ", толщину и ширину . Заметьте , что , хотя тег < HR > и поддерживает атрибут color , Dreamweaver не позволит вам задать цвет горизонтальной линии в редакторе свойств или каклибо еще . Хотя вы всегда можете отредактировать HTML - код вручную .
Внимание!
Среди атрибутов тега < hr > особняком стоит noshade . Этот атрибут не имеет значения ( так называемый атрибут без значения ), а просто либо присутствует , либо не присутствует в теге . В первом случае он отменяет " трехмерность " линии , а во втором — разрешает .
Теперь посмотрим на последнюю строку нашего текста, содержащую сведения об авторских правах. Общепринятым стандартом стало использование значка "©" для обозначения авторских прав. У нас же — длинный невразумительный текст. Давайте заменим его коротким и приметным значком.
Сначала выделим слова "Авторские права принадлежат мне," (не забыв и запятую), которые мы заменим значком "©", и удалим. После этого пере­ ключимся на страницу Characters панели объектов. Нас интересует кнопка Copyright .
Поставьте на нужное место текстовый курсор и щелкните эту кнопку. Dreamweaver выведет небольшое предупреждение, говорящее о том, что данный символ может не отобразиться корректно в случае использования некоторых кодировок. Закройте его, нажав кнопку ОК. Если вы больше не хотите, чтобы оно выводилось на экран в дальнейшем, перед закрытием включите флажок Don ' t show me again .
Не забудьте также исправить фамилию нашего персонажа.
Здесь мы столкнулись с так называемыми специальными символами HTML . Эти символы из соображений все той же совместимости не могут быть просто так вставлены в код HTML , а заменяются либо числовыми кодами, либо мнемоническими обозначениями. В частности, символ "©" обозначается в HTML -коде как сору;.
Для вставки знака "©" вы также можете воспользоваться пунктом Copyright подменю Special Characters меню Insert .
Остается добавить в текст нашей страницы грозную фразу, предупреждаю­ щую всех желающих процитировать что-либо с настоящего сайта о том, что перед этим нужно справиться у владельца авторских прав на сайт. Допишем эту фразу в конце последней строки...
Стоп! Необходимо не просто дописать такую фразу, а как-то отделить ее от собственно сведений об авторских правах. Но как? Можно вставить горизонтальную линию, но тогда последняя строка растянется по вертикали, что будет выглядеть громоздко и некрасиво. Можно нажать клавишу < Enter > и сделать второй абзац, но получается все равно слишком громоздко (видели расстояние между абзацами?). Хотелось бы дописать эту фразу второй строкой, но в том же самом абзаце.
И на этот случай HTML (и Dreamweaver ) предлагает решение. Речь идет о так называемом разрыве строк — особом теге, заставляющем все следующие за ним символы переноситься на новую строку. При этом он не создает нового абзаца, что нам и надо.
Поставьте курсор в конец строки со сведениями об авторском праве. После этого нажмите кнопку Line Break на вкладке Characters панели объектов. Курсор тотчас перескочит на новую строку. Допишите нужную фразу. У вас должно это получиться.
Вы также можете для вставки разрыва строк использовать пункт Line Break подменю Special Characters меню Insert или — что проще всего — комбинацию клавиш < Shift >+< Enter >.
И последний штрих. Во втором абзаце нашего текста есть такая фраза: "А это — мой личный Web-сайт". Здесь используется тире. А по правилам полиграфии тире нельзя переносить на другую строку. Web -обозреватель об этом не знает и при недостатке свободного места все же перенесет тире, в результате чего текст будет выглядеть очень неаккуратно.
Чтобы этого не было, между словом "это" и тире нужно вставить неразрывный пробел. Что бы ни случилось, Web -обозреватель никогда не будет переносить строку по этому пробелу.
Прежде всего, уберите пробел между словом "это" и тире и поставьте там текстовый курсор. После этого нажмите на вкладке Characters панели объ­ ектов кнопку Non - Breaking Space . Вот и все.
Для вставки неразрывного пробела вы также можете использовать пункт Non - Breaking Space подменю Special Characters меню Insert или сочетание клавиш <Ctrl>+<Shift>+< Пробел >.
Примечание
Неразрывный пробел — это специальный символ , обозначаемый кодом nbsp ;.
Взгляните снова на вкладку Characters панели объектов. Мы описали не все специальные символы, которые можно вставить в документ с ее помощью. В табл. 3.4 описаны все остальные символы.
С помощью кнопки Other Characters можно вставить в документ любой доступный в HTML специальный символ. При нажатии на нее на экране появится диалоговое окно Insert Other Character . Вам необходимо будет щелкнуть по кнопке, соответствующей нужному символу, и нажать кнопку ОК для его вставки или Cancel — для отказа от этого
Для вызова диалогового окна вставки символа вы также можете использовать пункт Other подменю Special Characters меню Insert.

1  2  3  4  5  6  7  8

Вверх