Содержание

Редактирование текста: работа с кодом

 

Кодирования веб-страницы это – ввод символов HTML.

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

Следующее, что от Вас потребуется, это выучить и запомнить основные названий и написание тэгов HTML. Без этого Вы не сможете в полной мере использовать такую функцию Notepad++ как автозавершение слов.

Если Вы планируете серьезно заняться веб-дизайном, то знания основ английского языка и английской компьютерной терминологии, необходимо.

Автозавершение

Автоматизация набора кода веб-страницы одна из полезных функций Notepad++. Подключение этих функции: меню Опции → Настройки → Автозавершение. Смотри принтскрин.

Автозавершение слов

Notepad++ помогает в написании слов, функций, тегов. Как только Вы наберете одну букву слова, Notepad++ откроет окно с большим перечнем слов, предлагая на выбор возможные варианты окончания начала слова. Чтобы сократить перечень слов и быстрее найти нужное, желательно ввести большее количество знаков.

Найдите в списке нужное слово и дважды щелкните по нему. Оно будет дописано в веб-странице.

Автовставка

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

Работает функция автовставки следующим образом.

Вы вводите угловую скобку, затем первые буквы тега. Открывается окно с перечнем возможных окончаний. Выбираете нужное слово, дважды щелкаете. Вводите закрывающую скобку и редактор добавляет закрывающий тег. Курсор будет размещен между открывающим и закрывающим тегом.

Автовставка также автоматически воспроизводит открывавшую и закрывающую скобки и кавычки. Для этого достаточно ввести открывающую скобку, как редактор тут же вставит закрывающую. Также с кавычками. ( ), { }, [ ], " ", ' '.

Вы можете указать нужную Вам пару символов, которые не являются как традиционные пара скобок. Смотрите меню: Опции → Настройки → Автовставка → Заказная пара. Вы можете указать три пары символов.

Подсветка пары скобок. Поместите курсор на одну из скобок -- ( ), { }, [ ] -- и редактор подсветит её пару.

Перенос строк

Допустим вам нужно поработать с кодом, в котором есть, объёмный по числу символов текст.

По умолчанию, редактор поместит такой код в одну линию, создаст горизонтальную полосу прокрутки, но работать с таким кодом неудобно.

Для устранения подобного неудобства, войдите в меню – Вид, найдите команду Перенос строк. Выберите её, и весь код будет размещаться по ширине рабочего окна редактора, и строка будет автоматически переноситься в следующую линию.

Комментарии

При кодировании веб-страницы, бывает полезным для памяти зафиксировать то, что Вы делаете или что нужно доделать.

Команды комментария доступны в меню Правка или контекстного меню.

Можно закомментировать строку кода, функция которой в данный момент не нужна, но при доработке веб-страницы понабиться. Как говориться: запас беды не чинит. Закомментированный код не дает команд браузеру. Для браузера он просто не существует.

Чтобы вставить комментарий в кодировке веб-страницы, выберите меню Правка → Комментирование. Откроется панель с блоком команд комментариев.

Комментарием можно показать начало нового раздела кодировки.

Тег комментария и текст внутри их, не воспроизводится браузером на мониторе.

Выберите нужную команду.

- для добавления тега однострочных комментариев, выберите: Правка → Комментарии → Закомментировать строку.

- чтобы удалить теги однострочных комментариев, выберите: Правка → Комментарии → Раскомментировать строку.

- для добавления тега блочных комментариев к выделенному тексту, выберите: Правка → Комментарии → Закомментировать выделенное блоком.

- чтобы удалить теги блочных комментариев в выделенном тексте, выберите: Правка → Комментарии → Раскомментировать блочные в выделенном.

Табуляция

Отступы текста является распространенной операцией, при редактировании и написании текста. Отступы это результат добавления табуляции в начале строки. Использование отступов позволяет обозначить блоки кодировки и тем самым обозначить иерархию.

Нажатие клавиши Tab вставляет символ табуляции в позицию курсора. Если выделено несколько строк, то нажатие клавиши Tab добавит отступы в начале каждой строки. Это позволит сдвинуть весь блок текста. Нажатие Shift+TAB будет удалять отступы. Эти команды доступны в меню Правка → Отступы в выделенных строках.

Отступ задаёт уровень. Каждый уровень это добавление определенного количества пробелов.

Визуальный знак отступа – вертикальная черточка. Чтобы отступы отражались, нажмите кнопку -- Отражать направляющие отступов и оставьте ее в нажатом состоянии.

Пример кодировки с отступами.

 

... да пачатку старонкі