Как самому создать сайт? Новости сайта avs50.ru Как самому создать сайт? Новости сайта avs50.ru Хотите узнать, как создать сайт? Хотите узнать о HTML, CSS, PHP, MySql только то, что пригодится при создании сайта? Хотите научиться зарабатывать в Интернете? Если хотите - подписывайтесь на рассылку новостей сайта www.avs50.ru Выпуск от 2008-09-04 04:22:52 Как создать свой сайт бесплатно? Хочешь создать свой сайт бесплатно? Действуй по плану! План создания сайта 1. Идея сайта И так, Вы поняли, что больше не представляете своего дальнейшего существования без собственного сайта. Осталось придумать каким он будет; для чего он будет; что на нем будет размещено. Каким будет Ваш сайт, зависит только от Вас. Скорее всего, в процессе работы он будет меняться постоянно. Для чего вам сайт? Одно из двух – зарабатывать деньги или самовыражаться. Что на нем разместить? Сделать сайт про себя любимого? На таком сайте наверняка не будет посетителей, если Вы не Алла Пугачева или Жириновский. Нужно сделать ресурс интересный многим. На самом деле можно сделать или личный сайт, или коммерческий. Авторский сайт нужно делать на тему, которую Вы очень хорошо знаете. Можно сделать сайт о музыке, о компьютерном железе, о Большом Взрыве, о Черте Лысом, которого Вы вчера встретили в подворотне. Самое главное, чтобы Вы хорошо знали тему. Такой сайт можно потом хорошо «продвинуть», другими словами оптимизировать, и зарабатывать деньги, размещая рекламу или участвуя в партнерских программах. Коммерческий сайт создается для продвижения товаров и услуг. Если Вам есть, что продавать смело делайте свой сайт. Хотя в Интернете, как в Турции уже все есть, но места хватит на всех. Не стоит создавать сайт только для размещения рекламы. Посетитель, зайдя туда один раз, больше не появиться. Не мучайтесь угрызениями совести, если творчески переработаете чужую идею. Даже А.С.Пушкин «сплагиатил» идею золотой рыбки у скандинавов (правда у них была камбала). Когда идея окончательно сформируется, поставьте себя на место посетителя Вашего сайта. Захотели бы Вы сами купить этот товар или иметь эту информацию. Захотели, переходите к пункту №2 нашего плана по созданию своего сайта. 2. Познакомиться с HTML, PHP, CSS, MYSQL. Я предлагаю Вам, дорогой сайтостроитель, именно познакомиться с основами этих непонятных HTML, PHP, CSS, MYSQL, а не изучить их досконально. Все это можно изучать всю жизнь, а принципа построения Web-страницы так и не понять. Я на своем опыте убедился в справедливости правила 20%. Для того чтобы выполнить 80% работы достаточно иметь 20% знаний. Если Вы имеете 20% знаний о языке разметки текстовых документов HTML, то самостоятельно сможете создать простую Web-страницу. На этом сайте я буду потихоньку знакомить Вас с языком сценариев PHP; с каскадными таблицами стилей CSS, с базами данных MYSQL в объемах, необходимых для создания полноценного ресурса. Только одно условие – Вы должны заниматься регулярно. Выделяйте в своем дневном расписании один час и работайте. Сами не заметите, как привыкнете к этим непонятным закорючкам и начнете самостоятельно писать код. Все, что связано с сайтостроительством – очень легко. Просто много всего непривычного, незнакомого, непонятного. И вообще много ВСЕГО. И не бойтесь ничего! Вы ничем не рискуете, кроме своего времени! Ошибайтесь, спотыкайтесь, но идите вперед! Без ошибок успеха не бывает! 3. Установить на своем компьютере все необходимые программы. Для того чтобы создать полноценный сайт, Вам необходимо установить на своем локальном компьютере тот минимум программ, что обозначен у меня на сайте на вкладке «Программы». Как работать с ними, я буду рассказывать в своих уроках. Имейте в виду, что без этого набора Вы не сможете создать сайт, проверить его, закачать на сервер. В этом разделе плана хочу проинформировать Вас о существовании так называемых «движков» или CMS-систем. Это, грубо говоря, готовые сайты, состоящие из двух половин. Видимая часть – это обыкновенный сайт. Невидимая для пользователей часть – это администраторская часть, из которой можно управлять всем сайтом. Из «админки» можно менять дизайн, добавлять или удалять тексты и графику, добавлять или удалять пользователей. Эти сайты большие и тяжелые. Обычно их используют как информационные. Многие ресурсы СМИ, больших организаций, политических партий созданы на основе этих «движков». В сети они распространяются бесплатно. Всем они хороши, но на этих сайтах Вы будете чувствовать себя как в гостях. Так что лучше сделать свой сайт самому, своими ручками и быть на нем хозяином. 4.Создать сайт на локальном компьютере. Создаем файлы своего будущего сайта на своем собственном компьютере. Советую Вам для создания сайта использовать программу Adobe Dreamweaver CS3 и Web-сервер Apache. В Dreamweaver создаете файлы будущего ресурса и сохраняете их в каталоге своего сайта папки www на Localhost Вашего сервера. Попробуйте сначала создать самую простую HTML-страничку - index.html; вложите в нее какую-нибудь информацию (хотя бы о том, что Вы есть на белом свете!). Добавьте немного графики (Header и Footer – это как минимум). Я так и сделал, но в голову тут же закралась мысль о том, что регистрировать домен, покупать хостинг из-за этой листовки как-то не солидно! Создал еще несколько страниц, заправил все это ссылками и графикой и готов уже был закачать все это на сервер хостинга, как узнал о существовании языка сценариев PHP и баз данных Mysql. Третий сайт: http://avs50.ru сделан на PHP. Когда я начал делать четвертый сайт, я понял, что совершенствовать свое произведение можно бесконечно, но оно так и останется у меня на компьютере! Бросив все как было, я занялся регистрацией домена и покупкой хостинга. 5. Зарегистрировать домен и купить хостиг. В начале давайте разберемся с этими терминами. Домен или доменное имя – это Интернет-адрес Вашего ресурса. Хостинг – это обычно солидная фирма, которая имеет очень много хорошего железа, первоклассного ПО, замечательных специалистов и очень быстрый и широкий доступ в Сеть. Хостинг предлагает всем желающим место на своем жестком диске для размещения не только сайтов, а и любой информации. Другими словами, хостинг – это место проживания, а домен – это прописка. В Интернете есть множество ресурсов, которые предлагают зарегистрировать домен. Еще больше тех, кто предлагает купить хостинг. Больше всех тех, кто предлагает, и зарегистрировать домен и купить хостинг в одном месте. В последнее время как грибы стали появляться сайты, которые предложат регистрацию домена и хостинг совершенно бесплатно, т.е. «безвоздмездно!». Они предложат даже конструктор сайтов или блогов, где можно поместить свою фотографию; написать о том, как Вы любите «Клинское»; сообщить всему свету о том, что Вы без ума от группы «Барбариски» и еще очень много ценной и полезной для всех «информации». После праведных трудов можно с гордостью показывать знакомым свое произведение. Про сыр и простое техническое приспособление для ловли,- на этих сайтах скромно умалчивают. Зайдите на www.webstolica.ru и все поймете. А если серьезно, то советую домен регистрировать на тех ресурсах, которые занимаются исключительно регистрацией, а хостинг покупать в другом месте. Хороших хостингов много. Я, по-совету знакомых, выбрал www.yutex.ru. Этот ресурс предлагает вполне приличный сервис за вполне демократические тарифы. Есть хостинги дороже, но и надежнее. Например, www.hosting.agava.ru. Какой выбрать тариф – решать Вам. Если сайт выполнен на чистом HTML, то незачем выбирать тариф в 10 Гб, да еще с восемью базами данных. Я выбрал тариф, по которому в моем распоряжении 1Гб дискового пространства, 5 баз данных Mysql, неограниченный трафик, 1000 почтовых ящиков и много-много другого. За год я заплатил порядка 1200руб., и не жалею! Рассылка новостей сайта WWW.AVS50.RU "Сделай свой сайт сам" Автор рассылки: Савельев А.В. Выпуск № 1 В Интернете я пересмотрел много учебников, пособий, самоучителей и справочников по сайтостроению, прежде чем смог ответить на вопрос: «как создать свой сайт?». Причем, мне хотелось создать свой сайт самому, без посторонней помощи, т.е. с минимальными затратами. Путем проб и ошибок, а иногда и методом откровенного «научного тыка», начала формироваться определенная методика создания сайтов. Предлагаю Вам познакомиться с этой методикой создания простых HTML - сайтов , PHP - сайтов с использованием баз данных MYSQL и простых рекламных страничек. Сайт WWW.AVS50.RU я создал с нуля за четыре месяца. Долго? Да, долго! Только имейте в виду, что четыре месяца назад, я слыхом не слыхивал о том, что на свете существуют HTML, CSS, PHP, MYSQL и иже с ними! В чем заключается данная методика? Заключается она в том, что мы начнем сразу, после небольших и недолгих вступлений работать над реальным сайтом. Мой опыт показывает, что если сначала изучить все о HTML, CSS, PHP, MYSQL и т.д., то приступив к реальной работе, начинаешь вдруг понимать, что больше половины того, чего ты начитался тебе почему-то не нужно! И наоборот, то, что необходимо, ты не можешь разыскать в закромах своей оперативной памяти! Поэтому будем создавать сайт и изучать основы программирования, так сказать «по ходу пьесы». Сразу хочу предупредить! Сначала будут приходить мысли о том, что ничего не получиться, что даром убиваю время, что будь, проклят тот день.… Но постепенно, появятся просветления, станет интереснее, а потом увлечет, засосет и заворожит. Вы забудете о своих вредных и полезных привычках, у Вас изменится режим дня, Вы начнете мечтать о том дне, когда можно будет уйти, наконец, на пенсию с основного места работы, чтобы полностью посвятить себя WEB-программированию! Вас ждет новая жизнь! Программы, необходимые при создании сайта. Для того чтобы создать сайт, Вам просто необходимо установить на своем компьютере web-сервер. Что это такое, и для чего он нужен? Дело в том, что все сайты в Интернете хранятся на web-серверах. Это большие и мощные компьютеры, имеющие высокоскоростные выходы в Сеть. Когда мы в своем браузере в строке адреса набираем, например: http://www.avs50.ru, то поэтому адресу мы попадаем на удаленный компьютер, на жестком диске которого находится этот сайт. Если сайт состоит из HTML- страничек, то сервер сразу передает их на наш компьютер, потому что наш браузер понимает этот язык. В случае, когда сайт написан на PHP, да еще имеет базы данных, наш браузер не сможет расшифровать такой материал, да ему его ни кто, и не передаст. На сервере есть программы-обработчики, которые переведут всю информацию на понятный для браузера язык и передадут на Ваш локальный компьютер. Зачем же устанавливать web-сервер на свой компьютер? А за тем, чтобы иметь возможность сразу, у себя проверять, что Вы насочиняли. Ошибок будет больше, чем «Педров в Бразилии» (по себе знаю). А этот изумительный помощник, при просмотре, покажет ошибку, и место в коде укажет. Если проверять все через удаленный сервер – никакого трафика не хватит! Конечно у web-сервера функций огромное количество, но нас пока интересует только возможность тестировать код и его части. Очень советую установить на своем локальном компьютере Джентльменский набор Web-разработчика «Денвер-2» или «Денвер-3». Этот изумительный пакет программ позволяет запустить полноценный Web-сервер Apache с поддержкой PHP, Perl и сервер MySQL на машине, работающей под управлением MS Windows 95/98/Me/NT/2000/XP. При установке не требуется никакой настройки, комплекс может использоваться даже неподготовленными пользователями. Главная особенность «Денвера-3» — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе. Только представьте себе – Вы носите в своем кармане сервер со всеми своими сайтами. В любом месте втыкаете флешку в любой компьютер и работаете, а придя домой, обновляете свой сайт в Интернете – класс!!! Где скачать «Денвера-3» совершенно бесплатно и как им пользоваться можно здесь. Готовый сервер на Вашем компьютере. Вводный урок. Для того чтобы создать сайт, Вам просто необходимо установить на своем компьютере web-сервер. Что это такое, и для чего он нужен? Дело в том, что все сайты в Интернете хранятся на web-серверах. Это большие и мощные компьютеры, имеющие высокоскоростные выходы в Сеть. Когда мы в своем браузере в строке адреса набираем, например: http://www.avs50.ru, то поэтому адресу мы попадаем на удаленный компьютер, на жестком диске которого находится этот сайт. Если сайт состоит из HTML- страничек, то сервер сразу передает их на наш компьютер, потому что наш браузер понимает этот язык. В случае, когда сайт написан на PHP, да еще имеет базы данных, наш браузер не сможет расшифровать такой материал, да ему его ни кто, и не передаст. На сервере есть программы-обработчики, которые переведут всю информацию на понятный для браузера язык и передадут на Ваш локальный компьютер. Зачем же устанавливать web-сервер на свой компьютер? А за тем, чтобы иметь возможность сразу, у себя проверять, что Вы насочиняли. Ошибок будет больше, чем «Педров в Бразилии» (по себе знаю). А этот изумительный помощник, при просмотре, покажет ошибку, и место в коде укажет. Если проверять все через удаленный сервер – никакого трафика не хватит! Конечно у web-сервера функций огромное количество, но нас пока интересует только возможность тестировать код и его части. Очень советую установить на своем локальном компьютере готовый сервер - Джентльменский набор Web-разработчика «Денвер-2» или «Денвер-3». Этот изумительный пакет программ позволяет запустить полноценный Web-сервер Apache с поддержкой PHP, Perl и сервер MySQL на машине, работающей под управлением MS Windows 95/98/Me/NT/2000/XP. При установке не требуется никакой настройки, комплекс может использоваться даже неподготовленными пользователями. Главная особенность «Денвера-3» — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе. Только представьте себе – Вы носите в своем кармане сервер со всеми своими сайтами. В любом месте втыкаете флешку в любой компьютер и работаете, а придя домой, обновляете свой сайт в Интернете – класс!!! Скачать «Денвера-3» совершенно бесплатно можно здесь. Как установить север на своем локальном компьютере и как с ним работать Вы узнаете в этом разделе. Установка сервера на компьютер Цель урока: Научиться устанавливать готовый сервер на своем компьютере. Для того чтобы начать установку сервера, - запускаем файл server.exe. Утвердительно отвечаем на вопрос о начале установки. Появляется окно: Делаем то, что нам говорят, т.е. жмем Enter. Если Вы первый раз устанавливаете WebServers, то нажимайте Enter. Если эта директория занята, укажите другую. Долее указываем букву нашего виртуального диска. Если устанавливаете сервер первый раз, соглашайтесь на Z. Я ставлю букву W – у меня уже есть диск Z. Далее спрашивают, какой вариант выбрать 1 или 2. Выбирайте 1вариант. Потом спросят: устанавливать ярлыки на рабочем столе или нет? Соглашайтесь на установку, если их у Вас еще нет. Все на этом установка закончена! Начало работы с сервером. Цель урока: Познакомиться с работой сервера После того как Вы установили WebServers, на рабочем столе должны появиться три ярлыка: Думаю, что всем должно быть ясно, что с помощью этих значков мы сможем запустить, остановить и перезапустить сервер. Давайте попробуем! Кликаем два раза на «Start servers». Сервер начинает загружаться. Как только загрузка закончится, внизу возле часов появиться красное перышко. Теперь заходим в Total Commander и нажимаем на значок нашего виртуального диска «Z».(Очень советую всем работать именно с этим файловым редактором). Наш сервер состоит из четырех каталогов (плюс текстовый документ). В этих четырех папках будут находиться все наши рабочие материалы. Сам сервер находится C:\WebServers\. Вообще, сам сервер и наш виртуальный диск «Z» это одно и то же. Наша рабочая папка - это каталог «home». В ней мы и будем создавать, и хранить файлы наших сайтов. Открываем папку «home». В папке «home» нас пока интересует только каталог «localhost». Открываем его. В этом каталоге особый для нас интерес представляет папка «www», потому что именно в ней и будут находиться созданные нами сайты. Сейчас, у меня Вы можете увидеть несколько сайтов. На следующем уроке мы попробуем создать папку нового сайта, индексную страницу и проверим, как все это работает. Готовим на сервере место для сайта. Цель урока: Создать каталог для будущего сайта. И так, мы установили сервер на локальном компьютере, давайте проверим, как он работает. Для этого запускаем браузер и в адресной строке набираем: "http://localhost". Нажимаем ENTER и попадаем на тестовую страницу системы. Если установлен «Денвер-3» в окне браузера мы увидим: Теперь можно приступать к созданию своего собственного домена. Домен это «прописка» сайта. Чтобы иметь адрес необходимо иметь дом. Давайте строить. Заходим в Total Commander; открываем на диске Z: папку [HOME] и создаем в ней новый каталог. Создать его в Total Commander очень просто – нажимаем на нижней панели «F7 Каталог» и в открывшемся окошке записываем название нашего нового каталога (я назову его AVS). Нажимаем ОК – наш домен создан! В нашем домене обязательно создаем папку [WWW]. В этой папке и будут храниться все наши сайты. И так, открываем папку [WWW], нажимаем на нижней панели «F7 Каталог» и создаем папку нашего первого сайта. Назовем его «SITE_TEST». Вот и все. Как видите, сложного ни чего нет! Нам осталось создать обязательную папку «IMG», в которой будет храниться вся графика и индексный файл. В папке «SITE_TEST» создаем новый каталог «IMG». Индексный файл я создам в редакторе Adobe Dreamweaver CS3 (работать с этой программой мы обязательно научимся в отдельном курсе). Назовем нашу главную страницу «INDEX.PHP» и попробуем проверить, как работает наш WebServer с HTML и PHP. Пробуем проверить наш сайт. Набираем в адресной строке браузера чисто интернетовский адрес: «http://avs/site_test/index.php» и нажимаем ENTER. Перед нами содержимое нашей главной страницы. На этом мы заканчиваем эту часть курса по серверу. Подведем итоги. Мы узнали, где можно бесплатно скачать WebServer; научились его устанавливать; умеем создавать домен и каталог для сайта; знаем, как проверить работу сервера. В курсе по базам данных Вы познакомитесь с MySql.