Как создать новостной портал. Создать новостной портал. Тематика есть, а что потом

JavaScript – это язык, основанный на прототипах. Это значит, что свойства и методы объектов можно повторно использовать посредством общих объектов, которые можно клонировать и расширять. Это называется наследованием прототипов и отличается от наследования классов. Среди популярных объектно-ориентированных языков программирования JavaScript относительно уникален, поскольку другие известные языки (PHP, Python и Java) являются языками на основе классов, которые в качестве макетов для объектов используют классы вместо прототипов.

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

Прототипы в JavaScript

Создайте новый массив:

Помните, что создать его можно также с помощью конструктора массива: let y = new Array().

Если посмотреть на [] нового массива y, вы увидите, что он имеет больше свойств и методов, чем объект x. Он унаследовал все это от Array.prototype.

y.__proto__;

Вы увидите свойство constructor в прототипе, для которого задано значение Array(). Свойство constructor возвращает функцию-конструктор объекта, которая является механизмом для построения объектов из функций.

Теперь можно объединить два прототипа, так как в этом случае цепочка прототипов будет длиннее. Он выглядит так: y-> Array -> Object.

y.__proto__.__proto__;
{constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, …}

Эта цепочка теперь относится к Object.prototype. Можно проверить внутренний [] на свойство prototype функции конструктора, чтобы увидеть, что они ссылаются на одно и то же.

y.__proto__ === Array.prototype; // true
y.__proto__.__proto__ === Object.prototype; // true

Также для этого можно использовать свойство isPrototypeOf():

Array.prototype.isPrototypeOf(y); // true
Object.prototype.isPrototypeOf(Array); // true

Можно использовать оператор instanceof, чтобы проверить, появляется ли свойство prototype конструктора в пределах цепочки прототипов объекта.

y instanceof Array; // true

Итак, все объекты JavaScript имеют скрытое внутреннее свойство [] (которое можно определить с помощью __proto__ в некоторых браузерах). Объекты могут быть расширены и наследуют свойства и методы от [] их конструктора.

Прототипы складываются в цепочки, и каждый дополнительный объект наследует все по этой цепочке. Цепочка заканчивается на Object.prototype.

Функции-конструкторы

Функции-конструкторы – это функции, которые используются для построения новых объектов. Оператор new используется для создания новых экземпляров на основе функции конструктора. Вы уже знаете некоторые встроенные конструкторы JavaScript (new Array() и new Date(), например); вы также можете создавать собственные пользовательские шаблоны для построения объектов.

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

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

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

// Initialize a constructor function for a new Hero
function Hero(name, level) {
this.name = name;
this.level = level;
}

Теперь у вас есть функция-конструктор Hero с двумя параметрами: name и level. Поскольку у каждого персонажа будет имя и уровень, для них имеет смысл наследовать эти свойства. Ключевое слово this будет ссылаться на новый созданный экземпляр; this.name в параметре name гарантирует, что новый объект будет иметь свойство name.

Создайте новый экземпляр с помощью new.

let hero1 = new Hero("Bjorn", 1);

Если запросить в консоли hero1, вы увидите новый объект с правильно установленными свойствами:

Hero {name: "Bjorn", level: 1}

Теперь, если запросить [] объекта hero1, вы увидите constructor Hero().

Object.getPrototypeOf(hero1);
constructor: ƒ Hero(name, level)

Как видите, пока что в конструкторе определены только свойства, а не методы. В JavaScript методы прототипов обычно определяются для повышения эффективности и удобочитаемости кода.

Мы можем добавить помощью prototype. Создайте метод greet().

// Add greet method to the Hero prototype


}

Поскольку greet() – это prototype в Hero, а hero1 является экземпляром Hero, метод будет доступен и для hero1:

hero1.greet();
"Bjorn says hello."

Если вы проверите [] в Hero, вы увидите доступную опцию greet().

Теперь нужно создать классы персонажей. Вкладывать все способности для каждого класса в конструктор Hero не имеет смысла, потому что разные классы будут иметь разные способности. Нужно создать новые функции-конструкторы и связать их с оригинальным Hero.

С помощью метода call() скопируйте свойства одного конструктора в другой. Создайте конструкторы Warrior и Healer.

...
// Initialize Warrior constructor

// Chain constructor with call

// Add a new property
this.weapon = weapon;
}
// Initialize Healer constructor

Hero.call(this, name, level);
this.spell = spell;
}

Оба новых конструктора теперь обладают свойствами Hero и несколькими уникальными свойствами. Добавьте метод attack() в Warrior и метод heal() в Healer.

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

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

Сразу оговорюсь: если вы вовсе не знакомы со спецификой новостного контента и методами его подачи – не беда. Азы вы постигнете, прочитав данный материал, а остальному сможете научиться либо на журфаке какого-нибудь института, либо поработав в настоящем и вполне осязаемом СМИ. Впрочем, для успешной работы в интернете это может быть даже излишним. На крайний случай, если уж совсем трудно пойдет, знатоков можно нанять. А потому начнем.

Думы

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

Тема для новостного (да и для любого другого) сайта – начало всех начал. Если не хотите заморачиваться на чем-то одном, определенном – всегда можно остановиться на политематическом новостном сайте, то есть на сайте с гибким рубрикатором, где будут освещаться события из самых разных жизненных сфер, как, например, из области науки и образования, культуры, экономики, охраны правопорядка и т.д. Если чувствуете свою силу в чем-то одном, например, в автомобилях, то и сайт новостной пусть будет об автомобилях. Хотите писать о мире моды – пишите. Главное – не стесняйтесь заниматься самовыражением.

Тематика есть, а что потом?

Допустим, вам захотелось вести политематический новостной сайт. То есть вы заранее уверены, что сможете наполнять его материалами на все темы, которые обозначите для сайта, и что готовы конкурировать в политематической нише с ключевыми игроками рынка. Не готовы? Тогда лучше сократить «радиус обстрела», то есть выбрать тематику более узкую, например, те же автомобили или, предположим, финансы, или даже еще уже – банковский сектор.

Плюсы и минусы одной или многих тематик

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

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

С чего начинается сайт

Тематика – это даже не фундамент: это идея. А фундамент любого сайта, каркас, стены и крыша – это cms или «админка». CMS (Content Management System) управляет содержимым вашего сайта, позволяет добавлять новые разделы, страницы, загружать фотографии, редактировать тексты, публиковать все, что вздумается, и под каким угодно соусом.

Админкой ее назвали по двум причинам: она позволяет администрировать сайт (то есть управлять контентом), а, кроме того, страница доступа к CMS чаще всего располагается по адресу http://адрес_сайта/admin/. Следует сразу определиться, каковы ваши финансовые возможности. Наверное, если бы у вас было достаточно денег, то вы вряд ли самостоятельно стали бы искать средство заработка в интернете и, скорее, попросту инвестировали бы деньги или наняли профессионалов. Значит, денег у вас либо мало, либо очень мало. Варианта «совсем нет денег» мы не касаемся.

Для случая, когда денег мало или очень мало, существуют бесплатные CMS или, как их еще называют, движки для сайтов. К ним относятся такие админки, как WordPress , Drupal , Joomla , каждый из которых вполне удовлетворяет требованиям по созданию новостного сайта, то есть позволяет со структурированным рубрикатором и возможностью экспорта контента в новостные агрегаторы. В целом с выбором CMS может помочь прочтение соответствующих разделов на сайте cmslist.ru. Там все понятно и четко расписано, по потребностям.

Имя сайта

Здесь лучше немного поломать голову, ведь как лодку назовете, так она и поплывет. Идеально, если имя сайта или домен будет отражать его суть. Домен – это то, что мы видим в адресной строке интернет-браузера. К примеру, mednovelty.ru – это домен и название новостного сайта (МедНовэлти). Вовсе не обязательно, впрочем, чтобы они совпадали. Если намереваетесь выпускать интернет-журнал об автомобилях, можете сам сайт назвать, к примеру, Мотор, а домен зарегистрируете тот, который наиболее подходит, из доступных у регистратора. Не секрет, что самые красивые, звучные и популярные домены давно заняты, а потому надо будет потрудиться, возможно, подумать над этим не один день, с кем-то посоветоваться. Лучше не подбирать домен, который будет, что называется по буквам соответствовать русскоязычному названию (novosty-o-mashinah.ru). Оптимально, если в имени будет упоминаться что-то, связанное с автомобилями, и, возможно, слово news (новости), например, autonews или carnews.

Регистрировать домен можно либо напрямую у регистратора, либо у реселлеров. Первый вариант надежней, поскольку продление и нехитрое администрирование домена будет зависеть только от вас, а во втором случае – еще и от прокладки между вами и регистратором. Но реселлеры, как правило, продают домены несколько дешевле регистраторов, пользуясь тем, что последние дают им партнерские скидки за объем. Экономия, сразу скажу, не велика, а проблемы могут быть, вплоть до утраты домена. Поэтому лучше отправляйтесь к регистратору. Крупнейшие, на мой взгляд, по доменам в зоне ru – R01.ru и nic.ru . Стоимость домена в зоне «.ru»- 590 рублей. Домен оплачивается при регистрации и далее, с периодичностью раз в год. Регистратор сам напомнит, когда пришла пора вносить очередные средства либо можете сразу внести сумму на счет на несколько лет вперед.

Сайту тоже надо где-то жить

Домен мы зарегистрировали, и оставим его пока в покое. Теперь разберемся с хостингом. Хостинг – это то место (сервер), где физически будет располагаться ваш сайт, его странички и все содержимое, включая админку. То есть сайт не будет располагаться на вашем домашнем компьютере – только на удаленном сервере с мощным каналом, по которому ваши новости смогут читать одновременно тысячи посетителей сайта. Итак, подберите для сайта хостинг-компанию. Для начала можно ограничиться одним из минимальных тарифов виртуального хостинга (порядка 150-250 рублей в месяц), поскольку вряд ли с первого же дня на сайт ринутся толпы читателей. Можете попробовать сходные по функционалу и стоимости услуги популярных компаний hc.ru или masterhost .

Обратите внимание на то, что при первоначальной настройке необходимо будет изменить у домена вашего сайта в панели управления на сайте регистратора некоторые данные, а именно NS-сервера, на те, что предоставит сотрудник хостинг-компании (или те, что будут указаны в разделе помощи на сайте хостинг-компании). Далее устанавливаем сами либо с помощью сотрудников хостинга (или прочитав файл помощи на сайте хостинг-компании) бесплатный движок на сервер хостинга.

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

А где же сам сайт? Куда новости публиковать?

Это, пожалуй, один из наиболее затратных моментов, ведь сейчас вам, не обладающему навыками создания сайтов (обладаете? — тогда пропускайте абзац), придется еще немного раскошелиться — на создание самого сайта и/или его внешнего облика. Подобная услуга (исполнителей несложно найти в интернете на биржах фрилансеров) может стоить от 5000 до 50000, в зависимости от ваших запросов и квалификации исполнителя. Объясните подробно все, что желаете видеть, и спустя неделю-две получите новый, еще пока незаполненный сайт. На нем будет только дизайн, текстовые «рыбы» и иллюстрации, чтобы сразу было ясно, как он выглядит с контентом. В принципе, все готово для начала работы.

Заполнение новостного сайта

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

Пути привлечения посетителей

Вообще, как только первые страницы вашего сайта попадут в индекс поисковых систем (Яндекс, Google и др.), могут прийти первые посетители. Их, скорее всего, будет немного, равно как и материала у вас на сайте. Чем больше страниц вы добавите, тем больше читателей у вас появится. Если материалы будут интересными, первые посетители не только придут еще раз, но и приведут с собой других, оставив ссылки на интересные материалы на других сайтах. Такие ссылки полезны не только с точки зрения привлечения посетителей, но и для поискового ранжирования, то есть для занятия более близких к первой странице результатов поиска позиций в поисковиках. В будущем такие ссылки позволят получать доход не только с прямой рекламы, но и с рекламы ссылочной. Впрочем, ориентироваться на нее не стоит: успешный и посещаемый ресурс и без продажи ссылок хорошо заработает.

Где брать авторский контент

Если у вас лично творческая жилка отсутствует, то лучше за контентом обратиться к кому-то еще, кто умеет грамотно и по делу излагать свои мысли. Существует вариант заказа или покупки готовых тематических статей на биржах контента. Либо на вышеупомянутых биржах фрилансеров можно найти исполнителей, которые будут писать с нуля, переписывать готовые статьи или переводить материалы с зарубежных источников. Есть сайты, которые, кстати, вполне обходятся исключительно переводным контентом. Здесь главное – не задеть чьи-либо авторские права. С иллюстрациями тоже не все так просто, как хотелось бы. До сих пор вам могло казаться, что все картинки, которые есть в интернете, являются всенародным достоянием, однако это не так: у каждой фотографии есть автор, которому может не понравиться решение относительно размещения его собственности на вашем сайте.

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

Как считать посетителей

Здесь все просто: зарегистрируйте свой сайт в одной из популярных систем сбора статистики, например, в Яндекс.Метрике или Google Analitics , а потом периодически заходите в аккаунт и проверяйте, кто, откуда, в какое время и в каком количестве приходил, куда на сайте ходил, что смотрел, на какой странице сайт покидал.

Можно ли как-то привлечь посетителей с других сайтов самостоятельно? Конечно, причем техник и методов масса.

Платные

Контекстная реклама . Есть как минимум две наиболее популярных в России системы контекстной рекламы (Яндекс.Директ и Google Adwords ), при помощи которых можно размещать рекламные объявления на сайтах-участниках этих систем и в результатах поиска по нужным поисковым запросам и словам в контексте страниц сайтов.

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

Бесплатные

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

• Яндекс.Новости (потребуется подписать соглашение и отправить его почтой, а на сайте создать файл в формате RSS, как потребует Яндекс). Возможно, понадобится помощь программиста.
• Новости Google (потребуется создание специального сайтмапа для новостей, без программиста точно не разобраться).
• Новотека (вполне подойдет RSS для Яндекса).
• Рамблер-Новости (RSS для Яндекса).
• Новости Liveinternet (RSS для Яндекса).

В принципе, этого должно хватить, если научиться работать с агрегаторами: в них важно не столько выдать совершенно уникальный и сногсшибательный материал, сколько попасть в популярный сюжет, причем желательно так подать материал, чтобы на него сослались другие участники агрегатора (в сервисе Яндекс.Новости это очень важно). Если после нескольких проб и ошибок выработать некую стратегию, популярность не заставит себя ждать. Кроме того, использование новостных агрегаторов, рано или поздно приведет к тому, что новые страницы вашего сайта будут попадать индекс поисковых систем спустя всего несколько минут, максимум час, в то время как многие другие сайты, не определяемые в качестве новостных и часто обновляемых, вынуждены ждать неделю, а то и две.