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

Да

Нет

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

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

895

Вся правда о заработке на блогах

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

Данный материал, основанный на опыте известного блогера Александра Борисова, поможет понять, как можно зарабатывать на блоге действительно реальные деньги и как правильно и эффективно монетизировать его.

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

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

    895

    Вся правда о заработке на блогах

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

    Данный материал, основанный на опыте известного блогера Александра Борисова, поможет понять, как можно зарабатывать на блоге действительно реальные деньги и как правильно и эффективно монетизировать его.

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

    899

    Как заработать в интернете продавая информацию

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

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

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

    890

    Как заработать чайнику?

    Многие задаются вопросом, как зарабатывать в интернете? Как начать работать на себя, а не на дядю?

    В БЕСПЛАТНОМ видеокурсе "Как заработать чайнику?", вы найдете много ответов на эти вопросы, которые получите от успешного практика в этой области.

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

    903

    Создать сайт за 1 час!

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

    Из БЕСПЛАТНОГО видеокурса "Как создать сайт за 1 час" вы узнаете, как можно достаточно быстро сделать бесплатный сайт несложным способом с нуля.

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

    904

    Как начать зарабатывать на партнерских программах

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

    БЕСПЛАТНЙ видеокурс "Как начать зарабатывать на партнерских программах" поможет вам освоить этот интересный и эффективный способ работы в интернете.

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

    905

    ИНФОБИЗНЕС по модели Евгения Попова

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

    В данном материале на основе своего опыта автор расскажет каким образом следует строить этот бизнес.

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

    922

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

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

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

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

    924

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

    Этот БЕСПЛАТНЫЙ обучающий курс поможет разобраться в вопросах сайтостроения при создании своего сайта.

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

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

    926

    Домен и хостинг

    В этом БЕСПЛАТНОМ обучающем курсе рассказывается как разместить в сети свой вновь созданный интернет-ресурс.

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

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

    927

    Фотошоп для начинающих (бесплатная версия)

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

    В видеокурсе на конкретном примере показывается как создаются изображения и какие при этом используются инструменты.

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

    929

    Видеосамоучитель GIMP

    Данный видеокурс поможет освоить работу с дизайном сайта при использовании БЕСПЛАТНОГО графического редактора GIMP.

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

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

Хотите узнать как зарабатывать в интернете и как бесплатно сделать сайт для своей работы, ничего не потратив на обучение?

Здесь Вы можете познакомиться с проверенными способами работы в интернете в БЕСПЛАТНЫХ обучающих курсах по заработку и сайтостроению в разделе Бесплатные Сборника видеокурсов.

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


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

Свернуть

Знак папки 1 Все статьи cборника "Сделай сайт своими руками с нуля бесплатно"


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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


Статья 4 сборника
2017-12-09

Находим картинки для статей сайта

  • Способы формирования изображения для сайта
  • Поиск по фотостокам (фотобанкам)
  • Использование сервиса Гугл поиск по картинкам с применением фильтра
  • Использование кадров из фильмов и видеороликов
  • Исходные файлы сайта

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

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

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

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

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

Подписка


Здесь вы можете подписаться на получение уведомлений о выходе новых статей блога.

Необходимо отметить, что данные об e-mail надежно защищены (работа сайта обеспечивается только через защищенные соединения по протоколу SSL) и не предназначены для использования третьими лицами.

Комментарии


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

Буду Вам за это очень признателен!

comments powered by HyperComments

Социальные сети


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

Другие статьи из рубрики "Как сделать сайт"


Показать больше


  • Google+ Опубликованные статьи можно также смотреть в подборках Google+