Самоучитель ПК — Работа с текстом
Практика показывает, что большинство пользователей используют Блокнот лишь для просмотра существующих текстовых документов, а правят текст, даже когда требуется именно ASCII-формат, в других, более удобных программах. Однако Блокнот, благодаря своей лаконичности, отлично подходит для изучения всего этого класса программ: то, что есть в Блокноте, есть и в любом другом текстовом редакторе.
Интерфейс
Итак, текстовый редактор Блокнот представляет собой стандартное Windows-приложение, имеющее главное меню и поле редактирования текста. Начнем с меню: в Файл имеются пункты Создать, Открыть, Сохранить и Сохранить как. Первый удаляет текст (если таковой имеется) из редактора, подготавливая поле деятельности для создания нового документа. При помощи пунктов Открыть и Сохранить вы можете соответственно загружать файлы для прочтения и изменения и сохранять их. Если после правки вы захотите сохранить файл под другим именем, выбирайте пункт Сохранить как.
Далее следует наиболее полезное для текстового редактора меню – Правка. Первым пунктом идет важнейшее завоевание информационной индустрии – Отменить. То есть если вы ненароком сотрете все содержимое или сделаете еще что-нибудь ненужное, немедленно используйте отмену последнего действия (Ctrl+Z). Вслед за Отменой расположены пункты меню для работы с буфером обмена: Вырезать (Ctrl+X), Копировать (Ctrl+C) и Вставить (Ctrl+V). Они могут быть недоступными в том случае, если в редакторе нет выделенного текста (для Копировать и Вырезать) либо в буфере обмена отсутствует текст (для Вставить). Пункт Удалить (Del) позволяет удалить выделенный текст.
При помощи пункта Выделить все вы выделяете весь текст, находящийся в редакторе, а Дата/время (F5) вставляет текущие дату и время в установленном в системе формате. Далее, в меню Вид располагается весьма важный пункт Переносить по словам.
Затем идут пункты поиска – Найти, Найти далее (F3), Заменить и Перейти. Если вы с момента открытия программы не производили поиска, то выбор Найти или Найти далее приведет к открытию окна поиска. В нем, в строке Образец следует ввести искомое, после чего нажимайте на кнопку Найти далее. Если включена опция С учетом регистра, то при поиске строчные и заглавные буквы будут различаться.
Еще одной замечательной особенностью Блокнота является возможность не только искать текст, но и производить его замену. Для этого из меню Правка выберите пункт Заменить (Ctrl+H). При этом если у вас на момент вызова окна замены имелся выделенный фрагмент текста, он сразу будет занесен в строку поиска (Что). После определения того, что искать, остается ввести в строку замены (Чем) то, на что следует заменить искомое, и нажать одну из кнопок Найти далее, Заменить или Заменить все. Первая находит ближайшее совпадение (поиск идет слева направо, сверху вниз), вторая позволяет произвести замену найденного, а третья заменяет текст сразу во всем документе.
Ввод и редактирование текста
Ввод текста производится с клавиатуры, причем символ вводится с того места, где находится курсор.
Для ввода прописного символа используйте Shift, переключение между русским и английским осуществляется в соответствии с настройками Windows (как правило, по Alt+Shift или Ctrl+Shift). Для начала абзаца или новой строки нажимайте Enter, для выравнивания текста по колонкам (например, если вы вводите табличные данные) предпочтительно использовать не пробелы, а табулятор. Если вы ошиблись при вводе, то последний символ удаляется нажатием на Backspace (кнопка расположена справа в основном блоке клавиш, на ней нарисована стрелка влево), а для удаления следующего за курсором символа используйте Delete. Править текст можно и при помощи мышки. Двойной щелчок выделяет слово, нажатие левой клавиши мышки и перемещение указателя также выделяет текст. Затем над выделенным текстом (он выделяется инвертированием, как показано на Ошибка: источник перёкрестной ссылки не найден) можно проделывать такие манипуляции, как копирование или вырезание в буфер обмена, удаление или замена на текст из буфера. Если в момент вставки из буфера в программе имеется выделенный текст, то он будет удален, а на его место попадет содержимое буфера обмена.
Рис. 11.2. Правка текста в Блокноте
Перемещение по тексту практически во всех редакторах осуществляется одними и теми же клавишами или их комбинациями – они перечислены в таблице 11.1.
| Клавиша или комбинация | Выполняемое действие |
|---|---|
| Стрелка влево | Перемещает курсор на один символ |
| Стрелка вправо | Перемещает курсор на один символ вправо |
| Стрелка вверх | Перемещает курсор на одну строку вверх |
| Стрелка вниз | Перемещает курсор на одну строку вниз |
| Ctrl+Стрелка влево | Перемещает курсор на одно слово влево |
| Ctrl+Стрелка вправо | Перемещает курсор на одно слово вправо |
| Home | Перемещает курсор в начало строки |
| End | Перемещает курсор в конец строки |
| Ctrl+Home | Перемещает курсор в начало документа |
| Ctrl+End | Перемещает курсор в конец документа |
| Page Up | Перемещает курсор на один экран вверх |
| Page Down | Перемещает курсор на один экран вниз |
Чтобы начать выделение с клавиатуры, нажмите клавишу Shift и, удерживая ее нажатой, выделяйте нужный текст при помощи тех же клавиш, что используются для перемещения курсора.
Если документ достаточно большой, то оптимальным способом перемещения будет поиск: вызовите через меню диалог поиска, введите искомое слово, символ или фразу и нажмите Найти далее. Найденное совпадение будет выделено, а документ соответственно прокручен до нужного места. Если найденный фрагмент повторяется, то чтобы найти следующий, достаточно нажать F3.
Печать документов
Для вывода документа из Блокнота на печать достаточно воспользоваться пунктом Печать из меню Файл. По умолчанию (при стандартных настройках в русской версии Windows XP) при печати верхний колонтитул не выводится, а в качестве нижнего печатается слово «Страница». Если вас это не устраивает либо вы хотите сменить ориентацию страницы с книжной на альбомную или изменить ширину полей, то воспользуйтесь пунктом Параметры страницы, который выводит одноименное окно (рис. 11.3).ПРИМЕЧАНИЕ
На самом деле сверху должен выводиться колонтитул с именем файла, а снизу после сова «Страница» – печататься ее номер.
Этого не происходит по той причине, что применяемые для определения параметров символы были переведены на русский язык, в то время как сама программа не воспринимает команды из кириллических символов.
Рис. 11.3. Настройки печати из Блокнота
В нем вы можете указать размеры листа, его расположение, а также ширину полей. Все это будет схематично отображаться в поле образца. Кроме того, если у принтера имеется несколько лотков для подачи бумаги, то можно выбрать нужный из списка Подача.
Что касается колонтитулов, то их можно либо вообще отключить, удалив все из полей верхнего и нижнего колонтитулов, либо заменить их содержимое. Так, вы можете написать собственный текст и ввести символы для автоматической подстановки, которые при печати будут заменены нужными значениями. Все они приведены в таблице 11.2.
| Символ подстановки | Действие |
|---|---|
| &f | Вставка названия документа (имени файла) |
| &d и &t | Вставка текущей даты и времи соответственно |
| &p | Вставка номера страницы |
| &l, &r, &c | Указывают, что колонтитул должен быть выровнен по левому, правому краю либо по центру соответственно |
Если требуется вывести сам символ «&», то следует его повторить: «&&».
2011-07-04 // Есть вопросы, предложения, замечания? Вы можете обсудить это на форуме !
« Типы текстовых редакторов | Редактор WordPad »
Параметры текста в Figma — svgpng.ru
Упс, это очень старая версия
Перейдите сюда, здесь актуальная информация о тексте в Figma.
Когда мы создаем текстовые поля в Фигме, им присваиваются некоторые стандартные параметры, которые могут быть не очень удобны при дальнейшей работе. На скриншоте снизу мы видим, например, что реальный текст вылезает за границы поля, а соответственно, нам как минимум будет неудобно позиционировать другие элементы в документе.
Стрелкой на изображении ниже отмечено подменю, в котором находятся некоторые полезные поля, позволяющие нам нормально позиционировать и декорировать текст.
Меню параметров текста в ФигмеКак изменить межстрочное расстояние
Чтобы изменить расстояние (отступ по вертикали) между строками, измените параметр Line Heigh.
Значение по умолчанию — Auto. Оно будет рассчитываться исходя из размера шрифта.
Допустимые значения: от нуля и до бесконечности (ну или почти бесконечности).
Межстрочное расстояние в ФигмеЕсли захотите снова установить значение Auto, просто оставьте это поле пустым.
Как изменить расстояние между абзацами
Чтобы увеличить или уменьшить расстояние между параграфами (иными словами там, где в тексте присутствует перенос), измените параметр Paragraph Spacing.
Расстояние между абзацами в ФигмеЗначения Auto для этого параметра не предусмотрено, по умолчанию Figma ставит его равным 20.
Как изменить отступ у абзаца
Для того, чтобы сделать у абзаца отступ (там, где есть перенос текста), измените параметр Paragraph Identation.
Значение по умолчанию — 0.
Отступ в абзаце в ФигмеОбратите внимание, что если вы выставите значение этого параметра больше ширины текстового поля, Фигма просто сдвинет целиком первую строчку на следующую, оставив первую строку пустой.
Как изменить расстояние между символами (кернинг)
Чтобы изменить расстояние между символами, измените параметр Letter Spacing. Этот параметр измеряется в процентах и по умолчанию равен нулю.
Межсимвольное расстояние в ФигмеВыравнивание текста в Figma
Figma позволяет выравнивать текст внутри контейнера по вертикали и горизонтали:
Для изменения выравнивание переключите тумблеры параметров Text Align и.Align
Выравнивание текста в Фигме по горизонталиВыравнивание текста в Фигме по вертикалиРесайзинг текста или как растянуть текст в Фигме
Один из наиболее важных параметров при работе с макетами. От него зависит то, как будет вести себя контейнер в зависимости от содержания — размера и количества текста.
Этот параметр скрыт в дополнительном меню и содержит три предустановки: Grow Horizontally, Grow Vertically, Fixed size.
Меню параметров текста в ФигмеGrow Horizontally
При выборе данного параметра Фигма будет растягивать каждый параграф в одну строчку, иными словами, его ширина будет определена количеством текста до переноса.
Учтите, что при смене параметра Resizing формат текста вы сможете вернуть назад только сочетанием ctrl+z / cmnd+z, а не выставлением прежнего параметра.
Также важно отметить, что если вы измените ширину текста после выставления Grow Horizontally, ресайзинг автоматически переключится на Grow Vertically.
Grow Vertically
Наиболее универсальное значение, которое выставляет автоматическую высоту контейнера при заданной вручную ширине.
Растягивание текста по высоте в зависимости от шириныПри этом важно понимать, что нижняя часть контейнера будет заканчиваться строго там же, где и текст.
Fixed size
При этом значении текстовое поле регулирует ширину текста, но текст может выходить за пределы поля по вертикали.
Фиксированный размер текста в ФигмеПродолжение во второй части.
Клавиши со стрелками | Переместить курсор Примечание. |
Ctrl+A | Выбрать все содержимое документа |
Ctrl+C | Копировать выделенный текст или объект |
Ctrl+Вниз | Переместить элемент в списке или таблице на одну строку вниз |
Ctrl+Вверх | Переместить элемент в списке или таблице на одну строку вверх |
Ctrl+V | Вставка текста или объекта |
Ctrl+X | Вырезать выделенный текст или объект |
Удалить | Удалить выбранную графику |
Удалить | Удалить выделенный текст или объект |
Shift+Ctrl+Вниз | Выделить текст до той же точки следующей строки |
Shift+Ctrl+Влево | Выбор предыдущего слова |
Shift+Ctrl+Вправо | Выбор следующего слова |
Shift+Ctrl+Вверх | Выбрать текст до той же точки предыдущей строки |
Shift+Ctrl+Вниз | Выделить текст до конца текущей строки, переместить фокус на следующую строку |
Shift+End | Выделить текст до конца текущей строки |
Shift+Home | Выбрать текст в начало текущей строки |
Shift+Влево | Выбор предыдущего символа |
Shift+Вправо | Выбор следующего символа |
Shift+Вверх | Выбрать текст в начало текущей строки, переместить перейти к предыдущей строке |
При нажатии клавиши Scroll Lock
горит, клавиши со стрелками прокручивают страницу; это верно в обоих режимах редактирования
и режим чтения.Как сделать так, чтобы блок текста HTML отображался перед другим | Малый бизнес
Кевин Ли
HTML-контейнеры div позволяют вам добавлять интересные специальные эффекты на веб-страницы вашего корпоративного веб-сайта.
Элементы Div, которые действуют как стеклянные листы, могут содержать другие элементы HTML, такие как текстовые объекты. Свойство CSS с именем z-index определяет порядок, в котором элементы div появляются при размещении одного поверх другого. Изменяя свойство z-index элемента div, вы также можете изменить порядок элементов div в стеке. Вооружившись этими знаниями, вы можете сделать так, чтобы текст в одном div отображался перед текстом в другом div, изменив его значение z-index.
Откройте документ HTML и добавьте следующий код в раздел
документа:Заголовок один
< h2>Заголовок 2Этот код создает два контейнера div со значениями идентификаторов div1 и div2. Контейнер div1 содержит заголовок «Заголовок 1». Заголовок второго блока гласил: «Заголовок 2». Эти два элемента div находятся внутри главного элемента div с идентификатором main.
Добавьте показанный ниже код после кода, указанного на предыдущем шаге:
Этот код создает функцию JavaScript changeZindex.
Эта функция принимает четыре параметра, которые передает нажатие кнопки, и изменяет значения z-index div1 и div2 на значения, переданные функции. Поскольку нажатие кнопки передает -1 в качестве значения div1 и 1 в качестве значения div2, код заставляет div2 отображаться поверх div1 при запуске.Вставьте следующий код CSS в раздел
документа:position:relative; z-индекс: 1; высота: 400 пикселей; ширина: 400 пикселей;
цвет фона: синий; }позиция:абсолютная; z-индекс: 1; высота: 80 пикселей; ширина: 200 пикселей;
позиция: относительная;
цвет фона: желтый; }z-индекс: -1;
позиция: абсолютная;
высота: 80 пикселей; ширина: 200 пикселей;
верх: 20 пикселей;
слева: 20 пикселей;
цвет фона: зеленый;
}Этот код определяет внешний вид, положение и атрибуты z-index для трех элементов div на веб-странице. Селектор #main создает большой синий фон, на котором располагаются два других элемента div.
Селекторы #div1 и #div2 имеют атрибуты позиции, значения которых являются «абсолютными». Это позволяет вам расположить эти два div там, где вы хотите, внутри основного div. Селектор #div1 имеет атрибут background-color со значением «Желтый», а значение атрибута background-color селектора #div2 — «Зеленый». Поскольку значение z-индекса селектора #div2 равно -1, он находится за div2, значение z-index которого #div2 равно 1. Элементы с более высокими значениями z-индекса всегда отображаются перед элементами с более низкими значениями.Добавьте код ниже после кода, указанного в последнем шаге::
Этот код создает функцию JavaScript changeZindex. Эта функция принимает четыре параметра, которые передает нажатие кнопки, и изменяет значения z-index div1 и div2 на значения, переданные функции.
Поскольку нажатие кнопки передает значение -1 для значения div1 и 1 для значения div2, код заставляет div2 отображаться поверх div1.Сохраните документ и просмотрите его в браузере. Вы увидите желтый элемент div1 с текстом «Заголовок 1» над зеленым элементом div с текстом «Заголовок 2». Нажмите кнопку, чтобы div2 появился поверх div1.
Эта функция принимает четыре параметра, которые передает нажатие кнопки, и изменяет значения z-index div1 и div2 на значения, переданные функции. Поскольку нажатие кнопки передает -1 в качестве значения div1 и 1 в качестве значения div2, код заставляет div2 отображаться поверх div1 при запуске.
Селекторы #div1 и #div2 имеют атрибуты позиции, значения которых являются «абсолютными». Это позволяет вам расположить эти два div там, где вы хотите, внутри основного div. Селектор #div1 имеет атрибут background-color со значением «Желтый», а значение атрибута background-color селектора #div2 — «Зеленый». Поскольку значение z-индекса селектора #div2 равно -1, он находится за div2, значение z-index которого #div2 равно 1. Элементы с более высокими значениями z-индекса всегда отображаются перед элементами с более низкими значениями.
Поскольку нажатие кнопки передает значение -1 для значения div1 и 1 для значения div2, код заставляет div2 отображаться поверх div1.Ссылки
- Сеть разработчиков Mozilla: Контекст стекирования Пример 1
- W3Schools.com: Свойство Z-index CSS
Ресурсы
- Введение — CSS 90 Tutorial
3 HTML Dog: HTML Intermediate Tutorial Советы
- В этом примере используются цвета фона, чтобы упростить идентификацию различных контейнеров div. Вы можете удалить атрибуты background-color из определений CSS, если хотите избавиться от цветов.
- Хотя в этом примере в качестве содержимого контейнеров div используются заголовки, вы можете поместить любой тип текстового элемента в div и установить для их ширины и высоты любые значения CSS.
