Подписаться на обновления блога?

Да

Нет

Картинка 3D коробки

Узнать больше

922

HTML базовый курс

БЕСПЛАТНЫЙ обучающий курс предназначен тем, кто делает первые шаги в сайтостроении.

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

Бесплатные видеокурсы!

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

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

Вы здесь: Главная → Сборник статей → Оформление контента


Текущее состояние создаваемого сайта

Свернуть

Все статьи рубрики "Как сделать сайт"


Статья 2 сборника
2017-10-21

Оформляем контент сайта

  • Необходимость оформления контента сайта
  • Правила оформления контента
  • Подготовка к оформлению
  • Создание файлов для основного содержания веб-страниц и размещение их в соответствии со структурой сайта
  • Дополнение шаблона для избирательного вывода основного содержания веб-страниц
  • Размещение оформляемого текста в режиме вывода контента из файла
  • Исходные файлы сайта

Здравствуйте уважаемый посетитель!

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

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

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

А кроме этого, для удобства формирования статей в HTML-коде здесь будут выполнены некоторые подготовительные работы, в результате которых в дальнейшем появится возможность использовать тексты основного содержания не только из базы данных, но и из непосредственно размещенных в файлах сайта. Что позволит визуально контролировать внешний вид статей на стадии формирования без необходимости их предварительного переноса в базу данных.

А практическая реализациия, с составлением соответствующего HTML-кода и назначением свойств CSS, будет показана в последующих статьях на примере оформления страниц сайта, содержащих основную часть элементов, включая использование изображений и видео.

При этом, следует обратить особое внимание на то, что это будет только один из вариантов. Так как оформление контента, как и сам контент, должно быть уникальным. Как говориться, это один из элементов творчества, который должен присутствовать при разработке и ведении собственного интернет-ресурса.

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

А сделать это, будет не очень сложно, используя для этого в качестве основы предоставляемые здесь исходные коды и подробное их описание.


Статья 3 сборника
2017-11-06

Оформляем текст статей сайта

  • Оформляем заголовок статьи
  • Структурируем текст по содержанию
  • Формируем оглавление (содержание) используя HTML якоря
  • Формируем подзаголовки
  • Выделяем разделы статьи
  • Исходные файлы сайта

Здравствуйте уважаемый посетитель!

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

Теперь перейдем к непосредственному оформлению контента и в первую очередь займемся текстом главной страницы. Где рассмотрим такие важные вопросы, как оформление заголовка и подзаголовков, структуризация по содержанию, выделение разделов, формирования оглавления и гиперссылок.


Статья 4 сборника
2017-11-14

Оформляем стилизованные нумерованные и маркированные списки

  • Формируем стандартные нумерованные списки
  • Оформляем нумерованные списки с помощью автоматического счета и нумерации
  • Формируем стандартные маркированные списки
  • Стилизуем маркированные списки с использованием спецсимволов
  • Исходные файлы сайта

Здравствуйте уважаемый посетитель!

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

Следует отметить, что здесь речь пойдет не про обычное использование списков со стандартными маркерами и элементами нумерации. А будут рассмотрены варианты их стилизации иным способом, как бы в обход, заменяя обычные идентификаторы на спецсимволы и значения специального счетчика нумерации с помощью генерированного CSS контента.

Надеюсь, что для тех, кто не знаком с таким довольно интересным методом, приведенное здесь подробное рассмотрение, позволит в дальнейшем использовать данный материал при оформлении контента на своих собственных интернет-ресурсах.

А на основе прилагаемого здесь CSS-кода сделать это будет совсем несложно, заменив для этого лишь тип, цвет, размер шрифта, отступы и некоторые другие свойства используемых идентификаторов.