Тестовый контент для проверки css страницы и записей

Для начала проверим заголовки.

H1 Английский перевод 1914 года, H. Rackham

H2 «de Finibus Bonorum et Malorum», написанный Цицероном в 45 году н.э.

H3 Английский перевод 1914 года, H. Rackham

H4 Абзац 1.10.32 «de Finibus Bonorum et Malorum», написанный Цицероном в 45 году н.э.

H5 Классический текст Lorem Ipsum, используемый с XVI века
H6 Классический текст Lorem Ipsum, используемый с XVI века

Отлично, смотрим на размеры заголовков, если все в норме, идем далее.
Проверим отформатированный текст:

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

Данный текст выше «форматированный», закрывается в тег pre и уже что такое <pre> можно ознакомиться в гугле/яндексе:)

Погнали дальше!

Проверим жирный текст, теперь курсив, еще надо подчеркнуть, а можно и ЗАчеркнуть, ну и все вместе 🙂

А как будет выглядеть ссылка:
Открыть мой инстаграм @airat_shakurov

Нравится?? Если нет — меняем css, если да — едем дальше.

Цвет текста исправляем, хочу синий, хочу зеленый. Мне нравится:)

Посмотрим на простой текст без отступов:

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока не достигнут нужный объём. Это делает предлагаемый здесь генератор единственным настоящим Lorem Ipsum генератором. Он использует словарь из более чем 200 латинских слов, а также набор моделей предложений. В результате сгенерированный Lorem Ipsum выглядит правдоподобно, не имеет повторяющихся абзацей или «невозможных» слов.

Сделаем отступ:

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока не достигнут нужный объём. Это делает предлагаемый здесь генератор единственным настоящим Lorem Ipsum генератором. Он использует словарь из более чем 200 латинских слов, а также набор моделей предложений. В результате сгенерированный Lorem Ipsum выглядит правдоподобно, не имеет повторяющихся абзацей или «невозможных» слов.

Два отступа:

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока не достигнут нужный объём. Это делает предлагаемый здесь генератор единственным настоящим Lorem Ipsum генератором. Он использует словарь из более чем 200 латинских слов, а также набор моделей предложений. В результате сгенерированный Lorem Ipsum выглядит правдоподобно, не имеет повторяющихся абзацей или «невозможных» слов.

Прекрасно!

Первая часть завершена, подведем черту.


Красиво ли смотрится горизонтальная линия, если нет, то меняем css!

Пора попробовать выровнять текст!

Слева:

Многие думают, что Lorem Ipsum — взятый с потолка псевдо-латинский набор слов, но это не совсем так.

Центр:

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться.

Справа:

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь.

Мне нравится выравнивание, слева всегда надоедает читать, центрирование акцент делает на новых главах/абзацах/темах, а текст справа как-то заставляет проснуться, обновиться, поэтому использовать центрирование надо!)

Цитата, мы еще не видели как выглядит цитата!

Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

После правок текста, не забываем заходить во вкладку сверху справа «ТЕКСТ» и проверять — нет ли лишних тегов! различные div/span и так далее, если есть лишнее, берем и удаляем!


Списки! Начнем с маркированных.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Donec et odio id ligula eleifend pharetra in sed ante.
  • Pellentesque feugiat sem et facilisis pharetra.
  • Aenean sit amet diam sit amet turpis rutrum mattis.
  • Vivamus mollis neque nec augue euismod, vel ullamcorper erat viverra.
  • Duis iaculis diam at massa ornare consequat.
  • Sed congue mi pulvinar convallis gravida.
  • Nam et mauris in sapien aliquet convallis vel vel sapien.
  • Mauris in lectus at elit lobortis vehicula nec ac neque.
  • Phasellus sollicitudin orci quis enim imperdiet aliquet.
  • Pellentesque tincidunt ante sed felis venenatis euismod.
  • Sed in orci pretium, fermentum arcu quis, ullamcorper turpis.
  • Aenean feugiat libero quis lacus elementum, eget hendrerit eros maximus.
  • In sagittis mauris at maximus scelerisque.

А сейчас нумерованный список:

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Donec et odio id ligula eleifend pharetra in sed ante.
  3. Pellentesque feugiat sem et facilisis pharetra.
  4. Aenean sit amet diam sit amet turpis rutrum mattis.
  5. Vivamus mollis neque nec augue euismod, vel ullamcorper erat viverra.
  6. Duis iaculis diam at massa ornare consequat.
  7. Sed congue mi pulvinar convallis gravida.
  1. Nam et mauris in sapien aliquet convallis vel vel sapien.
  2. Mauris in lectus at elit lobortis vehicula nec ac neque.
  3. Phasellus sollicitudin orci quis enim imperdiet aliquet.
  4. Pellentesque tincidunt ante sed felis venenatis euismod.
  5. Sed in orci pretium, fermentum arcu quis, ullamcorper turpis.
  1. Aenean feugiat libero quis lacus elementum, eget hendrerit eros maximus.
  2. In sagittis mauris at maximus scelerisque.

Мы молодцы проверили все текстовые стили!

Но мы еще не смотрели как выглядят картинки! Пора глянуть, вставим просто картинку:

Это я после пробежки) Щас бы побегать, ууу) Так, это размер 1080 х 1080. Как смотрится? Сейчас вставлю меньше размер и еще одну огромную!

это вообще мелкая, 240х240

иииии, вот она огромная!! ба-ба-ба-бааааммммм!!!

5456 х 3632!!! жесть:))) сверх качество, прям ааахххх

Сейчас можно проверить, что влазит, что не влазит, исправить css и далее уже можно смотреть выравнивание картинок в текстах, ах да! Еще ведь будет проверка видео вставки!)

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


Что такое Lorem Ipsum?

Lorem Ipsum — это текст-«рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Слева изображение я сделал по левому краю, посмотрим что получится..)

Почему он используется?

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации «Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст..» Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам «lorem ipsum» сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые — намеренно (например, юмористические варианты).

 

Откуда он появился?

Многие думают, что Lorem Ipsum — взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, «consectetur», и занялся его поисками в классической латинской литературе. В результате он нашёл неоспоримый первоисточник Lorem Ipsum в разделах 1.10.32 и 1.10.33 книги «de Finibus Bonorum et Malorum» («О пределах добра и зла»), написанной Цицероном в 45 году н.э. Этот трактат по теории этики был очень популярен в эпоху Возрождения. Первая строка Lorem Ipsum, «Lorem ipsum dolor sit amet..», происходит от одной из строк в разделе 1.10.32

Классический текст Lorem Ipsum, используемый с XVI века, приведён ниже. Также даны разделы 1.10.32 и 1.10.33 «de Finibus Bonorum et Malorum» Цицерона и их английский перевод, сделанный H. Rackham, 1914 год.

Картинку справа я сейчас сделал по правому краю! и размер поставил большой — 840 х 840 px

Где его взять?

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока не достигнут нужный объём. Это делает предлагаемый здесь генератор единственным настоящим Lorem Ipsum генератором. Он использует словарь из более чем 200 латинских слов, а также набор моделей предложений. В результате сгенерированный Lorem Ipsum выглядит правдоподобно, не имеет повторяющихся абзацей или «невозможных» слов.

Что такое Lorem Ipsum?

Lorem Ipsum — это текст-«рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Почему он используется?

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации «Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст..» Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам «lorem ipsum» сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые — намеренно (например, юмористические варианты).

Выше мы видим фотку 300х300 размером и стоит она по центру!)

Но еще надо попробовать изображения с подписями! Пробуем.

Откуда он появился?

mac, ключ, кошелек
Всегда хотел сделать такую фотку) Буду учиться делать круче😎

Я сделал слева картинку с описанием, так еще я вставил в нее все возможные метки, тайтлы и еще поставил на картинку ссылку!! Вот это я считаю мощь!! Сейчас главное поправить css так, чтобы все выглядело бомбезно!!

Многие думают, что Lorem Ipsum — взятый с потолка псевдо-латинский набор слов, но это не совсем так. Его корни уходят в один фрагмент классической латыни 45 года н.э., то есть более двух тысячелетий назад. Ричард МакКлинток, профессор латыни из колледжа Hampden-Sydney, штат Вирджиния, взял одно из самых странных слов в Lorem Ipsum, «consectetur», и занялся его поисками в классической латинской литературе. В результате он нашёл неоспоримый первоисточник Lorem Ipsum в разделах 1.10.32 и 1.10.33 книги «de Finibus Bonorum et Malorum» («О пределах добра и зла»), написанной Цицероном в 45 году н.э. Этот трактат по теории этики был очень популярен в эпоху Возрождения. Первая строка Lorem Ipsum, «Lorem ipsum dolor sit amet..», происходит от одной из строк в разделе 1.10.32

Классический текст Lorem Ipsum, используемый с XVI века, приведён ниже. Также даны разделы 1.10.32 и 1.10.33 «de Finibus Bonorum et Malorum» Цицерона и их английский перевод, сделанный H. Rackham, 1914 год.

Где его взять?

Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца. Также все другие известные генераторы Lorem Ipsum используют один и тот же текст, который они просто повторяют, пока не достигнут нужный объём. Это делает предлагаемый здесь генератор единственным настоящим Lorem Ipsum генератором. Он использует словарь из более чем 200 латинских слов, а также набор моделей предложений. В результате сгенерированный Lorem Ipsum выглядит правдоподобно, не имеет повторяющихся абзацей или «невозможных» слов.

лыжня, спорт, здоровье, бег, айрат шакуров
А вот и фотки с лыжной гонки в Богатых Сабах!!) . Точно не помню, но вроде эта фотка уже прям перед финишем)

Что такое Lorem Ipsum?

Lorem Ipsum — это текст-«рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Почему он используется?

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации «Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст..»

семья, любовь, дети, день рождения, айрат шакуров
О том, куда я пропадал на 2 недели🔥🔥 . Ааа, привет!!))

Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам «lorem ipsum» сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые — намеренно (например, юмористические варианты).


Вот теперь то много работы, совместно со ссылками картинки надо проверить!) Ведь еще должна быть возможность просто посмотреть увеличенную картинку, если это не ссылка!) Пипец! жесть сколько работы, ладно мы ведь знаем «ГЛАЗА БОЯТСЯ — РУКИ ДЕЛАЮТ», вот и хватит ныть! ДЕЛАЕМ!

Еще проверим видосы, как они вставляются?

И вспомним что такое закалка)) Я вошел во вкладку «текст» и вставил код IFRAME. Теперь как обычно надо будет сделать так, чтобы iframe был адаптивным:) В принципе по видюшкам все, их я в css буду центрировать, чтобы не было проблем, а то по краям смысла нет как картинки их вставлять, четкий акцент должен быть на видео, на всю строку!

На этом пожалуй все!) Если вдруг я что-то упустил, то ничего страшного в этом нет — позже добавлю упущенные моменты!

До скорых встреч друзья, пока пока!!

От души написал как для себя, так и для остальных, Ваш Айрат Шакуров!) Пользуйтесь на здоровье!

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

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