Создание сайтов, поисковое продвижение, разработка веб-приложений.
+7 (987) 254-02-67
Email: feedback@goinweb.ru
ул. Новоженова 90/1, офис 419

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

poligraficheskoe-naslediya

Первая особенность связана с сущностью интернета и современным ритмом жизни. Если ценность фолианта не в последнюю очередь определяется количеством страниц в нем и объемом текста, то с веб-страницами как раз наоборот. Если страница не является аналогом бумажного издания, да еще раритетного, то чем короче на ней тексты, тем лучше. Дело в том, что восприятие информации при использовании электронных носителей информации существенно отличается от восприятия при использовании аналоговых. Это так называемый «синдром переключения каналов». Когда пульт в руке, очень легко переключаться с одного канала на другой. Когда достаточно щелкнуть по ссылке, очень легко покинуть один сайт и уйти на другой, потом на третий, а в конце просмотреть журнал посещений и ужаснуться, что вы уже на 124-м сайте за 17 минут. Психологически действует такой момент: если в течение нескольких секунд страница не заинтересовала посетителя, то он ее покинет. Вероятно, навсегда, потому что среди нескольких миллиардов веб-страниц всегда будет на чем остановиться. То же самое с телевизионными каналами (правда, их меньше). Отсюда простой вывод: страница должна чем-то привлечь посетителя, иначе зачем она вообще создавалась? Если не внешним видом, то содержимым, текстом. А в этом случае текстовые блоки должны быть лаконичными и понятными с первого прочтения. Понятность относительна (посетители всегда разные по степени подготовки), а вот правило лаконичности всегда должно соблюдаться. Длинные тексты на веб-страницах читать сложно, хотя бы в силу того, что с экрана читать сложнее, чем с бумаги. Лев Николаевич не выдержал бы натиска конкурентов, живи он в эпоху веб-дизайна. Вы думаете, почему японские хокку так популярны среди постоянных обитателей интернета? Потому что они короткие.

Вторая особенность текстов на веб-страницах связана с большим количеством разных параметров устройств вывода. Во-первых, у посетителей разные мониторы. Во-вторых, даже на двух мониторах одинакового размера может быть разное разрешение (сейчас популярны от 800 на 600 точек до 1280 на 1024 точки). В-третьих, даже на одном мониторе с зафиксированным разрешением посетитель может сильно уменьшить окно браузера либо, напротив, развернуть его на полный экран (F11). От всех этих условий очень сильно зависит вид текста. Один и тот же текст может выглядеть то как одна строчка, то как столбец в 10 строк. Во время одной сессии работы с веб-страницей пользователь может изменять окно браузера, отчего текст «ползет», особенно если он сверстан не в колонке жестко заданной ширины. Если на бумаге текст располагается раз и навсегда, то на веб-страницах он очень подвижный. Наконец, даже не изменяя окна браузера, посетитель может воспользоваться функциями увеличения и уменьшения размера текста (есть во всех браузерах) и масштаба отображения веб-страницы (есть во многих современных браузерах). Так что, если текст не «отлит» в виде изображения (так делают некоторые веб-дизайнеры), то он совершенно неподконтролен. Посетитель в большинстве случаев сможет сделать с ним, что хочет. А если сделать из текста изображение, то ведь у посетителя может быть отключена графика в браузере. Бедные, бедные верстальщики, связавшиеся с веб-дизайном! Они вынуждены только уповать на то, что текст сверстан так удачно, что посетитель сайта не захочет проводить все эти манипуляции.

Третья особенность текстов на веб-страницах связана с граниченностью средств форматирования, предоставляемых по умолчанию. Верстальщик-полиграфист использует богатый арсенал приемов и средств, нарабатывавшихся даже не годами, а веками. Он не зависит от многообразия устройств вывода, а просто верстает и спокойно готовит файлы к печати. Язык же HTML изначально разрабатывался скорее как разделяющий фрагменты текста логически, а не визуально. Это производители браузеров назначали тэгам визуальное оформление, чтобы заголовок внешне отличался от основного текста, а цитата — от образца кода. Следующие версии добавили разработчикам немного средств визуального форматирования: текст может быть полужирным, курсив-ным, подчеркнутым и перечеркнутым, раскрашенным в цвета радуги, крупным или мелким, сверстанным благодаря таблицам в несколько колонок; ссылкам можно стало назначать свои цвета. Семантическая ориентированность кода была непоправимо нарушена, но текст стал менее одноликим. Хорошие дизайнеры не злоупотребляли открывшимися возможностями, проявляя вкус, а плохие увечили вид текста и делали его совершенно нечитаемым. Пробираясь сквозь версии браузеров, на сцену вышел язык CSS: он дал намного больше средств форматирования текста, позволив почти не нарушать логику тэгов. Однако хорошая поддержка CSS есть только в современных браузерах, в старых она была реализована очень по-разному. С помощью средств CSS можно реализовать многие из полиграфических особенностей верстки: разные варианты кегля шрифта, стили подчеркивания, начертания, капители, разрядка текста (трекинг), интерлиньяж, разные отступы абзаца, в том числе и отступы красной строки (благодаря чему оформление абзацев можно максимально приблизить к книжному), буквица, разные типы выключки (влево, вправо, от центра, по ширине) и.т.п. Не во всех браузерах это работает одинаково хорошо, но к последним версиям тексты можно верстать уже очень красиво, почти не затрагивая HTML. Однако ряд параметров текста остается за пределами правил HTML и CSS. Среди них:

1. Нестандартные типы выключки: по ширине с последней строкой, выключенной от центра или вправо (обычно при выключке, или выравнивании, по ширине последняя строка абзаца оказывается такой, как если бы она была выключена влево) и по формату (когда все строки выключены одинаково по ширине).

2. Нормальное выравнивание по ширине. Проблема в том, что при такой выключке между словами образуются не очень красивые пробелы разной ширины — переносов ведь нет, и нечему корректировать внешний вид абзаца.

3. Переносы. Их можно реализовать на веб-страницах, но это, во-первых, связано с ручной работой (расстановка спецсимволов — мягких переносов, о которых пойдет речь в следующей главе), а во-вторых, переносы даже в этом случае не будут работать в браузерах на основе Gecko и в Konqueror (браузер Safari, хотя и построен тоже на KHTML, отображает такие символы корректно: только в концах строк, причем сами символы переносов выносятся за правую вертикальную линию набора). Расставлять переносы можно также сценариями: пример такого сценария будет приведен в следующей главе.

4. Висячая пунктуация. Реализуется несколькими способами с помощью тэгов HTML и средств CSS, позволяет выносить за вер-тикальную линию набора целые символы или просто визуально выравнивать вертикальную линию набора.

5. Кавычки и тире. С клавиатуры без дополнительных средств или сочетаний клавиш нельзя ввести правильные виды кавычек (вместо них употребляют знаки дюйма) и тире (вместо которого — дефис). Для полиграфических верстальщиков это никогда не было проблемой, для веб-верстальщиков часто этот факт почему-то встает непреодолимой стеной. В итоге правила для кавычек и тире в книгах одни, а на сайтах другие. То же можно сказать и о других спецсимволах. (Какие же они «спец-», если присутствуют в стандартных наборах символов большинства гарнитур?)

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

7. Вертикальный текст и текст, повернутый на 90 градусов. С помощью фильтров в Internet Explorer это реализовать можно, но этот браузер — не единственный.

8. Автоматически повторяющийся текст. В программах верстки обычно это делается на страницах шаблонов, но в веб-дизайне такого понятия нет. Текст можно включать в стилевые описания параметром content в псевдоэлементах :before и :after, но это, в свою очередь, не будет работать в Internet Explorer. На помощь приходят серверные сценарии.

9. Колонки. Даже если использовать таблицы либо соседствующие блоки, то разбивка на колонки производится вручную. Штатных средств разбивки текста на равномерные колонки в языках разметки нет. Могут выручить только сценарии на стороне сервера или клиента, которые считают количество символов или слов и разбивают текст на относительно равномерные колонки: они должны быть выровнены не только по ширине, но и по высоте. Дело осложняется еще больше, если дизайнер решил сделать колонки разной ширины (например, 1 узкая и 2 широких).

10. Тонкие пробелы — они нужны для разделения знака и номера параграфа, числа и знака процента и промилле и других подобных случаев. В этом случае пробел не разделяет, а скорее объединяет. Спецсимволы для тонких пробелов (которые к тому же являются неразрывными) есть, но они не поддерживаются браузерами. Для отображения таких пробелов можно использовать , которому стилями назначен меньший кегль и меньшее значение трекинга (пробел окажется меньше по размеру, что нам и нужно), но, так как даже неразрывный пробел, оформленный тэгами  , перестает связывать соседние слова, всю конструкцию с тонким пробелом посреди
нужно оформлять еще тэгами … — неоправданное увеличение объема кода.

11. Обтекание текстом непрямоугольных объектов отсутствует в браузерах. Даже если вставляется изображение в форматах GIF или PNG с прозрачными областями по краям, то обтекание текстом происходит по условной прямоугольной границе по периметру изображения. Реализовать можно только версткой вручную наложением частей текста на изображение — относительное или абсолютное позиционирование. Как видно, часть этих недостатков в браузерах можно компенсировать обходными средствами, что, правда, нарушает идеологию языков разметки и раздувает объем кода. Производители браузеров улучшают поддержку специальных символов, но этот процесс идет неравномерно и в разных браузерах по-разному. Например, в Opera 6 не отображался русский знак номера ¹ — вместо него просто появлялся пустой прямоугольник. Уже в седьмой версии ошибка была исправлена. Мягкие переносы не отображаются в браузерах на основе Gecko и в Konqueror. Несмотря на то, что в Firefox включен модуль проверки орфографии в формах, алгоритма расстановки переносов там так и не появилось. Сомнительно также, чтобы в ближайшем будущем появилась поддержка тонких пробелов, колонок и визуального выравнивания вертикальной линии набора. Колонки — разговор особый. На веб-страницах они в полном понимании этого слова появляются очень редко. Это связано с тем, что текст на веб-страницах, как уже говорилось, весьма подвижный, так что такое ручное формирование соседних столбцов текста, чтобы при изменении размера страницы или кегля шрифта текст все равно оставался выровнен по верхнему и нижнему краям, достаточно сложно. В программах верстки при изменении размера колонок или кегля шрифта текст автоматически перетекает из колонки в колонку, пока не будет достигнуто выравнивание. Колонки отсутствуют в спецификациях CSS, а производители браузеров двигаются с сторону стандартов, закрывая глаза на бедность возможностей оформления текста на страницах, поэтому в ближайших версиях ожидать такого новшества не приходится. Тут есть еще один момент. Страница печатного издания всегда перед глазами, и двигаться по колонкам текста нетрудно. (Некоторые проблемы возникают, когда полоса газеты — большого формата, например, А2, а текст сверстан на всю высоту полосы.) Особенность веб-страниц в том, что они могут быть любой высоты. Посетитель страницы, прочитав одну колонку, должен будет промотать страницу вверх и снова начать чтение, вместо того, чтобы читать текст последовательно. Поэтому колонки на веб-страницах применяются в основном для независимых блоков текста: в одной колонке средства навигации, в другой основной текст, в третьей дополнительная информация, и.т.п.

Однако множество других параметров, присущих оформлению текста в хороших печатных изданиях, можно реализовать на веб-страницах. Ниже приводится краткий обзор принципов оформления текста. Если сравнивать понятия верстки веб-страниц с полиграфической версткой, то окажется, что три основных тэга для фрагментов текста имеют прямые соответствия в верстке печатных изданий. Тэг
соответствует любому текстовому блоку на странице (в разных программах верстки они обычно называются фреймами и блоками текста), при этом он может объединять сколько угодно абзацев. Тэг соответствует абзацу. Тэг соответствует отрезку текста, меньшему, чем абзац. Первые два элемента являются блочными (block), третий — линейным (inline). Все три тэга не имеют семантики, они нужны для физического разделения текста.

Комментарии  

#25001 Temeka 29.06.2022 00:56
There are numerous options when it comes to choosing Delta 8 flowers.
Prices along with quality and service can vary greatly.
Here is an inventory of the best evaluated delta 8 hemp
Flowers for sale: http://@Go.o.gle.email.2.%5C%5C%5C%@@@jfhjhjhjfdgh@sybbr>@Go.o.gle.email.2.%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%@w.o.r.t.h@jfhjhjhjfdgh@sybbr>@Go.o.gle.email.2.%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%5C%@@@l.2.%5C%5C%5C%@/influxcms/info.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fshop%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2Fdr-strains-cbd-blue-dream-delta-8-hemp-flower-1-4-oz%2F%3Etopscbdshop%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fshop%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2Fdr-strains-cbd-wedding-cake-delta-8-hemp-flower-1-4-oz%2F+%2F%3E 8 flowers.
#25002 Reagan 29.06.2022 01:33
Excellent beat ! I would like to apprentice while you amend your web site,
how could i subscribe for a weblog web site?
The account helped me a applicable deal. I had been tiny bit familiar of this your broadcast
offered vibrant transparent idea

Here is my webpage ... asian public Nude: https://Asianpublicnude.com/
#25003 Emilio 29.06.2022 01:44
Usually I do not learn article on blogs, but I wish to say that this write-up very forced me to take a look at and do it!
Your writing style has been amazed me. Thank you, very nice post.


Here is my site - mobile chaturbate: https://Mobilechaturbate.com/
#25004 Leandra 29.06.2022 01:50
Magnificent beat ! I wish to apprentice whilst you
amend your site, how can i subscribe for a blog site?
The account aided me a appropriate deal. I have been tiny bit familiar of this your broadcast provided shiny clear concept

my webpage :: w88: http://www.zantarni.com/link.php?link=https://w88plays.com
#25005 Marissa 29.06.2022 01:52
When I initially commented I clicked the "Notify me when new comments are added" checkbox and now each time a comment is added I
get several emails with the same comment. Is there any way you can remove people from that service?

Thanks!

My website :: X Com Porn: https://Xcomporn.com/
#25006 Tanesha 29.06.2022 02:33
Hi! I'm at work surfing around your blog from my new iphone 4!
Just wanted to say I love reading through your blog and look forward to all your posts!
Carry on the fantastic work!
homepage: http://camillacastro.us/forums/profile.php?id=274536
#25007 Marcos 29.06.2022 03:23
Hi there! Quick question that's totally off topic. Do you
know how to make your site mobile friendly? My website looks weird when browsing from my iphone4.

I'm trying to find a template or plugin that might be able to fix this issue.
If you have any suggestions, please share. Cheers!

my web-site :: Personalized air
force 1 07 athletic shoes: http://Www.Bakno.com/forum/profile.php?id=1312807
#25008 Belle 29.06.2022 03:44
Thanks for one's marvelous posting! I seriously enjoyed reading it,
you can be a great author.I will make sure to bookmark
your blog and will come back in the foreseeable future.
I want to encourage you to ultimately continue your great job, have a nice weekend!



Have a look at my website: free nud Webcam: https://freenudwebcam.com/
#25009 Lolita 29.06.2022 03:53
Before you decide to purchase flowers from buy delta 8 Flower Online: http://elias.ztonline.ch?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fproduct-category%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2F%3Etopscbdshop%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fproduct-category%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2F+%2F%3E eight, you should consult an expert.
Certain products may interact with certain medical conditions.
#25010 Armand 29.06.2022 03:56
You may perhaps obtain a ticket very good for up to 30 consecutive draws by marking the number
of draws in the MULTI DRAW column.

Here is my page - Visit this site: https://images.google.at/url?sa=t&url=https%3A%2F%2Fts911victory.org%2F
#25011 Meridith 29.06.2022 04:11
Greetings! Very helpful advice within this post!
It is the little changes which will make the biggest changes.

Thanks a lot for sharing!

my web-site mobile chaturbate: https://Mobilechaturbate.com/
#25012 Fleta 29.06.2022 04:32
Right away I am going away to do my breakfast, when having my breakfast
coming yet again to read additional news.

Here is my homepage :: الواتس الذهبي 2021 اخر اصدار: http://www.4mark.net/story/7057532/%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82-%d9%88%d8%a7%d8%aa%d8%b3%d8%a7%d8%a8-%d8%a7%d9%84%d8%b0%d9%87%d8%a8%d9%8a-%d8%a3%d8%ad%d8%af%d8%ab-%d8%a7%d8%b5%d8%af%d8%a7%d8%b1-%d8%b1%d8%a7%d8%a8%d8%b7-%d9%85%d8%a8%d8%a7%d8%b4%d8%b1
#25013 Gabrielle 29.06.2022 04:38
Hello my friend! I want to say that this post is awesome, great written and include almost all important infos.
I would like to see more posts like this .

Also visit my web-site ... Top Porn Lists: https://Toppornlists.com/
#25014 Philipp 29.06.2022 05:28
It's a same youu don't have a donzte button! I'd definitely donawte to this excellent
blog! I guess for now i'll settle for book-marking and
adding your RSS feed to my Google account. I look forward too frtesh
updates and will share this site: http://www.peacechatter.com/community/profile/deborahbabb9720/ with my
Facebook group. Chat soon!
site
#25015 Korey 29.06.2022 05:28
Alternative services, also referred to as non-military substitute,
or alternative civilian, are voluntary activities that take the place
of military conscription.

My homepage ... software Alternatives: https://altox.io/mg/intacthd-m4v-converter
#25016 Randolph 29.06.2022 06:09
Service Alternatives, Inc., an organization that is a non-profit devoted to
encouraging proactive communication and Inside Out Change continues to develop the
field of de-escalation.

Also visit my web blog :: Harga & Lainnya - Menyediakan lingkungan pengembangan lokal yang sederhana dengan GUI yang
ramah. Menggunakan Docker di bawah tenda: https://altox.io/id/local-by-flywheel
#25017 Mildred 29.06.2022 06:22
Delta 8 hemp flower is a great way to get the benefits of CBD.

These hemp products come in many different strains and can make you feel more at ease and focused.
You can also experiment with hybrid strains that offer
the best delta 8 hemp Flower For sale: http://49.234.124.244/lt/upload/home.php?mod=space&uid=163183&do=profile of both.
#25018 Loretta 29.06.2022 06:38
There are many reasons to purchase delta 8 flower: http://www.les-minutias-village.com/contact.php?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fshop%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2Fdr-strains-cbd-wedding-cake-delta-8-hemp-flower-1-4-oz%2F%3Edr+strains+cbd+wedding+cake+delta+8+hemp+flower+1%2F4+oz+-+tops+Cbd+shop+usa%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fwww.topscbdshop.com%2Fproduct-category%2Fdelta-8-d8-thc%2Fdelta-8-hemp-flowers%2F+%2F%3E 8 flowers available for sale.
The best part about these flowers is their quality.
You can enjoy a 20% discount on your first order and free shipping.
#25019 Lanora 29.06.2022 06:44
Great article! This is the type of information that are meant to be shared
around the web. Disgrace on the search engines for now not positioning this submit higher!
Come on over and visit my website . Thanks =)

Feel free to visit my webpage Freeporngirlong irl.Com: https://freeporngirlongirl.com/
#25020 Ramonita 29.06.2022 06:49
Hmm is anyone else experiencing problems with the images on this blog loading?
I'm trying to determine if its a problem on my end or if it's the blog.
Any responses would be greatly appreciated.

Here is my web-site; free dedicated servers: http://search.posttoday.com/track/visitAndRedirect?href=https://telegra.ph/Server-rental-01-15
#25021 Bea 29.06.2022 06:51
Before you go out to purchase best delta 8 Hemp flower: https://www.sitiosperuanos.com/author/florketcham/ eight flowers
you should talk to a physician. Certain medical conditions
could be affected by some of these products.
#25022 Mckinley 29.06.2022 07:34
Before you decide to purchase the buy delta 8 flowers online: http://www.cheongbo.co.kr/bbs/board.php?bo_table=free&wr_id=7408 eight flower it is
recommended to consult a physician. Certain of these items can interact with certain medical conditions.
#25023 Betty 29.06.2022 07:48
A Alternative project altox: https://altox.io/tl/voxio to a project is a plan that reduces the intensity of development on a specific site.
The alternative would come to the same conclusions as the original project
but have fewer impacts on the land around it.
#25024 Teresa 29.06.2022 07:58
You may be concerned about the possible effects of other projects when you are contemplating
the construction of a new structure.

Feel free to surf to my homepage - Altox.io: https://altox.io/ht/documents
#25025 Dina 29.06.2022 08:25
Very energetic post, I loved that bit. Will there
be a part 2?

My homepage; naked girls
On Omegle: https://nakedgirlsonomegle.com/
#25026 Martin 29.06.2022 08:26
There are many options when it comes to selecting Best Delta
8 Hemp Flower Near Me: https://www.amazonarticle.com/is-your-what-are-the-best-delta-8-flowers-keeping-you-from-growing/ 8 flowers. Prices along with quality and service can differ greatly.

Here's a list of top-rated Delta 8 flowers.
#25027 Lorenzo 29.06.2022 08:31
Have you ever considered about including a little bit more than just your articles?
I mean, what you say is valuable and everything. However just imagine if you added some great images or video clips to give
your posts more, "pop"! Your content is excellent but with images and clips, this
site could certainly be one of the greatest in its niche.
Awesome blog!

My blog ... Https://Bestfreesexvideos.Com: https://Bestfreesexvideos.com/

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

Защитный код
Обновить

Бесплатная консультация

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

Бесплатная консультация по телефону:

+7 987 2540267
Ежедневно c 10:00ч до 20:00ч.

 

Услуги | Портфолио | Блог | РБ
Перепечатка информации с сайта www.goinweb.ru, возможна только с указанием активной гиперссылки.
Веб-студия «GOINWEB»: Разработка, продвижение, обслуживание и поддержка веб-сайтов. E-mail:feedback@goinweb.ru
Яндекс.Метрика