ТЕМА 2
1. Программирование веб-сайтов.
2. Современные технологии создания сайтов интернет-СМИ
3. Доменное имя. Хостинг. Основы HTML и CSS
4. Системы статистики
5. Программы для аудио и видеомонтажа: краткий обзор
6. Полезные сервисы для веб-журналиста
1.Программирование
Работы по программированию сайта являются этапом, который заключается в том, чтобы систему управления, дизайн и интерфейс сайта связать в одно целое. Во время проведения подобных работ воплощается в жизнь логика контактирования посетителя с сайтом, а также реализуются все необходимые взаимодействия будущего ресурса с посторонними сервисами, программами или же сайтами.
После проведённых, выше упомянутых мероприятий, готовые файла в формате HTML передаются в работы WEB-программисту. Разработка программного обеспечения интернет-сайта вполне может выполняться, как «с самого нуля», так и на основании системы CMS, зачастую так называемого «CMS-движка».
В случае применения системы управления сайтом следует отметить, что она сама, в каком-то смысле слова, уже готовый сайт, включающий в себя заменяемые блоки. Ну, а самого программиста, в таком случае, будет более верно называть «CMS-специалистом», который должен заменить существующий стандартный шаблон, на новый оригинальный, разработанный на базе начального WEB-дизайна, с учётом индивидуальных пожеланий заказчика.
При разработке программного обеспечения интернет-сайта специалисту по CMS также устанавливаются контрольные сроки проведения работ.
2. Технологии для создания веб-ресурсов можно условно разделить на подвиды:
1. Разметка веб документа
2. Языки программирования и базы данных
3. Графика и файловая система
4. Программы и инструменты
5. CMS
Разметка веб документа
HTML (HyperText Markup Language) — Это стандартный язык разметки практически любого веб-ресурса. HTML-язык содержит в себе большое количество тегов, о самых основных из которых я рассказывал в статье, как сделать сайт в блокноте..
CSS (Cascading Style Sheets) — Стили CSS — файл (или несколько файлов), в содержании которого находятся стили примененные к различным HTML тегам. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметки.
Языки программирования и БД
Php. Язык php можно кратко назвать инструментом для разработки персональных web сайтов. Данный язык является одним из самых популярных в создании сайтов и веб-приложений и поддерживается практически всеми хостинг-провайдерами. Php выполняется на стороне сервера.
JavaScript. Технология JavaScript используется для повышения функционала ресурса. Наиболее часто JavaScript используется для придания некой интерактивности сайту (плавающие элементы, параллакс, несложная анимация и многое другое). Создание данного языка привело к созданию библиотек, упрощающих работу с языком, например, Prototype или jQuery.
База данных MySQL. Как правило, в ней хранится вся текстовая информация, которая выводится на вашем сайте: будь то статья, заголовок или же пункт меню.
Графика и файловая система
Технология файловой системы представляет собой набор папок-каталогов, исполнительных файлов (html, css, php, javascript документы) и графики.
Любой современный браузер поддерживает множество форматов графики. Самые популярные: jpg, png, gif, flash, а также появилась возможность вывода векторной графики svg, canvas
Программы и инструменты — технологии разработки сайта
Программы, позволяющие упростить технологию создания сайта:
1. Dreamweaver — удобная программа, позволяющая быстро создавать сайты.
2. Photoshop — позволяет редактировать картинки и сохранять их в формате для web.
3. Notepad++ — технологичный редактор с подсветкой кода.
4. Filezilla — FTP-клиент, который позволяет быстро и без проблем загружать/выгружать документы на хостинге.
CMS (технология — система управления сайтом)
CMS это система управления сайтом, благодаря которой можно запустить веб-проект за короткий период. В наше время технология CMS содержит в себе большинство необходимых связей, модулей и плагинов «прямо из коробки». например, bitritx, modx, wordpress, joomla, opencart и прочие.
3.Домен - это имя вашего сайта. Он должен быть уникальным.
Самый простой способ поиска и регистрации домена - перейти к регистратору домена.
Регистратор домена позволит вам зарегистрировать свое доменное имя либо по годовым контрактам, либо по долгосрочному контракту.
веб-хостинга это большой компьютер (ака, сервер), который хранит ваши веб-сайты. Некоторые гигантские компании, такие как Amazon, IBM и FB, владеют и управляют своими веб-серверами; другие предприятия просто арендуют свои серверы у хостинг-провайдера (что намного дешевле и проще).
• HTML (Hyper Text Markup Language)
HTML - это основная структура веб-страниц и веб-приложений, которая делает контент семантическим для веб-браузера. Он состоит из последовательных тегов, которые имеют открытие и закрытие, и структурно ключевое слово, заключенное в угловые скобки. Пример: <strong> </ strong>
• CSS (каскадные таблицы стилей)
CSS - это стиль, который используется для оформления разметки HTML на веб-странице. Без CSS веб-страница будет выглядеть не что иное, как большая белая страница с некоторым неупорядоченным текстом и изображением на нем. CSS - это то, что делает страницу идеально, как мы хотим.
• Языки скриптов
HTML и CSS - это ничего, кроме языков сценариев, потому что они не являются интерактивными. Чтобы создать динамическую веб-страницу, которая будет отвечать пользователям, вам нужны такие языки, как JavaScript и jQuery. Серверные языки, такие как PHP, Python и Ruby, также могут понадобиться с течением времени.
4.Системы сбора статистики применяются для оценки эффективности сайта. Они позволяют решить несколько задач анализа:
1. Оценка общей эффективности;
2. Оценка качества аудитории;
3. Оценка технических параметров работы сайта.
4. Все системы статистики работают посредством установки скрипта счётчика системы на страницах сайта, для которого проводится анализ.
Редакции интернет-СМИ используют в работе системы аналитики и редакционные метрики различных типов. Каждая такая система позволяет получить различную информацию об аудитории, проанализировать эффективность работы медиа по различным параметрам, изучить поведение пользователей и в результате добиться увеличения лояльности. Подробнее остановимся на некоторых наиболее популярных инструментах. 1. Сервисы «Яндекс.Метрика» и Google Analytics – бесплатные инструменты, предназначенные для оценки посещаемости сайтов и анализа поведения пользователей (рис. 6.7). Для их применения нужно создать аккаунт в «Яндекс» или Google, после чего добавить на сайт счетчик в виде автоматически сгенерированного JS-кода. Владелец аккаунта может управлять доступом к своим счетчикам. Кроме того, на сайте можно установить информер «Яндекс.Метрики» с возможностью просмотра статистики всеми желающими. 2. Счетчики LiveInternet, Rambler’s Top100, Рейтинг@Mail.ru – бесплатные сервисы, предназначенные для внешнего независимого измерения посещаемости сайтов. Установка их кода на сайт аналогична установке сервисов «Яндекс.Метрика» и Google Analytics. Счетчик может выступать в роли рейтинга, сортируя сайты по посещаемости, а также в качестве каталога. В последнее время эти счетчики используются значительно реже, уступив место более современным системам аналитики. 3. Системы редакционной аналитики Onthe.io и «Медиатор» – инструменты, предназначенные исключительно для редакций. Они позволяют выяснить, как пользователи вовлекаются в контент, как они читают, с какой части текста и почему уходят, идут ли дальше. В этом контексте основными параметрами являются такие, как просмотры, доскроллы, прочтения, время чтения, рециркуляция, виральность и др. Все они доступны как по сайту в целом, так и по авторам. Коды этих систем также устанавливаются на сайте. Система Onthe.io является платной, «Медиатор» – бесплатной.
5. Видеомонтаж.
*Киностудия Windows Live
Достоинства:
-Простой и понятный интерфейс.
Недостатки:
-Не умеет работать с большинством форматов
-Скромный набор функций
Цена вопроса:
-Поставляется вместе с Windows / Доступен для скачивания бесплатно.
*VirtualDub
Достоинства:
-Не требователен к ресурсам компьютера
-Поддерживает множество различных форматов
-Полезные функции для быстрого монтирования и организации работы над проектом
Недостатки:
-Интерфейс застрял в начале нулевых
-По сравнению с профессиональными редакторами функций всё же не хватает
Цена вопроса:
-Бесплатно
*Pinnacle Studio
Достоинства:
-Интуитивное управление — то, чего не хватает многим профессиональным редакторам
-Богатый набор эффектов для видео и аудио
-Запись результирующего звука в формате Dolby Digital 5.1
Недостатки:
-Записи готового видео придется ждать долго — Pinnacle «съедает» все мощности вашей машины
Цена вопроса:
-Бесплатная пробная версия на 30 дней / 59.95 USD за стандартный пакет
Аудио редактор.
*Free Audio Editor
Плюсы:
-поддержка форматов MP3, AAC, M4A, FLAC, OGG, WMA
-выключение ПК после завершения задач
Минусы
-нет эффектов
-отсутствует пакетный режим обработки
*Nero SoundTrax
Плюсы:
-может работать со звуком в формате 7.1
-поддержка внешних эффектов
Минусы:
-нелогичный интерфейс
-экспорт проектов только в WAV-формат
*AVS Audio Editor
Плюсы:
-поддержка формата M4R
-специальные алгоритмы редактирования вокала
Минусы:
-поддержка ограниченного количества плагинов
-неоправданно высокая стоимость лицензии
6.*Istio
Бесплатный онлайн сервис, который поможет проверить орфографию, подсчитать количество символов, а также число часто повторяющихся слов. Еще вы сможете определить процент водности текста (слова, не несущие информационную нагрузку.
*Главред
Сайт, который проверит текст на соответствие информационному стилю и избавит его от словесного мусора. Слова и словосочетания, требующие замены будут выделены голубым цветом, наведя курсор на которые, вы сможете ознакомиться с соответствующим правилом.
*Типограф
Отправляя текст на проверку редактору, начинающие журналисты забывают или вовсе не считают нужным использовать кавычки–елочки и тире вместо дефисов. Именно этот сайт поможет быстро справиться с этой проблемой.
*Synonymizer
Подберет синоним к заданному слову, что поможет избежать такой распространенной ошибки как «повторение».
*Орфограммка
Платный сервис, занимающийся проверкой грамматики, пунктуации и стилистики текста. Сайт выдаст не только допущенные ошибки, но и их объяснение, а также найдет тавтологии и неблагозвучия, подберет синонимы и эпитеты.
Тема 4