Познавательное чтиво

17 Июн

Добавляем текст к Web-странице

Допустим, мы только что создали новую, абсолютно чистую Web-страничку в Dreamweaver. Как наполнить ее текстом? Для этого можно использовать три способа:

□ набрать текст с помощью клавиатуры;

□ скопировать существующий текст через буфер обмена;

□ импортировать текст в виде табличных данных.

Набор текста в Dreamweaver практически ничем не отличается от набора в любой другой программе. Мелкие объемы текста, укладывающиеся в два- три слова, предложения или абзаца, проще и быстрее набирать прямо в программе — в текстовом или визуальном режиме работы. Вы можете набирать в нем хоть целые страницы, хотя крупные объемы текста обычно набираются в других программах, а потом копируются в Dreamweaver.

Для копирования текста через буфер обмена достаточно выполнить стандартную последовательность действий:

1. Открыть документ с нужным текстом в Dreamweaver или в другой программе.

2. Выделить, а затем скопировать текст в буфер обмена с помощью команды меню Edit | Сору (в англоязычных программах) или Правка | Копировать (в русскоязычных программах). Можно использовать комбинацию клавиш <Ctrl>+<C> — независимо от языка программы.

3. В Dreamweaver — поставить курсор в том месте, куда нужно вставить текст, и использовать команду Edit | Paste или сочетание клавиш <Ctrl>+<V>.

Если вы открыли исходный документ в Dreamweaver, к примеру, Web- страницу, то текст копируется с сохранением форматирования. А вот если текст был скопирован из какой-либо другой программы, то форматирование текста не сохраняется. К примеру, наклонная надпись, выполненная полужирным шрифтом в Microsoft Word, при копировании в Dreamweaver станет обычным куском текста или, в крайнем случае, просто примет свойства текста, заданные в Dreamweaver (рис. 5.2).

Примечание

Внутри Dreamweaver можно копировать текст не только через буфер обмена, но и с помощью так называемого метода drag-and-drop. Чтобы скопировать текст из одного документа, выделите его, нажмите кнопку мыши и перетащите в окно нужного документа. Отпустите кнопку мыши, когда курсор будет находиться над нужным документом, — и текст появится в нем! Этот способ работает только, если оба документа находятся в визуальном режиме редактирования.

clip_image002

Рис. 5.2. При копировании текста из другой программы в Dreamweaver, его форматирование теряется: вверху^ исходный текст в Microsoft Word, внизу — скопированный через буфер обмена в Dreamweaver

При редактировании HTML-страниц часто необходимо копировать не просто текст, а исходный код. Если вы работаете в текстовом режиме Dreamweaver, то копирование и вставка кода происходит по умолчанию. А вот для визуального режима существуют специальные команды меню.

□ Edit | Copy HTML — при выделении текста в визуальном режиме Dreamweaver копирует в буфер обмена весь исходный код, соответствующий выделенному фрагменту страницы. К примеру, если скопировать таким методом абзац текста, выделенный полужирным начертанием, а затем вставить его с помощью команды Edit | Paste как новый абзац, то в месте вставки появится не только текст, но и теги, скопированные вместе с ним. Эта операция может пригодиться при копировании исходного кода из страницы, открытой в визуальном режиме Dreamweaver, в другой HTML-редактор или в страницу, которая открыта в текстовом режиме Dreamweaver.

Edit | Paste HTML — при работе в визуальном режиме Dreamweaver вставляет скопированный в буфер кусок HTML-кода именно как код, а не как текст. Пример: скопируем строку кода типа <strong>Ba;KHoe за- мечание</strong> в буфер обмена, а затем, находясь в визуальном режиме Dreamweaver, вставим ее с помощью команды Edit | Paste HTML. Результатом будет появление полужирной надписи в теле Web-страницы (рис. 5.3). Если бы мы использовали обычную команду вставки Edit | Paste, то получили бы ту же самую строку.

clip_image004

Рис. 5.3. Копирование HTML-кода: 1 — исходный код в текстовом редакторе Notepad; 2 — скопированный и вставленный в Dreamweaver с помощью команды Edit | Paste (теги воспринимаются как обычный текст); 3 — вставленный в Dreamweaver с помощью команды Edit | Paste As HTML (теги воспринимаются как код, задающий форматирование)

Копирование текста как кода, с помощью команд Copy HTML и Paste HTML, особенно актуально при обработке текстовых документов, подготовленных в текстовом редакторе Microsoft Word и сохраненных как HTML- страницы. В главе 4 рассматривается, как "чистить" подобные странички, чтобы привести их код к более-менее приличному виду. Но иногда проще скопировать нужный текст, чем пытаться переформатировать исходный код. Для этого и используются описанные команды копирования и вставки.

Leave a Reply

© 2012 Познавательное чтиво | Entries (RSS) and Comments (RSS)