Не боги горшки обжигают
или БЕСПЛАТНЫЕ САЙТЫ


Бесплатных пирожков не бывает. За все в жизни нам приходится платить! И деньгами далеко не всегда. Самая серьезная валюта - это время! Его вечно не хватает. Еще обиднее - если вдруг понимаешь, что потратил его зря. (Уж лучше бы отдохнул, чем бестолку стучал по клавиатуре!)

Если у Вас нет желания тратить время, то не стоит даже читать дальше. Бесплатный сайт за пять минут Вы конечно создадите, но трудно что-то серьезное сделать за пять минут. Этот раздел моего сайта предназначен для тех, кто задался вопросом:  А как это вообще делается?  Или для тех, кому сайт стал необходим, но цены ВЕБ-студий привели в  легкое  раздражение. Первые - со временем прочитают необходимые книжки и, возможно, станут ВЕБ-мастерами, Вторые - получат то, что хотят.

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

  1. Желание и настойчивость.
  2. Наличие компьютера, подлюченного к Интернету.
  3. Умение хотя бы одним пальцем набирать текст (двумя или тем более десятью получится быстрее).
  4. Имевшиеся в прошлом попытки хоть что-нибудь сделлать в графическом редакторе.
  5. Стремление задавать вопросы. Кому? Да у Вас же Интернет!!!
  • Кто Вам мешает набрать в поисковике фразу:  Что такое абсент . В ответ получите вагон и маленькую тележку любопытной информации. Встретите в моем тексте непонятное слово - туда же - в поисковик!

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

Цель - хочу сайт бесплатно!

Цели надо уточнять:

  1. Пока не важно какой!
  2. Одна страница - это тоже сайт.

Конструктор сайтов

Многие веб-серверы имеют в своем составе такие штуки, как  Конструктор сайтов . Конструктор сайтов и ситема управления контентом (CMS) - это практически одно и тоже. Конструктор сайтов - это система управления контентом, установленная на конкретном сервере и доступная для публичного использования. В большинстве случаев конструкторы сайтов адаптированы для неподготовленного пользователя. Они могут быть простые или сложные, но если вы знаете, что Вам надо, то можете создать свой сайт, если и не за пять минут, то за час-другой это точно! Создать что-то оригинальное (в смысле дизайна), с их помощью невозможно! . Каким бы ни был набор его инструментов, шаблонов, элементов - все равно сайт собирается из кирпичиков. Конструкторы сайтов обязательно содержат шаблоны страниц, и механизм связывания Ваших страниц в полнокровный сайт. В их составе могут быть элементы для форматирования введенного Вами текста. В качестве примера приведу

  • Службу Народ на Яндексе (содержит бесплатный конструктор сайтов)
  • Конструктор сайтов на VIPHOSTER.SU - эта страница размещена именно на этом хостинге.

Яндекс. Служба - Народ.

Набираем в адресной строке браузера http://www.yandex.ru или просто щелкаем по этой ссылке Яндекс. Попадаем на всем известный поисковик Рунета. Находим на его главной странице службу Народ. Служба Народ

  1. Щелкаем на ней
  2. На следующей странице выбираете -  Создайте свой сайт 
  3. Зарегистрируйтесь, если вы никогда ещё не регистрировались ни на одном проекте Яндекса
  • Если Вас смущает необходимость указать данные о себе, то вспомните, что одна треть населения России это Иваны Петровичи Сидоровы.
  • Обязательно сохраните в каком-либо файле указанные данные - они Вам будут нужны (особенно логин и пароль).
  • Если Вы уже имеете на Яндексе хотя бы почтовый ящик, то введите пароль и логин. И войдите в Мастерскую.
  1. Когда завершите регистрацию, щелкните по ссылку  Начать пользоваться сервисом 
  2. На открывшейся странице, в подпункте  Создайте свой сайт , будет указано имя Вашего будующего сайта. Щелкните на кнопке  Создать .
  3. Вы попадете в Мастерскую. Обязательно побродите по ней. Запомните, что - где лежит. Не волнуйтесь - Вы не сможете ничего поломать. Обязательно зайдите в раздел  Доступ к файлам по FTP  и сохраните его на своем компе. Эта информация Вам потребуется!
  4. В разделе  Создание сайта ,  Мой дом  щелкните на ссылке  Главная   страница  - можете выбрать другой раздел, пока это не принципиально.
  5. Выбирите один из шаблонов и впишите в него какой-нибудь короткий текст. Можете его разукрасить. Не стремитесь постигнуть все сразу!
  6. Сохраните изменения и выйдите из Мастеской (да и из Народа тоже)
  7. Набирите в адресной строке браузера http://www.ваш_логин.narod.ru
  8. Вот и готов Ваш первый одностраничный сайт!
  • Уж извините! Именно это я имел ввиду, когда написал: Очень краткий конспект .
  • Если не смогли разобраться ПИШИТЕ - если писем будет больше десятка - выложу более подробный путь!

Конструктор сайтов на VIPHOSTER.SU

Этот конструктор сайтов платный, но имеет демонстрационный тестовый период (10 дней). Зайдите по этой ссылке на сайт хостера. Выбирите любой тарифный план и в дополнительных услугах увидите конструктор сайтов. Пользуйтесь, экспериментируйте в течение 10 дней. Рекомендую предоставленный Вам адрес сохранить в каком либо файле - если попробуете, то поймете - почему.

Доступ по FTP

Учитывая стоящие перед нами задачи, для доступа по FTP удобнее всего использовать какой-нибудь файловый менеджер. Я использую Total Commander - возможно, есть лучшие, но старые привычки тяжело менять!

Не огорчайтесь, если Вы впервые прочитали слова файловый менеджер. У Вас есть Windows, а в нем Internet Explorer.

  1. В адресной строке наберите вместо привычного http://www. строку ftp://ftp.narod.ru - это адрес FTP-сервера службы Narod (читай ранее сохраненный файл).
  2. Далее следуйте инструкции: введите полученные Вами логин и пароль - Вы увидите корневую папку Вашего сайта, а в ней файл index.html (или index.htm) - это главная страница Вашего сайта. Именно ее Вы создали на предыдущем этапе. (Файл главной страницы всегда называется index.)
  3. Выполните инструкцию - найдите на панели управления Internet Explorer закладку  Страница , щелкните по ней и выбирите  Отркрыть FTP-узел в проводнике Windows 
  4. Введите логин и пароль.
  5. Все!!! Вы в знакомом пространстве - можете делать с этим файлом все, что угодно! Предлагаю скопировать его в буфер обмена, сохранить его, например в папке  Мои документы , и отключиться от Интернета.

Конечно, всё можно было сделать и на сервере. Желающие могут потренироваться. Самое страшное, что может произойти - Вы измените свою страницу так, что она перестанет отображаться в браузере. Но это не смертельно и легко поправимо - мы ведь экспериментируем на  зародыше будущего сайта . Как Вы поступаете с какой-нибудь программой, переставшей работать? Сносите и устанавливаете заново. Здесь тоже самое - удалите файл index.html и начните все сначала!

  • Понятно, такие эксперименты станут весьма нежелательны, когда Вы создадите полнокровный сайт с большим объемом информации. Поэтому всегда создавайте резервную копию сайта. (На платных хостингах - это одна из услуг. Но даже в этом случае стоит подстраховаться!) А на своем компе работать с копией резервной копии - иногда проще вернуться к  вчерашней  версии, чем изменять сделанное  за день .
  1. Откроем при помощи Блокнота наш файл. Используйте пока именно Блокнот - о возможных и более удобных редакторах поговорим позже.
  2. Найдем введенный ранее текст и заменим на любой новый. Ни в коем случае не трогаем непонятные пока значки!
  3. Сохраняем изменения.
  4. Дважды щелкаем на сохраненном файле и наблюдаем его в браузере (пока на родном компьютере). Если Вы случайно не повредили элементы разметки, то увидите главную страницу своего сайта, с новым текстом.
  5. Подключаемся к Интернету. Соединяемся по FTP протоколу со своим сайтом. Заменяем выложенный там файл index.html на откоректированный нами.
  6. Набираем в адресной строке браузера адрес сайта и наблюдаем внесенные изменения.
  • Сразу остановлюсь на одной особенности, которую Вы благополучно миновали, но в дальнейшем можете с ней столкнуться. Операционная система Windows является регистронезависимой! Для нее index.html, iNdex.html, indeX.html, index.Html, INDEX.HTML - ЭТО ОБОЗНАЧЕНИЕ ОДНОГО И ТОГО ЖЕ ФАЙЛА. Для UNIX-подобных операционных систем, а именно они установлены на большинстве серверов, это разные файлы. Это одна из причин, чтобы использовать файловый менеджер. В них есть функция -  Перевести названия файлов в нижний регистр . (Естественно, имена файлов, встречающиеся в коде Вашей страницы, должны быть в нижнем регистре!)
  • Для небольшого сайта решить эту проблему можно и вручную. Например, на Народе заходите в Мастерскую -> Управление файлами и перименовываете файлы в названиях которых встретятся буквы в верхнем регистре.

Файловые менеджеры

Если возможностей конструкторов сайтов для Вас мало, то соединение с Вашим сайтом по FTP станет необходимостью. Использовать для этого Internet Explorer - не самый лучший вариант (хотя мы это уже пробовали). Да и управление файлами при помощи Проводника Windows - оставляет желать лучшего!

Для тех, кто никогда не пользовался файловым менеджером, настоятельно рекомендую Total Comander (Windows Comander - название старых версий) - цена его не велика. У него масса достоинств, но нас интересуют всего три вещи:

  1. Встроенный FTP-клиент
  2. Опция перевода названий файлов в нижний регистр
  3. Синхронизация каталогов

Если Вы привыкли к другому файловому менеджеру и не хотите с ним расставаться - проверьте наличие в нем указанных возможностей. В случае отсутствия в нем FTP-клиента - Вам потребуется внешний FTP-клиент. Отсутсвие двух других возможностей приведет к увеличению ручной работы.

HTML-редакторы

Каким текстовым редактором можно пользоваться для изменения (или создания) содержания (и кода) веб-страницы на локальном компьютере? - Любым, сохраняющим содержание в текстовом формате. Мы уже пользовались Блокнотом. Можно воспользоваться Word -ом, хотя это не рекомендуется. Нам не нужны его возможности по форматированию содержания, а случайное нажатие  не той кнопки , может привести к непредсказуемым последствиям. ( Кривой путь , но если пользуетесь Word -ом, после внесения изменений скопируйте содержание в буфер обмена и вставьте в Блокнот. Затем сохраните под нужным именем.)

Но для написания HTML-кода (создания веб-страницы) сущестствуют специальные HTML-редакторы. Они делятся на две основные группы:

  1. Визуальные редакторы. Их еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get - что видишь, то и получаешь. Визуальные редакторы не требуют от вас знаний html, css и прочих технологий для разметки страниц. В визуальном редакторе вы располагаете различные элементы вашего сайта, как будто на листе бумаги, а редактор пишет за вас код самостоятельно.
  2. Текстовые HTML- редакторы. В этих редакторах вы пишите код своими руками. В текстовых редакторах, как правило, бывают разные функции облегчающие кодеру написание кода, такие, как подсветка кода (так легче видеть, где в коде вставлены стили, или скрипты, а где просто текст), различные горячие кнопки и клавиши, которые вставляют уже готовые конструкции (куски кода, спецсимволы) в код, и т.д.

Я для примера приведу три HTML-редактора и один браузер, имеющий встроенный редактор:

  1. HTML Pad - классический текстовый HTML-редактор. Пользуется любовью пользователей. По сути  специализированный Блокнот . Не имеет встроенного FTP-клиента. Бесплатный.
  2. Nvu - это достаточно мощный визуальный веб-редактор, позволяющий генерировать код страниц таким образом, чтобы он корректно отображался во всех современных браузерах. Позволяет загружать созданный файл на сервер. И открывать файлы, расположенные на сервере. Бесплатный.
  3. Macromedia Dreamweaver MX 2004 - мощный инструмент для создания и обслуживания любых веб-сайтов. Хотя его относят к классу визуальных редакторов, это скорее интегрированная среда разработки сайтов. Имеет в своем составе все необходимые для этого инструменты. Может использованться как начинающими веб-мастерами, так и профессионалами. Рекомендую для тех, кто всерьез и надолго решил занятся созданием веб-сайтов. Затраченнное на его изучение время окупиться стократно! Платный.
  4. Mozilla 1.7.13 - браузер имеющий возможности редактирования веб-страниц. (Не знаю с какой версии в Mozil-e присутствует эта функция, поэтому указал номер версии, установленной у меня). Смотри - Файл->Редактировать страницу. Если файл находится на сервере, то предварительно - Файл-> Открыть адрес в Интернете. По функциональности аналогичен Nvu.

Желающих ознакомиться с другими редакторами, как всегда, отправляю в поисковик (наберите -  Обзор HTML-редакторов ). Там статей на эту тему больше, чем редакторов! Скачать Nvu можно здесь.


(Далее: Шаблоны сайтов)


  
     

Справочные материалы