Сайт за полчаса 

Сайт за полчаса 

Интернет — Сайт за полчаса 
понимая, что лень — двигатель прогресса, мы долго думали, как бы максимально облегчить жизнь начинающему сайтостроителю. То есть сделать так, чтобы ему, во-первых, не пришлось платить за хостинг, во-вторых, сайт получился красивым и, в-третьих,
Игроманияhttps://www.igromania.ru/
Интернет
Сайт за полчаса 

Подумать страшно, сколько материалов о создании сайтов было опубликовано в «Игромании» за всю историю ее существования... Мы писали о правильном выборе движка, о том, какие хостинг-провайдеры самые лучшие, как грамотно раскрутить сайт и как получить с него прибыль. Мы рассказывали о налаживании продаж через интернет и о защите домена от хакерских атак. Если собрать все материалы вместе, вполне может получиться объемная книга из разряда «Продвижение сайта от А до Я».

К сожалению, всегда остаются люди, которых все это информационное изобилие скорее отпугивает, чем привлекает. Прочитал статью, почесал тыковку, подумал: «У-у-у, как тут все сложно и непонятно» — а идея сделать собственную страничку так идеей и осталась. Естественно, хочется, чтобы все получилось быстро, красиво, а тут думать заставляют да еще кучу каких-то программ осваивать, терминологию учить, на хостинг раскошеливаться.

Прекрасно понимая, что лень — двигатель прогресса, мы долго думали, как бы максимально облегчить жизнь начинающему сайтостроителю. То есть сделать так, чтобы ему, во-первых, не пришлось платить за хостинг, во-вторых, сайт получился красивым и, в-третьих, закончить его можно было очень быстро, а не за месяц в 10-15 подходов. Задачка, мягко говоря, нетривиальная. Не так много в мире простых и удобных CMS, в которых новичок сможет с лету разобраться. Красивых и эргономичных среди них и того меньше.

И все-таки выход из ситуации есть. Сегодня мы расскажем вам, как при помощи программной среды «Денвер» (служит для отладки сайтов на локальном сервере), блогового движка WordPress и практически любого бесплатного хостинга с поддержкой MySQL и PHP сделать сайт буквально за полчаса.

Еще раз оговоримся: статья ориентирована на новичков, практически не разбирающихся в веб-программировании: прожженные в HTML ветераны не узнают из нее ничего нового.

В Денвере все спокойно

Добавляя к посту картинку, не забудьте задать выравнивание и отступ, иначе арт будет «наплывать» на текст.

Первым делом вам необходимо найти бесплатный хостинг с поддержкой MySQL и PHP. Заходим в «Яндекс» и в поисковой строке вбиваем фразу «Бесплатный хостинг с PHP». Выбор очень большой. В подавляющем большинстве случаев бесплатные хостеры предъявляют ряд условий к сайтам. Ваш проект не должен быть связан с порнографией, через него нельзя рассылать спам, контент должен быть уникальным, а тема сайта — интересной. Простую домашнюю страничку с информацией о себе разместить на таких хостингах довольно сложно (хотя и возможно), а вот сайт об играх или о компьютерном железе — вполне.

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

Теперь отправляемся прямиком на сайт www.denwer.ru, скачиваем базовый пакет «Денвер 3» (состоит из phpMyAdmin, Apache 2, SSL, PHP 5, MySQL 5) и устанавливаем его на жесткий диск, лучше всего на C: в произвольный каталог, выбрав второй вариант инсталляции (имя локального сервера задается только при запуске «Денвера», а не при старте компьютера).

Теперь необходимо создать базу данных для вашего будущего сайта, без нее ничего работать не будет. Запускаем «Денвер», в любом браузере заходим по ссылке http://localhost (загрузится стартовая страничка «Денвера») и активируем пункт меню «Заведение новых БД и пользователей MySQL» (внизу страницы). Строку с паролем администратора MySQL оставляем пустой, печатаем только название базы (совпадает с логином) и пароль.

Следующий этап работы — конструирование в «Денвере» полной копии сайта на бесплатном хостинге. Заходим в каталог, куда мы установили «Денвер», в папке Home создаем каталог название хостинга.ru, а в нем в свою очередь — папку с названием вашего логина на хостинге, например, Home/superhoster.ru/igromania.

WordPress

WordPress — сайтовый движок c открытым исходным кодом. Изначально создавался исключительно для ведения интернет-дневников. Но поклонники наплодили такое количество плагинов и тем, что сейчас на WordPress можно сделать сайт практически любого уровня сложности. Для этого нужно лишь найти в Сети подходящее для вашего сайта графическое оформление (выбор огромен) и загрузить его в каталог WordPress (WP-Content/Themes) — оно появится в списке тем центра управления. Вот несколько ссылок, с которых можно скачать самые лучшие, на наш взгляд, варианты дизайна:

http://wptheme.ru — небольшой каталог полностью русифицированных тем;

www.themeporter.com — несколько десятков нейтральных дизайнов, подойдут для сайтов любой тематики;

www.wpthemesfree.com — огромный выбор тем для WordPress. К сожалению, большая часть выглядит сомнительно, но, покопавшись минут двадцать, можно подобрать вполне приятную тему для сайта любой направленности. Обратите внимание, некоторые темы платные, их лучше сразу пролистывать.

www.skinpress.com — еще один зарубежный ресурс; к каждому оформлению прилагается не только картинка предпросмотра, но и рабочий блог (можно сразу оценить, как будет выглядеть ваш сайт после установки данной темы).

От кода до народа

Отправляемся на страничку http://wordpress.org/download/release-archive и скачиваем оттуда 2.2.2 или 2.2.3 версию WordPress. К сожалению, более поздние версии движка крайне неумело работают с кодировкой Windows-1251, которая необходима для корректного отображения сайта на многих бесплатных хостингах: если в технических характеристиках вашего хостинга четко прописано, что он работает с UTF-8, можете спокойно скачивать последнюю (2.5.1) версию WordPress.

Распаковываем скачанный архив и копируем все содержимое папки wordpress (именно содержимое, а не саму папку) в каталог Home/narod.ru/Ваш логин. Переименовываем файл wp-config-sample.php в wp-config.php и открываем его в «Блокноте». Перед нами код следующего вида:

Размещая очередную новость, обязательно поместите ее в тематическую категорию блога — это облегчит индексацию текста в поисковиках.

<?php

// ** MySQL settings ** //

define('DB_NAME', 'НАЗВАНИЯ БАЗЫ ДАННЫХ'); // The name of the database

define('DB_USER', 'ЛОГИН'); // Your MySQL username

define('DB_PASSWORD', 'ПАРОЛЬ'); // ...and password

define('DB_HOST', 'localhost'); // 99% chance you won't need to change this value

define('DB_CHARSET', 'utf8');

define('DB_COLLATE', '');

// You can have multiple installations in one database if you give each a unique prefix

$table_prefix = 'wp_'; // Only numbers, letters, and underscores please!

// Change this to localize WordPress. A corresponding MO file for the

// chosen language must be installed to wp-content/languages.

// For example, install de.mo to wp-content/languages and set WPLANG to 'de'

// to enable German language support.

define ('WPLANG', '');

/* That's all, stop editing! Happy blogging. */

define('ABSPATH', dirname(__FILE__).'/');

require_once(ABSPATH.'wp-settings.php');

?>

Вместо пунктов «Название базы данных», «Логин» и «Пароль» вам нужно вписать соответствующие данные (логин и пароль, разумеется, тоже от базы данных, а не от e-mail).

Перезапускаем «Денвер» (ярлык Restart Denwer на рабочем столе) и заходим на наш виртуальный хостинг через браузер (http://логин.хостинг.ru). Появится страничка инсталляции WordPress. Активируем гиперссылку instsll.php, жмем на кнопку First Step, прописываем название сайта (оно будет красоваться на заголовке вашей странички) и почтовый ящик, куда будет высылаться пароль в случае его утери. На следующей странице переписываем логин/пароль для администрирования и кликаем по гиперссылке wp-admin.php. Заходим в панели управления на вкладку Common Options и выбираем в ней пункт Numeric, а в меню Reading Options прописываем в пустом окошке кодировку Windows-1251.

Теперь, чтобы разместить ресурс в интернете, достаточно скопировать по FTP содержимое папки Home/хостер.ru/название вашего сайта виртуального диска на бесплатный хостинг.

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

Работа с сайтом

Чтобы добавить статью или новость на только что созданный сайт, заходим в центр управления (пункт меню Site Admin) и кликаем по опции Write a post. Справа (в окошке Categories) прописываем раздел, в котором будет размещена статья, и жмем на кнопочку Add. В главном окне задаем название публикации и размещаем текст статьи: если до этого текст хранился у вас в doc-файле, лучше предварительно скопировать его в txt-формат, чтобы убрать лишнюю Word-разметку.

В окошке Upload жмем на кнопку Обзор и подгружаем картинку, которая будет украшать данную статью. Когда изображение появится в окошке, определяем, в каком виде оно будет красоваться в статье (в виде иконки, полноразмерного изображения или гиперссылки), и кликаем по кнопке Send to Editor. Арт появится в окне редактирования статьи: выделяем его левой клавишей мышки и жмем иконку с изображением дерева на панели инструментов. Выбираем тип выравнивания (по левому краю, по правому, по центру и так далее), в самом нижнем окошечке вписываем число от 5 до 15, в зависимости от того, какой отступ должен быть от края картинки до текста статьи. Жмем Ok и Publish. Теперь, если кликнуть по пункту меню View site, в браузере появится только что добавленная вами статья. Все остальные материалы размещаются на сайте аналогичным образом.

* * *

Созданный нами ресурс — прекрасный фундамент для создания более мощного и интересного сайта. Пока он представляет собой всего лишь небольшой блог, но, в отличие от сайтов, сделанных на бесплатных конструкторах (а их сейчас в интернете очень много), его можно развивать. Зарегистрировать нормальное доменное имя, перевести на удобный и быстрый платный хостинг (30-100 рублей в месяц — не такая уж большая плата за стабильность работы и большое дисковое пространство), с помощью плагинов добавить мощную новостную ленту, календарь, облако тегов, дополнительные окна на главную страницу, подключить форум и галерею — возможности WordPress мало чем отличаются от возможностей самых совершенных платных CMS.

Комментарии
Загрузка комментариев