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

Обещаю! Если вы будете следовать этой инструкции, то вы сами, своими руками и силами сделаете сайт. Причем совершенно бесплатно.

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

Содержание статьи:

  • Что такое локальный сервер и где его взять?
  • Установка локального сервера Денвер (Denwer)
  • Установка CMS WordPress


  • Что такое локальный сервер и где его взять

    Для начала нам нужно установить на свой компьютер локальный сервер. Приготовьтесь, сейчас на вас термины посыпятся. Локальный сервер — это в нашем случае набор программ, который позволит обойтись без хостинга и домена. На локальном сервере будет находиться наш сайт, на нем будут расположены файлы сайта, его база данных и подобие домена. Мы будем использовать локальный сервер Денвер (Denwer) от Дмитрия Котерова. Денвер — один из самых известных бесплатных локальных серверов, но есть и другие, ничуть не хуже, например, Open Server (возможно, я когда-нибудь и про него напишу). Начать все равно придется с какого-то одного, поэтому я выбрал Денвер, так как сам начинал с него. Вы можете скачать Денвер совершенно бесплатно с официального сайта denwer.ru.

    Итак, заходим и прямо на главной странице на самом верху видим огромную кнопку «Скачать Денвер». Не бойтесь, кнопка рабочая, здесь вас не обманут, не заставят отправлять платные смс, не попросят устанавливать сомнительные программы и всё такое. Так что смело жмите!

    Официальный сайт Денвера

    После нажатия на кнопку вам будет предложено выбрать версию PHP, в принципе, можете остановиться на любой из предложенных, я выбрал поновее, 5.3. Затем жмете «Скачать».

    Скачать Денвер 5.3

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

    Регистрация на сайте Денвера

    Заполняем данные и жмем кнопку «Получить ссылку на скачивание». Если всё ок, то вы увидите примерно такое сообщение:

    Сообщение от Денвера

    Теперь войдите в почту, которую вы указывали, там должно появиться письмо от Денвера следующего содержания:

    Письмо со ссылкой на скачивание Денвера

    Переходим по ссылке и, если все нормально, видим следующее сообщение (и сразу же начинается скачивание Денвера):

    Сообщение о скачивании Денвера

    Надеюсь, что у вас всё получилось и Денвер вы скачали. Кстати, большой его плюс заключается в том, что установочный файл весит всего 8,2 Мб (на момент написания статьи), в отличие от некоторых конкурентов, у которых бывает, что даже минимальная версия переваливает за 200 мегабайт.


    Установка локального сервера Денвер (Denwer)

    Запускаем наш скачанный файл, чтобы начать установку. Сразу же выскакивает вопрос о том, действительно ли вы хотите установить данную программу. Если вы не хотите устанавливать Денвер прямо сейчас, самое время отказаться и нажать «Нет». А если вы все-таки решили во что бы то ни стало сделать самостоятельно свой первый сайт, то смело жмите «Да» и продолжайте читать.

    Подтверждение установки Денвера

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

    Инсталляция Денвера сообщение в IE

    Если ничего не произошло (такое бывает), запустите Диспетчер задач Windows. Для этого нажмите комбинацию клавиш «Ctrl+Shift+Esc» и перейдите во вкладку «Службы», найдите в списке процесс iexplore.exe (не перепутайте с explorer.exe), щелкните на нем правой кнопкой мыши и выберите пункт «Завершить процесс».

    Закрываем процесс Интернет Эксплорера через диспетчер задач

    После этого в окне установки Денвера вы должны увидеть следующее:

    Продолжение установки Денвера

    Для продолжения установки нажмите «Enter», а если вдруг вам понадобится прервать ее, в любое время нажмите сочетание клавиш «Ctrl+Break».

    На следующем этапе вам будет предложено выбрать путь установки Денвера. По умолчанию он устанавливается в директорию «C:\WebServers», но вы можете вписать и другой путь, либо просто указать букву диска, если планируете установить Денвер на флешку. Кстати, если вы собираетесь работать со своим сайтом на локальном сервере не только дома, то это очень удобно: установите Денвер на флешку и работайте с ним в любом месте.

    Путь установки денвера

    У меня флешка определяется как диск «H», поэтому я вписываю в окне установки путь «H:\» и жму «Enter».

    Выбираем для установки флешку

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

    Выбор запуск виртуального диска

    После этого будет предложено создать ярлыки на рабочем столе для запуска, остановки и перезапуска Денвера. Для удобства можете их создать. Для этого вводим «y» и жмем «Enter».

    Вот и всё, установка локального сервера Денвер завершена. Если всё прошло успешно, выскочит окно Интернет Эксплорера со следующим содержимым:

    Денвер успешно установлен

    Осталось напоследок проверить работоспособность сервера. Если при установке вы согласились на создание ярлыков на рабочем столе, запустите ярлык «Start Denwer». Если же вы отказались от создания ярлыков, зайдите в директорию, в которую вы устанавливали Денвер, а затем в папку «denwer» и запустите файл с именем «Run». Теперь откройте любой браузер, наберите в адресной строке «localhost» и нажмите «Enter».

    Наберите localhost в адресной строке браузера

    Если локальный сервер запустился и нормально функционирует, вы увидите сообщение «Ура, заработало!», а чуть ниже будет таблица со ссылками на основные сервисы Денвера, которые могут вам понадобиться в дальнейшем.

    Таблица со ссылками на сервисы Денвера


    Установка CMS WordPress


    Осталось совсем чуть-чуть: на самом деле, установка самого Вордпресса («движка», или системы управления контентом, то есть содержимым сайта) происходит очень быстро. Но надо проделать две подготовительные операции. Примерно такие же действия пришлось бы осуществить, если бы мы устанавливали WordPress не на локальном сервере у себя на компьютере, а на реальном хостинге.

    1. Нам нужно создать отдельную папку для будущего сайта. Это будет аналогом вашего домена. Например, вы можете назвать эту папку «my-first-site.net» — и тогда ваш сайт будет открываться именно по этому адресу в браузере.
    2. Нужно создать базу данных и пользователя для нее. Практически вся текстовая информация с вашего сайта будет храниться в этой базе, ее легко можно будет экспортировать и хранить как резервную копию. Всё остальное будет лишь оболочкой (движок + визуальная часть).

    Приступим. Скопируйте данную ссылку без кавычек «http://localhost/Tools/phpMyAdmin/» в адресную строку браузера и нажмите «Enter». Либо вы можете снова набрать «localhost» и в таблице нажать на ссылку напротив пункта «Проверка MySQL и phpMyAdmin». В результате вы должны попасть на контрольную панель phpMyAdmin, которая выглядит вот так:

    Главное окно phpMyAdmin

    В левом верхнем углу нажмите на вкладку «Базы данных», на скриншоте выше эта вкладка была подчеркнута красным. После этого в появившихся полях впишите имя базы данных и выберите кодировку, а потом нажмите кнопку «Создать». Я выбрал имя для базы «first-database», так как папку с сайтом я называл «my-first-site.net». Вообще рекомендую всегда всё называть понятными именами, чтобы самим же потом не запутаться. Вдруг у вас будет с десяток сайтов, попробуйте потом вспомнить, какая база данных к какому сайту относится.

    Создание новой базы данных

    Теперь для этой базы данных нужно создать нового пользователя. Многие просто пропускают этот момент и используют уже имеющегося пользователя «root», который по умолчанию обладает всеми правами. Можно поступить и так. Но я хочу вам показать, как создавать пользователя, чтобы вы знали, как это делается. Вам нужно перейти во вкладку «Пользователи» и нажать на ссылку «Добавить пользователя».

    Добавить нового пользователя в базу данных

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

    Имя пользователя. Опять же набираем латиницей и без пробелов, я продолжил тенденцию и назвал пользователя «first-user».
    Хост. Выбираем локальный, автоматически справа появится «localhost».
    Пароль. Для локального сервера можете в принципе оставить пользователя базы данных без пароля, но если вы все-таки переживаете за свои данные или немного параноики, как я =), тогда выбирайте «Использовать текстовое поле» и справа вписывайте пароль. Только запишите его куда-нибудь себе, он нам еще понадобится. Я вписал «суперсложный» пароль «qwerty12345».
    Далее, в разделе «Базы данных пользователя», выберите пункт «Нет». Ниже, в разделе «Глобальные привилегии», выберите «Отметить все», во всех чекбоксах должны появиться галочки.

    Новый пользователь базы данных MySQL

    С базой данных закончили!

    Теперь зайдите в папку, в которую вы установили Денвер, затем в папку «Home» и создайте в ней новую папку. Имя папки будет адресом вашего сайта, то есть практически доменом.

    Папка-домен

    Теперь перейдите в только что созданную папку и создайте в ней подпапку с названием «www». Это обязательное условие Денвера. Именно в эту папку мы и будем устанавливать WordPress.

    Подпапка www

    Зайдите на официальную страницу русского Вордпресса ru.wordpress.org, чуть-чуть прокрутите ее вниз и справа найдите кнопку «Скачать WordPress». Жмите на нее. Когда архив с Вордпрессом скачается, нужно его открыть, затем открыть папку «wordpress» и ее содержимое разархивировать в папку «www», которую вы только что создавали. У вас должно получиться так же, как у меня на скриншоте ниже. В папке «wwww» должно быть много файлов, а не папка «wordpress».

    Файлы в папке www после распаковки Вордпресса

    Теперь я рекомендую вам перезапустить ваш локальный сервер. Для этого на рабочем столе запустите ярлык «Restart Denwer». Либо зайдите в директорию, в которой у вас установлен Денвер, войдите в папку «denwer» и запустите файл «Restart.exe». Советую всегда так делать, когда создаете новую базу данных или заводите новую папку для сайта.

    Финишная прямая! Наберите в адресной строке браузера адрес вашего нового сайта. Если вы все сделали правильно, то запустится установка Вордпресса. Жмите кнопку «Вперёд!».

    Установка Вордпресс 1

    На следующем этапе от вас потребуется ввести информацию о базе данных. Нужно заполнить три верхних поля «Имя базы данных», «Имя пользователя» и «Пароль», то есть те данные, которые вы указывали, когда создавали базу данных. «Сервер базы данных» и «Префикс таблиц» оставляем без изменения. У меня это выглядит вот так. Жмем кнопку «Отправить».

    Вводим информацию о базе данных

    Если всё хорошо, появится небольшое информационное сообщение. Жмите кнопку «Запустить установку».

    Все хорошо, продолжаем установку

    Теперь вам нужно придумать имя пользователя (логин) и пароль, под которыми вы будете заходить в административную панель (админку) сайта. Опять же лучше использовать латинские буквы. Пароль можно оставить и тот, который сгенерировала система, только обязательно скопируйте его куда-нибудь себе. Так как мы делаем установку на локальном хостинге на своем компьютере, то почту вы можете вписать любую, даже вымышленную. Если вы оставите свой реальный e-mail, на него все равно ничего не придет. Но если вдруг вы будете устанавливать Вордпресс на реальный хостинг, то указывайте свою реальную работающую почту: с ее помощью можно будет восстановить доступ к сайту, если вдруг вы забудете пароль, например. В общем, заполняем поля и жмем кнопку «Установить WordPress».

    Пишем название сайта и данные для входа

    ДРУЗЬЯ, ВОТ И ВСЁ! ПОЗДРАВЛЯЮ ВАС С СОЗДАНИЕМ САЙТА!

    Теперь вы можете зайти в админку своего сайта, введя логин и пароль, которые только что указывали при установке. Если Вордпресс не предложил вам войти на ваш сайт, наберите в адресной строке своего браузера «адрес-вашего-сайта/wp-admin», то есть в моем случае это будет «my-first-site.net/wp-admin».

    login-to-wordpress

    Также предлагаю вам посмотреть, как выглядит ваш сайт: просто наберите его адрес в браузере. В моем случае это «my-first-site.net». Вы должны увидеть примерно следующее.

    my-first-site-on-cms-wordpress

    В следующий раз я постараюсь рассказать о WordPress изнутри, то есть об админке, как там всё устроено и так далее.

    2 комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Обязательные поля помечены *

    WP-SpamFree by Pole Position Marketing