Создание простого сайта онлайн-фильмов

Создание простого сайта онлайн-фильмов

Обновление поста 11.07.2010. Поскольку за время существования данного поста в комментариях у читателей возникло много недопонимания, я решил добавить скриншоты. В качестве примера я взял добавление фильма «Аватар». Надеюсь скриншоты помогут вам.

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

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

Итак, приступим:

  1. Для начала нужно зарегистрироваться в системе ucoz.ru. После регистрации вы получите на ваш e-mail все данные для доступа в админку сайта, связи по FTP и к панели управления сайтом.
  2. После того как вы зарегистрировались и получили все данные, зайдите на ваш сайт под вашим логином и паролем администратора. Создайте нужные вам страницы и рубрики (категории фильмов). Тут я особо расписывать не буду, вы сами сможете разобраться, ничего сложного там нет.

Теперь давайте добавим на сайт первый фильм. Опишу способ которым пользовался я. Для удобства я разделю добавление фильма на несколько этапов:

Добавление новости на сайт (под новостью имеется ввиду фильм: название, описание и прочее)

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

Находим и нажимаем [ Добавить новость ] и в открывшейся странице заполняем поля:

  • в поле «Категория» выбираем категорию нашего добавляемого фильма, например комедия;
  • в поле «Название материала» вводим название нашего фильма;
  • поля  »Краткое описание» и «Полный текст материала» заполняете по вашему усмотрению. Я лично когда разрабатывал сайт онлайн-фильмов делал так: в поле «Полный текст материала» вводил картинку, режиссера фильма, список актеров описание фильма и уже сам фильм (как это делать расскажу позже), а в поле «Краткое описание» вставлял картинку и пару предложений описания фильма, это поле будет показываться в качестве анонса.
  • Картинки кстати можно заливать на фотохостинг, это позволит значительно секономить место на хостинге.

В принципе все, остальное оставляем без изменений.

Добавление самого видео

Опишу простой способ. Для начала нужно скачать сам плеер для просмотра видео. Видео плееров множество, вы можете найти их через Яндекс, например. Мне лично нравится JW FLV Player, который вы можете скачать на сайте longtailvideo.com. После скачивания распаковываем архив с плеером, нам нужны только 2 файла: swfobject.js и player.swf, их и нужно будет залить по FTP в корневую директорию сайта. Если вы не знаете как делается заливка по FTP, то почитайте мою статью — FTP загрузка файлов.

Теперь, когда плеер у нас есть, нам нужно вставить само видео в поле »Полный текст материала» после описания к фильму. В этом же поле нажимаем «Панель BB кодов» и в конце вставляем вот такой код. Просто скопируйте.

В коде вместо надписи «ССЫЛКА» вставляете ссылку на сам фильм (ниже я расскажу как ее получить) в поле «КАРТИНКА» можете указать путь к картинке, если хотите чтобы эта картинка была видна в плеере, в принципе это необязательно, поэтому можете оставить как есть.

Получение ссылки для воспроизведения видео (фильма)

Самое простое, это на каком-нибудь другом сайте найти фильм, скопировать адрес страницы с фильмом. После этого зайти на сервис videosaver.ru и в поле вставить скопированную ссылку и нажать кнопку «скачать», после этого появится надпись » скачать файл «. Нажмите на ней колесиком мыши, для того чтобы открылась новая вкладка (если у вас на мышке нет колесика, то нужно просто нажать shift+левая кнопка мыши), перейдите к ней, появится окно с предложением сохранить файл, поскольку нам не нужно его сохранять, то нажмите (или просто проигнорируйте) «отмена», окно закроется. Нам нужно только одно —  скопировать ссылку в адресной строке браузера, нужно чтобы ссылка кончалась на .flv. Вот эту ссылку вы и должны вставить в код плеера, как было описано выше.

После того как ссылка в код плеера вставлена в код, нажимаем в самом низу кнопку «добавить» на странице добавления новости. Все, можете перейти на страницу с фильмом и посмотреть что получилось ;) . На скриншоте ниже показано как выглядит видео плеер с фильмом:

Советы:

  • большинство сайтов онлайн-фильмов копируют описания к фильмам друг у друга, вы конечно тоже можете так делать, но есть вероятность того, что вас забанят поисковые системы за неуникальный контент. Поэтому, если конечно есть возможность – не ленитесь, изменяйте описания к фильмам или придумывайте свои. Будьте оригинальны (если не лень конечно :) ), это будет хорошим залогом в успешности сайта;
  • ucoz — это бесплатный хостинг, там есть некое ограничение, какое-то время ваш сайт не смогут индексировать поисковые системы, обычно спустя месяц-два ucoz снимает эту блокировку, поэтому наберитесь терпения;
  • можете изменить размер и цвет плеера, а именно параметры width и height в которых указывается размер по ширине и высоте, а также цвет, вместо СССССС, FFFFFF и OOOOOO можете вставить код своего цвета, но это тоже не обязательно;

Если что-либо непонятно, пишите в комментарии.

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

Буду признателен Вам если поделитесь статьей:
Получайте еще больше новой информации подписавшись на RSS-ленту!

Комментариев: (100) к "Создание простого сайта онлайн-фильмов"

Комментарии закрыты.