Gt lt


Глава 6

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

Спецсимволы

Иногда, а порой даже часто, как например в этом сайте, в тексте не обойтись без знаков «меньше чем»-< и «больше чем»- > , но как быть если браузеры определяют <слово> или фразу заключенные в эти знаки как тег и следовательно не будут его отображать на мониторе? Или допустим Вам и вправду в тексте надо написать некий <тег>, но не для того чтобы дать очередную команду браузеру, а чтобы привести пример его написания посетителям страницы?

Для этих целей были придуманы так называемые спецсимволы.

Так например спецсимвол &lt; — будет значить что в этом месте текста нужно поставить знак < а спецсимвол &gt; обозначит символ >.


Все спецсимволы начинают писаться со знака &— амперсант этот знак указывает браузеру, что далее будет идти имя спецсимвола и воспринимать его следует не как текст, а как команду. Тут встаёт очередной вопрос, а как собственно в тексте предназначенного для вывода на экран поставить сам знак &— амперсант?

Для знака & тоже есть свой спецсимвол — &amp;

Такая вот путаница получается..

Ещё, пожалуй, отдельного внимания заслуживает спецсимвол &nbsp; — это неразрывный пробел мы с ним уже сталкивались. Дело в том, что когда Вы пишите текст в блокноте или html редакторе «простых» пробелов между словами можно поставить сколь угодно много, но вот при чтении страницы браузером все они «удаляются» и между словами на странице будет не более одного пробела. Отсюда часто возникают проблемы с оформлением текста, красную строку, например, никак не сделать… вот и придумали люди спецсимвол &nbsp; он воспринимается браузером не как пробел, а как знак, только невидимый человеческому глазу.

А неразрывным он называется по тому, что группа&nbsp;&nbsp;&nbsp;таких пробелов воспринимается как цельное слово, следовательно, не переносится на следующую строку, если предложение подходит к установленным рамкам или же к краю окна. Так что в окне может появиться горизонтальная полоса прокрутки, если Вам это ненужно, ставьте между ними обыкновенные пробелы &nbsp; &nbsp; &nbsp;


Пример использования спецсимволов:

Пример в примере… навивает на философские мысли о бесконечности…

Ну вот теперь Вы знаете, как примерно выглядят все эти примерчики по «ту сторону экрана». Кстати, раз уж начал открывать военные тайны, данный пример является таблицей из двух ячеек, одна тоненькая слева выполняет сугубо декоративную функцию.. так вот если перед Вами встанет задача нарисовать ячейку таблицы без какого либо содержания вставляйте в неё знак пробела &nbsp;. Помните правило <тег>здесь что то обязательно должно быть</тег>? Спецсимвол пробела один из выходов в данном случае.

Кроме выше указанных есть еще целый ряд спецсимволов, чего там только нет: знаки зодиака, карточные масти, палочки, точечки, ёлочки, кругляшки, дроби.. Предназначены они уже не для каких-то «особых» задач, а просто выполняют свою роль ввиду отсутствия данных знаков на клавиатуре. Мою «коллекцию» спецсимволов можете посмотреть здесь.

Горизонтальная линия

Простой новый тег <hr> рисует в окне горизонтальную линию, не требует закрывающего тега. Часто применяется при верстке страницы в качестве декоративного элемента.


Имеет ряд атрибутов, align -выравнивание с одним из трёх значений (center, left, right) может быть применен, если задана длина линии атрибут width в пикселях или процентах. Так же можно задать толщину линии атрибут — size, цвет атрибут — color, и при необходимости отключить тень линии noshade.

Пример:

По моему достаточно просто и эффективно.

Бегущая строка

Тег <marquee> заставляет текст помещённый в него двигаться в том или ином направлении, проще говоря делает его бегущей строкой. Бегущая строка имеет ряд настроек скроллинга, которые задаются следующими атрибутами:

behavior — определяет тип скроллинга, может иметь следующие значения:

  • alternate — колебательные движения от края к краю
  • scroll — прокручивание текста. текст будет выходить за рамки экрана и снова появляться с противоположной его стороны
  • slide — прокручивание текста c остановкой.

scrollamount — скорость бегущей строки от 1 до 10.
loop задает количество прокруток бегущей строки.

direction — направление движения текста. значения:

  • up — вверх,
  • down — вниз,
  • left — влево,
  • right — вправо.

bgcolor — цвет фона бегущей строки,
height — высота строки,
width — ширина строки.

Пример:

Ну думаю, сами разберётесь, что к чему. Попробуйте использовать различные сочетания атрибутов для достижения нужного Вам эффекта. Добавлю лишь то, что с текстом бегущей строки можно делать то же самое, что и с обыкновенным текстом: менять размер, цвет, стиль, шрифт, сделать фразу из строки ссылкой.. прописывая нужные теги внутри тега <marquee>

Комментарии

Комментарии используются для того, чтобы облегчить свой собственный труд, а так же упростить понимание другим человеком кода Вашей странички. Пишутся они непосредственно в коде html документа, однако браузер не выводит эти «пометки» на экран. Для того чтобы заставить браузер игнорировать какой либо текст его необходимо заключить вот в такой набор символов:

<!— —>

По принципу:

<!— здесь может быть любой текст —>

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

Пример:

Как видите старый пример ничем не изменился зато ориентироваться в его коде стало значительно легче.

Полезные советы:


  • Писать сайты на своём компьютере конечно дело хорошее, но пора задумываться о том, как Ваше творчество разместить в сети Интернет. О том как это сделать читайте в статье «Публикация сайта». А совет собственно заключается в том, что на данном этапе обучения Вам пора обзавестись своим собственным местом (хостом) «тренировочным плацдармом» на каком либо сервере.. а также собственным именем сайта (доменом)… для начала, это место и имя могут быть бесплатными, даже я бы сказал должны быть бесплатными.. Там, в этом месте на сервере, Вы будите тренироваться выкладывать свои страницы., смотреть как и с какой скоростью они загружаются, так же Вы сможете показать своё творение миру (а можете и не показывать) и друзьям. Почему этим стоит заняться именно на данной стадии обучения? Да потому что с помощью того, что мы изучили, Вы уже можете делать вполне пристойные сайты!! нет конечно до конца обучения ещё рано, да и предела совершенствования мастерства как известно нет.., но это послужит хорошей тренировкой и так сказать поднимет Ваш морально боевой дух!!)) Знаете как это приятно, увидеть свою работу в действии!? Но, ещё раз повторюсь, о том как это дело провернуть читайте в статье «Публикация сайта».

www.webremeslo.ru

Командная строка процессы, утилита tasklist


Утилита командной строки tasklist служит для вывода списка процессов Windows (пример использования: «Получение списка процессов средствами командной строки и сервера Windows Script Host»)

tasklist[.exe] [/s <система>] [/u [<домен>]<пользователь> [/p <пароль>]] [/fo {TABLE|LIST|CSV}] [/nh] [/fi фильтр [/fi фильтр2 [ … ]]] [/m <модуль> | /svc | /v]

Параметры:

/s <система> — данный ключ позволяет задать имя или же IP-адрес удаленной системы. При отсутствии ключа, информация извлекается для текущей системы.

/u [<домен>]<пользователь> — позволяет задать имя домена/пользователя, под разрешением учетной записи которого должна выполниться команда. При отсутствии, принимаются права текущего пользователя, того, что запустил утилиту.

/p <пароль> — данный ключ актуален лишь в том случае, если прису

тствует параметр /u. Ключ задает пароль учетной записи.

/fo {TABLE|LIST|CSV} – тут мы можем задать формат выходных данных: TABLE – таблица, LIST – список и CSV – таблица в формате csv файла. При отсутствии ключа, данные выводятся в формате TABLE. Командная строка и процессы.

/nh – отключение вывода заголовка для столбца, ключ актуален лишь тогда, когда для параметр /fo установлены значения TABLE или CSV

/fi – данный ключ позволяет задать фильтры, по которым будет отсеиваться список выводимых процессов в командной строке. Фильтры можно указывать через запятую, в кавычках прописываем имя фильтра, оператор и значение.

Виды фильтров:


  • STATUS (состояние) – eq, ne — RUNNING | NOT RESPONDING
  • IMAGENAME (имя образа) – eq, ne – имя процесса
  • PID (ID процесса) — eq, ne, gt, lt, ge, le – значение идентификатора процесса PID
  • SESSION (сеанс) — eq, ne, gt, lt, ge, le – номер сессии
  • SESSIONNAME (имя сеанса) — eq, ne – имя сессии
  • CPUTIME (неизвестно!!!) — eq, ne, gt, lt, ge, le – время ЦП в формате hh (часы):mm (минуты):ss (секунды).
  • MEMUSAGE (память) — eq, ne, gt, lt, ge, le – потребляемое значение памяти в КБ
  • USERNAME (пользователь) — eq, ne – задает имя пользователя в формате [<домен><пользователь>]
  • SERVICES(службы) — eq, ne – имя службы
  • WINDOWTITLE — eq, ne – название окна
  • MODULES (модули) — eq, ne – название DLL библиотеки

Значения операторов:

  • eq – определяет равенство заданному значению
  • ne — определяет неравенство заданному значению
  • gt — Больше указанного числа
  • lt — Меньше указанного числа
  • ge — Больше или равно указанному числу
  • le — Меньше или равно указанному числу

Обратите внимание, что при указании имени фильтра, я указал рядом в круглых скобках его русское значение (при возможности). Так как в русской сборке Windows умудрились сделать перевод, и при вызове фильтра на английском, возникает ошибка CMD “Фильтр поиска не опознан”.

/m <модуль> — присутствие данного ключа включает отображение всех процессов в командной строке, использующих заданную библиотеку (фильтр MODULES). Не используется совместно с параметрами /svc и /v

/svc – определяет отображение служб для каждого процесса, актуален, если параметр /fo имеет значение TABLE. Не используется совместно с параметрами /m и /v

/v – включает отображение подробной информации. Не используется совместно с параметрами /svc и /m.

Командная строка процессы, утилита tasklist

Утилита taskkill позволяет завершить работу заданного процесса или группы, завершение может осуществляется по имени процесса или по его идентификатору


TASKKILL [/S <система> [/U <пользователь> [/P [<пароль>]]]]{ [/FI <фильтр>] [/PID <процесс> | /IM <образ>] } [/F] [/T]

Фактически, значение параметров те же, что и для утилиты tasklist, кроме:

/F – задает принудительное завершение заданного процесса

/PID <процесс> — тут мы можем указать идентификатор того процесса, который нужно убить.

/IM  <образ> — задаем имя образа, для определения всех процессов, можно прописать символ подстановки ‘*’.

/T – если данный ключ включен, то произойдет завершение заданного процесса в командной строке и всех его дочерних.

Хорошо, как известно, для вывода справки по заданной утилите CMD, нужно прописать ее имя и параметр /?. Для направления данных в файл используется символ “>” после которого следует путь к файлу, в который будут записываться данные. Но, есть одна проблема – нужно определить правильную кодировку, иначе мы получим крякозябы. Дело в том, что некоторые утилиты уперто не хотят перенаправить данные в файл в той кодировке, которую мы прописали с помощью утилиты chcp. И поэтому, нужно писать отдельный батник.

Я не силен в командной строке, поэтому на просторах интернета нашел следующий пример:

Сохраните данный текст в файле с расширением bat и запустите, в итоге вы получите в текущем каталоге два текстовых файла, один с крякозябрами, а другой в кодировке 1251.


Спасибо за внимание. Автор блога Владимир Баталий

scriptcoding.ru

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

Дальнейшая доработка в программе Sigil. Вот там уже вставлять иллюстрации, обложку, необходимые ссылки.

———

Способ 02.

Подготовленный документ конвертируется онлайн-конвертером, например, здесь:

http://ebook.online-convert.com/ru/convert-to-epub

При просмотре можно вычислить, что на сайте конвертация производится программой Calibre. Преимущество – от пользователя требуются минимальные усилия, почти никаких настроек. Дальнейшая доработка в программе Sigil. (Некоторые разработчики советуют конвертировать Word – RTF – ePub.)

———

Способ 03.

Конвертация с помощью той же самой программы Calibre на своём компьютере. Доработка в программе Sigil.

———

Способ 04.

Тактика "выжженной земли". Весь текст книги копируется и вставляется в текстовый редактор Notepad++. Файл сохранить в формате txt.

Снова выделить весь текст в Notepad++, скопировать и вставить в редактор Sigil (режим book view – просмотр книги). При таком подходе получается наиболее простое и внятное форматирование и с очень простым кодом (code view – режим просмотра кода). Обратите внимание, чтобы исходно в коде пустой странички были только такие записи:

Я рекомендую именно этот способ, хотя он и кажется более трудоёмким. Большинство последних изданных мной книг собраны именно этим способом.

В редакторе Notepad++ возможно текст пересохранить в файл html. Вставить текст в Notepad++, далее выбрать TextFX →> TextFX HTML Tidy →> Tidy Convert to XHTML, который добавит необходимую информацию в раздел Head и заключит вставленный текст между тегами Плагин WebEdit позволяет легко добавить простейшие теги к различным частям текста. Функция найти и заменить позволяет расставить теги и во всём тексте. Регулярное выражение (RegEx) выглядит так: Найти: ^(.+)$ Заменить на: Далее сохранить документ как HTML. Этот файл можно вставить в Sigil либо конвертировать в ePub онлайн-конвертером или программой Calibre.

Этап 3. Доработка книги в редакторе Sigil.

Общая рекомендация – в редакторе пока нет автосохранения. Делайте это регулярно вручную.

Внимательно изучите все кнопки на панели программы. (Я пользуюсь исключительно английским интерфейсом, мне так удобнее и можно быть уверенным в точности терминов).

Просмотреть весь текст. Если ранее не выделялись заголовки – проставить их: выделить текст заголовка и нажать кнопки h1 либо h2, иногда h3 (смотрим кнопки на панели программы).

Переключиться в режим просмотра кода. С помощью автозамены (Find & Replace "найти и заменить") заменить теги для пустой строки с и на Сохранить файл с расширением .epub. Автозамена работает только в режиме просмотра кода.

Полученный файл книги состоит из одной длинной страницы с расширением html или xhtml, расположенной в папке Text.

Добавить в книгу файл таблицы стилей (CSS), шрифты, иллюстрации и обложку (в соответствующие папки в редакторе). Сохранить файл и сохранить его копию в резерв.

О файле с занятным (или заковыристым) названием

com.apple.ibooks.display-options.xml

рассказано в главе "Встраивание шрифтов в ePub". (Этот файл необходим для указания устройствам от Apple, что в книгу встроены собственные шрифты.)

Здесь мне необходимо сказать про форматирование отступов в параграфах, которое следует прописать в таблице CSS. При подготовке книг с прозой рекомендуют в характеристиках свойств параграфа указывать отступ 1em или 2em (например: ). Между абзацами пустые строки не рекомендуются.

Параграф без отступов рекомендован для оформления поэзии, non-fiction books (документалистика, очерки, научные работы, эссе, биографии, воспоминания, техническая документация, руководства и др.).

Подключить таблицу стилей к файлу (подробнее описано в отдельной статье).

Разбиение длинного файла html на более короткие страницы (ориентируемся на Заголовок 2 уровня – h2). Ставится курсор в начало Заголовка и нажимается кнопка Split At Cursor. Повторять действие до тех пор, пока каждая глава (часть произведения) или каждое стихотворение будет на отдельной страничке html. Сохранить. (Между файлами xhtml и html различия существуют, но в данном случае Вы можете не обращать на это внимания, сейчас это непринципиально. Важно запомнить, что в названиях файлов внутри контейнера ePub не должно быть пробелов, только латиница, есть чувствительность к регистру, то есть, файлы section003.xhtml и Section003.xhtml считаются совершенно разными файлами.)

Создать новый пустой файл xhtml и переименовать его в Cover.xhtml. Мышкой перетащить этот файл в самое начало папки Text. Добавить ссылку на таблицу стилей CSS в этот файл. Встроить обложку. Кроме обложки ничего более на данной страничке быть не должно. Добавить семантику Cover. Сохранить.

Создать новый пустой файл xhtml и переименовать его в Title.xhtml.

Титульный лист книги должен содержать имя автора, название. Отдельно можно написать пояснение – Сборник рассказов или Книга стихотворений (на Ваше усмотрение).

Указывается год издания, город и издательство или издатель. Выравнивание всех надписей может быть по центру или по левому краю – это дело вкуса.

Нужное количество пустых строк желательно сделать не вставкой тега <empty-line/>, т.к. ряд программ чтения воспринимает 4 пустых строки как команду вставить разрыв страницы.

Рекомендованный способ: заключить пустые строки внутрь тега <div> </div>. Вот пример:

Присвоить титульной страничке семантику Title Page.

В нужные места книги вставить иллюстрации. Сохранить.

www.litmir.me

Любые теги никак не показываются в окне браузера, поскольку воспринимаются браузером как команды для вставки элементов и изменения их свойств. Но иногда требуется на веб-странице вывести теги, например, для демонстрации HTML-кода. В этом случае используйте спецсимволы &lt; и &gt; для замены угловых скобок < и >. При этом тег <p> будет выглядеть как &lt;p&gt; (пример 1)

Пример 1. Теги на странице

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html> <html>  <head>  <meta charset="utf-8">  <title>Вывод тегов</title>  <style>  .ex {  border: dashed 1px #634F36;  background: #fffff5;  font-family: "Courier New", Courier, monospace;   padding: 7px;  font-size: 80%;  margin: 0 0 1em;  }  </style>  </head>  <body>  <p>Пример страницы </p>  <p class="ex">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;   &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;<br />  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br />  &lt;head&gt;<br />  &lt;meta http-equiv=&quot;Content-Type&quot;   content=&quot;text/html; charset=utf-8&quot; /&gt;<br />  &lt;title&gt;Формула этанола&lt;/title&gt;<br />  &lt;/head&gt;<br />  &lt;body&gt;<br />  &lt;p&gt;Формула этанола   С&lt;sub&gt;2&lt;/sub&gt;Н&lt;sub&gt;5&lt;/sub&gt;ОН&lt;/p&gt;<br />  &lt;/body&gt;<br />  &lt;/html&gt;  </p>  </body> </html>

В данном примере выводится код веб-страницы, а чтобы браузер не воспринимал теги напрямую, скобки < и > заменены специальными символами &lt; и &gt;. Результат примера показан на рис. 1.

Теги в документе

Рис. 1. Теги в документе

htmlbook.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.