Глава 2
Основы «сайтостроения»
этой главе мы рассмотрим основы создания сайтов. При желании вы сможете создать свой первый сайт соверше
этого даже не потребуется знание языка разметки гипертекста (HTML), о котором мы расскажем в следующей главе.
2.1. Что нужно для работы?
Для того чтобы можно было создавать сайты, необходимо соответствующее оборудование и программное обесп вас уже есть оборудование из этого списка:
персональный компьютер с подключением к Интернету;
цифровой фотоаппарат;
сканер или МФУ – многофункциональное устройство, а точнее три устройства: принтер, сканер и копир в одном корпусе.
Что касается конфигурации компьютера, то для создания сайтов нет необходимости приобретать супермощны подойдет компьютер, предназначенный для офисной работы. К слову, один из авторов книги в момент написания эт компьютер такой конфигурации:
процессор Pentium 4 с частотой 3 ГГц;
оперативная память объемом 2 Гбайт;
жесткий диск объемом 500 Гбайт;
видеоплата с объемом памяти 256 Мбайт;
жидкокристаллический монитор формата 3:4 с диагональю 19 дюймов.
Как видите, конфигурация явно уступает практически любому современному компьютеру на основе многоядерно более чем хватает для работы со всеми необходимыми программами, используемыми при создании сайтов.
Во многих случаях достаточно цифрового фотоаппарата начального уровня, цена которого составляет около $100 исключения, например, если вы делаете блог профессионального фотографа. Увы, тут «мыльницей» явно не обойтись.
Как мы уже сказали выше, самое главное, что нужно для работы, – это желание трудиться, которое невозможн оборудованием. А теперь к теме. К теме сайта!
2.2. О чем сказать миру? Ограничения темы
Предлагаем запомнить правило: «Первый сайт – для души». Все остальные сайты, если у вас их будет несколько, м которые вас интересуют только отчасти. Что касается первого сайта, то его тематика должна быть такой, что длительное время работать над ним, не получая при этом денег. Если интересно вам – значит, с большой вероятность
еще.
Работа над первым сайтом важна в психологическом плане, так как при неудаче очень высока возможность того, ч
сайтостроения закончится.
Выбирая тему для своего первого сайта, подумайте, что вас интересует больше всего. Интерес к какой полезной ин на протяжении длительного времени? Здесь мы имеем в виду срок никак не меньше полугода.
Конечно, было бы здорово, если бы сфера ваших интересов находилась в какой-нибудь практической об строительстве, но, увы, так бывает не всегда. К примеру, многие подростки являются фанатами известных музык
спортсменов.
Здесь мы сталкиваемся с таким понятием, как ограничения темы. Под ними мы понимаем факторы, которые н результата: достаточного количества посетителей и, соответственно, денег, так как от количества посетителей зависит и заработок сайта.
качестве примера приведем фан-сайт канадской панк-рок-группы SUM 41 (на русский манер звучит как «
расположенный по адресу www.сам41.рф (рис. 2.1).
Рис. 2.1. Фан-сайт канадской группы SUM 41
Сайт был создан старшей дочерью одного из авторов книги. Поскольку этот сайт создавался не для комме перспективы его развития не анализировались. Тем не менее не поздно взглянуть на них и сейчас. Для этого воспол
ключевых слов «Яндекса» (http://wordstat.yandex.ru/) и узнаем количество просмотров в месяц, содержащих выражение «sum 41» (рис. 2.2).
Рис. 2.2. Количество просмотров, содержащих выражение «sum 41»
Количество просмотров составляет около 40 тыс. в месяц, то есть практически столько же, сколько должно быть
успешного сайта развлекательной тематики.
Необходимо заметить, что существует множество сайтов, посвященных группе SUM 41, поэтому в условиях кон бесперспективна. Тем не менее если ваши дети хотят создавать сайты подобной тематики, не запрещайте им этого
было им интересно, так как коммерческие проекты у них еще впереди.
Если сайт создается для заработка, то нужно обязательно проверить его на ограничение темы с помощью выш Необходимо анализировать не только количество запросов, касающихся темы сайта, но и количество конкурент следует сказать отдельно. В принципе, у начинающих веб-мастеров не должно быть комплексов. Если вы владеете интересует, то не стоит обращать особого внимания на конкуренцию. В любом случае при желании и усердии мо кусочек от общего пирога.
Внимание!
Самое главное для любого сайта – это интересный, полезный и уникальный контент. В рамках нашей книг наполнение сайта (тексты, картинки, музыка, видео). Не хватайтесь за денежные темы типа «туризм» или «ювелирны они вам малоинтересны и вы абсолютно не разбираетесь в них.
2.3. Какие бывают сайты? Статический или динамический?
Сайты можно разделить на две группы: статические и динамические. Не каждый пользователь увидит разницу м динамическим сайтом, просматривая их в окне браузера. Однако иногда признаки динамического сайта очевидны добавления комментариев.
Статический сайт состоит из статических веб-страниц с расширением .htm или .html. Эти страницы спокойно лежат загружаются при обращении к ним пользователей, причем во время обращения на страницах не происходит никаких изменений.
Динамический сайт при обращении к нему начинает формировать вебстраницу из какого-то количества составл шаблон сайта он берет из одного файла, текст и комментарии – из другого.
Это кажется весьма сложным и, в принципе, соответствует истине. Действительно, динамический сайт, в отличи представляет собой «живой организм». К примеру, для его работы нужна база данных, к которой он обращается за н
базе данных хранится весь текстовый контент сайта, например статьи и комментарии. Необходимо отметить, что и сайты являются детищем Web 2.0 – технологии, которая подразумевает «взрывное» создание и распространение кон Пожалуй, самый значимый проект, демонстрирующий воплощение этих принципов в жизнь, – этоwww«.wikipediaВикипедия.org),»
созданная и живущая благодаря усилиям очень большого количества пользователей из разных стран мира.
Изначально сделав упор на динамические сайты, вы перекроете множество «узких» мест, главное из которых – у Динамический сайт позволит не только работать над проектом нескольким авторам (к этому есть смысл стремит уникальный контент в виде комментариев к вашим статьям. Кроме того, «динамика» сведет к минимуму время на и
сайта за счет загрузки и установки на сервер всего лишь одного файла с новым шаблоном.
современных условиях развития информационных технологий выбор в пользу простоты, то есть в пользу ст большинстве случаев не оправдан. Заработок в Интернете – это работа, работа – это движение, движение – это дина
динамические сайты.
2.4. О хостинге для статических и динамических сайтов
Хостинг – это услуга по предоставлению дискового пространства для размещения на нем сайтов. Как мы уже находятся на серверах Интернета, то есть на компьютерах, которые работают сутки напролет и всегда имеют до
Глобальной сети.
вас может возникнуть вопрос: «Можно ли использовать собственный домашний компьютер как сервер и разме сайты?» В принципе, это возможно. Однако мы не советуем идти по этому пути, так как в этом случае никто, кроме ва за круглосуточную доступность вашего сайта для пользователей. Доверьте эту обязанность компаниям, спец предоставлении хостинга. У них мощные и надежные серверы, высокоскоростные каналы связи, источники беспер хорошие специалисты (хотя всегда встречаются «бродяги», у которых не все так радужно, как мы описываем).
хостеров защищены от различных сетевых атак хакеров и потери данных.
Поскольку между статическими и динамическими сайтами есть существенная разница, то различаются и требования к хостингу.
примеру, если вы захотите создать пробный сайт на бесплатномhttp://narodхостинге.yandex.ru/ (далее просто «Народ»), то должны зн что на нем можно разместить только статический сайт. Да, как это ни странно, «Яндекс» решил не давать пользова создавать динамические сайты. Наверняка все упирается в более сложную реализацию поддержки пользоват
обеспечения безопасности динамических сайтов.
Существуют бесплатные площадки и для динамических сайтовhttp://holm,например.ru/.Увы, бесплатный хостинг накладывает о
большие ограничения как на дисковое пространство, так и на остальные ресурсы сервера.
Платный хостинг позволяет за ваши деньги снять практически любые разумные ограничения. Более того, любо
подразумевает возможность создания как статических, так и динамических сайтов. Существуют следующие виды платного хостинга.
• Виртуальный хостинг – его можно сравнить с казармой, где все общее. Это одно помещение (сервер) для большог (сайтов). Расположенные на одном сервере сайты делят его ресурсы (вычислительную мощность процессора и коли
памяти) между собой.
• Виртуальный выделенный сервер (VPS) – обычный жилой дом. В доме много квартир, в каждой из которой есть св газ, телефон, туалет и т. д. На одном физическом сервере располагается определенное количество серверов виртуал
гарантировано определенное количество вычислительной мощности процессора и оперативной памяти.
• Выделенный сервер (dedicated server) – особняк, в котором все ваше. Все ресурсы оплаченного вами сервера находят
распоряжении.
Как вы понимаете, за удовольствия надо платить, соответственно, выделенный сервер начинающим веб-мастерам Нет необходимости оплачивать и виртуальный выделенный сервер, так как на первом этапе (а может быть, и на всех
будет достаточно виртуального хостинга, который стоит значительно дешевле.
На данный момент виртуальный хостинг начального уровня обходится в совсем небольшие деньги: 30-100 руб. в месяц.
В рамках книги мы будем упоминать две хостинговые компании – Best Hoster и Logol. В своей практике мы использ (www.best-hoster.ru) для «рассады» сайтов, а по мере их «прорастания» переносим успешные проекты на более мощный и на
Logol (www. logol.ru).
вопросам выбора хостинга мы перейдем чуть позже. Сейчас же поговорим об именах для сайтов.
2.5. О доменах
каждого компьютера, подключенного к Интернету, есть уникальный адрес, который называется IP (Ай-Пи). Сер размещаются сайты, тоже имеют свои IP-адреса, соответственно, добраться до сайта можно по IP-адресу. Но как чел
самые IP-адреса, например такой: 213.180.204.11?
Для облегчения запоминания была введена Доменная Система Имен, больше знакомая по аббревиатуре DNS (Doma
Смысл очень прост: к IP-адресу «привязывается» доменное имя, которое, как и IP-адрес, является уникальным. Другими словами, не может быть двух одинаковых доменных имен, иначе возникнет путаница, ведь будет неизвестно, какой из сайтов загружать.
Указанный выше IP-адрес связан с доменным именем поисковой системы «Яндекс», то есть попасть на «Яндекс адресную строку 213.180.204.11 вместо yandex.ru. Согласитесь, проще запомнить доменное имя, чем IP. Когда мы ввод
строке браузера www.yandex.ru, DNS-сервер ищет, где находится сайт с таким именем, и отправляет нас по IP-адресу 213.180.204.11. Система доменных имен имеет иерархическую структуру:
• www.ru – домен верхнего уровня, принадлежащий России;
• www.pcbee.ru – домен второго уровня;
• www.proba.pcbee.ru – домен третьего уровня.
Доменные имена третьего уровня можно использовать бесплатно, а вот за использование имен второго уровня,
платить. На данный момент российские веб-мастера используют для своих сайтов несколько доменных зон: ru, рф, com, реже net и su.
По количеству купленных российскими пользователями доменных имен лидирует кириллическая зона РФ, сво доменов в которой началась 11 ноября 2010 г. в 12.00. Мы не случайно так хорошо помним дату и время начала свободн зоне РФ, так как и сами поучаствовали в этом мероприятии, пытаясь приобрести пару звучных имен для свои деятельность на этом поприще успешной назвать нельзя, но в книге мы все же используем купленный нами www.строюсам.рф.
Для начала мы все же расскажем о бесплатном сыре в виде бесплатных доменных имен и хостинге.
2.6. Постройте свой сайт за 60 секунд!
Услуги по предоставлению бесплатного хостинга оказывают многие интернет-компании. На протяжении долгих популярных бесплатных хостингов присутствуетwww.narod.yandex.ru, или просто «Народ». Эта площадка вполне подойдет для экспе
со статическими сайтами.
«Постройте свой сайт за 60 секунд» – именно такой лозунг красовался на сайте «Народ» несколько лет назад сохранился скриншот, датированный 2007 г. и подтверждающий достоверность наших слов (рис. 2.3).
Рис. 2.3. Несколько лет назад на «Народе» предлагалось создать свой сайт за 60 секунд
Конечно, создать что-то достойное внимания за 60 секунд было невозможно, но при определенной сноровке мож вебстраницу и за столь короткое время. Для этого в распоряжении пользователей «Народа» был (он есть и сейчас) ск
шаблонов, на основе которых можно быстро создать нечто напоминающее сайт.
За прошедшие годы на «Народе» произошли определенные изменения в лучшую сторону. Хотя возможности соз сайтов до сих пор нет, в помощь начинающим веб-мастерам создан конструктор сайтов. Его функции нельзя назвать он дает простор для творчества. К примеру, можно выбрать подходящий макет для сайта (рис. 2.4).
Рис. 2.4. Конструктор сайтов на «Народе» предлагает различные макеты для вашего сайта
Учитывая, что сервис бесплатный, провести несколько экспериментов на «Народе» вы можете самостоятельно. Дл зарегистрироваться на сервисе, пройдя по ссылке http://narod.yandex.ru/.
Примечание
Если у вас есть почтовый ящик на «Яндексе», например myname@ yandex.ru, то за вами автоматически закрепи myname.narod.ru. Если вас устраивает такое имя сайта и вам удалось зайти в мастерскую под логином myname и паролем необходимости создавать новую учетную запись.
Для более масштабных, но бесплатных экспериментов мы рекомендуем использовать сервис uCoz, который п хорошие практические навыки создания динамических сайтов.
2.7. Создание сайтов на бесплатном сервисе uCoz
Поскольку любому человеку свойственно сомневаться, особенно в чем-то новом и незнакомом для него, иногда сто силы без материальных затрат. Применительно к тематике нашей книги нужен бесплатный инструмент для создани статических, а динамических. В качестве хорошей площадки для тренировки мы рекомендуем использовать сервис
по адресу www.ucoz.ru (рис. 2.5).
Рис. 2.5. Главная страница uCoz
На главной странице uCoz есть слайдер, в котором показаны варианты сайтов, созданных с использованием это
примеру, на uCoz создан довольно известный среди учителей сайт http://pedsovet.su.
Знакомство с uCoz
Прежде чем приступать к созданию сайта, разберемся, что же такое uCoz.
uCoz (Юкоз) – это бесплатный проект-конструктор, который позволяет создавать динамические сайты д пользователям. Он состоит из системы управления, хостинга, домена третьего уровня и различных модулей.
Модули – это веб-приложения. Модули можно сравнить с деталями конструктора «Лего» – выбирая нужные д задуманную конструкцию. Благодаря этому можно создать сайт любой сложности: от персональной страницы до новостного портала.
Список модулей uCoz довольно обширен:
форум;
интернет-магазин;
новости сайта;
сетевой дневник (блог);
каталог статей;
каталог файлов;
каталог ссылок;
мини-чат;
доска объявлений;
фотоальбом;
онлайн-игры;
опросы;
гостевая книга;
FAQ (вопрос/ответ);
почтовые формы;
редактор страниц сайта;
статистика посещений. Основные возможности:
неограниченное дисковое пространство (хостинг);
удобная работа с файлами по FTP-доступу;
создание и управление базами пользователей;
встроенный визуальный редактор HTML;
различные шаблоны;
поддержка JavaScript – языка программирования сценариев, на котором создаются разные «примочки» для сай
всплывающих окон.
После краткого знакомства с возможностями uCoz можно приступать к созданию сайта. Поскольку один из автор любит готовить и хочет поделиться своими успехами, мы решили создать сайт, посвященный кулинарии. Он буде
рецепты».
Регистрация учетной записи
Сначала необходимо пройти стандартную процедуру регистрации в системе Unet.
Система Unet – это глобальная учетная запись в системе uCoz. Она дает возможность без дополнительной регистраци созданные вами сайты uCoz, используя единую учетную запись. Кроме того, Unet – это что-то вроде панели сведений о вами сайтах. Процедуру регистрации учетной записи мы рассмотрим пошагово.
Шаг 1 .Переходим на сайт uCoz и в верхнем меню щелкаем на ссылке Регистрация. В результате откроется ст регистрации, которую необходимо заполнить (рис. 2.6).
Рис. 2.6. Страница с формой регистрации
Далее заполняем все необходимые поля. Если при заполнении формы возникнут затруднения, можно обрати которые находятся под полями. Внимательно читаем условия использования Unet-сообщества, устанавливаем флаж
условия использования, и нажимаем кнопку Регистрация.
Шаг 2. Далее нас ждет подтверждение адреса электронной почты. Для этого заходим в свой почтовый ящик, кото регистрации, находим письмо от Unet и переходим по ссылке в тексте письма. В открывшемся окне браузера вводим нажимаем кнопку Отправить.
Шаг 3 . Мы попадаем в вебтопВебтоп. (WebTop) – это оболочка учетной записи uNet, которая предназначена для ус применения пользователем приложений (программного обеспечения), работы со своими данными, контактами и са необходимо заполнить данные учетной записи администратора (рис. 2.7).
Рис. 2.7. Получение доступа к вебтоп
Придумываем пароль администратора – он должен отличаться от того, который мы вводили в предыдущем окне вопрос, который понадобится при необходимости восстановления пароля. Далее указываем пароль, который мы вв окне для учетной записи uNet.
После заполнения всех полей нажимаем кнопку Сохранить. Учетная запись в системе uCoz создана, настала пора п имя для нашего сайта.
Подбор доменного имени
После того как мы зарегистрировали учетную запись в системе uCoz, можно приступать к подбору доменного имен
нас открылось после входа в панель. Поскольку наш сайт посвящен кулинарии, то мы попытаемся подобрать соотв
имя.
Шаг 1. В открывшемся окне (рис. 2.8) в поле Адрес сайта вводим вариант устраивающего нас доменного имени. Мож
что желаемый домен уже занят. Тогда придется придумать другое имя.
Рис. 2.8. Окно для подбора адреса сайта
Подбирая свободное доменное имя, мы остановили свой выбор на варианте moirecepty.ucoz.ru (см. рис. 2.8).
Совет
Если не удается подобрать походящее имя сайта, то можно попробовать сменить доменную зону. Выбор доволь Если имя mysite.ucoz.ru (зона ru) занято, можно проверить mysite. ucoz.com (зона com).
Шаг 2 .Вводим код безопасности с картинки и устанавливаем флажок Согласен с правилами хостинга. Есть см правила, чтобы в дальнейшем не возникало вопросов к администрации проекта. Нажимаем кнопку Продолжить.
Шаг 3 .Если все сделано правильно, должно открыться окно с уведомлением о создании сайта, в котором остае Панель управления сайтом. После этого можно приступать к настройкам сайта.
Начальные настройки сайта
После того как стала доступна панель управления сайтом, можно выполнить начальные настройки (рис. 2.9).
Рис. 2.9. Панель управления сайтом
Шаг 1 .Заполняем поле с названием сайта. Как мы и договаривались, наш сайт будет называться «Мои рецепты».
носить любое имя – это зависит только от вас.
Шаг 2 .Кроме того, здесь мы можем выбрать дизайн из готовой коллекции шаблонов. Для этого нажимаем кнопку перед нами открывается страница с большой коллекцией шаблонов. Для удобного поиска все шаблоны распред
(рис. 2.10).
Рис. 2.10. Коллекция шаблонов uCoz
Мы выбрали дизайн из категории Еда под номером 921. При желании можно выбрать язык сайта. Естественно, мы о
язык. Нажимаем кнопку Продолжить.
Шаг 3. В следующем окне нас просят выбрать необходимые для сайта модули (рис. 2.11).
Рис. 2.11. Окно выбора модулей
Примечание
Если вы забыли выбрать какой-то модуль, не расстраивайтесь, его можно добавить в любое время.
Для проекта мы выбрали следующие модули:
Редактор страниц;
Фотоальбомы;
Гостевая книга;
Каталог статей;
Опросы;
Почтовые формы.
Ваш набор модулей может быть иным – все зависит от того, какими возможностями должен обладать сайт. После выбора необходимых модулей нажимаем кнопку Продолжить.
После применения параметров в панели управления появится вся необходимая информация и инструменты настройки и редактирования сайта (рис. 2.12).
Рис.
2.12. Панель управления сайтом со всей
необходимой информацией и инструментами
Теперь можно осмотреться и познакомиться
с панелью управления сайтом.
Панель управления сайтом
Знакомство с панелью управления начнем с верхнего меню под названием админ-бар (рис. 2.13).
Рис. 2.13. Админ-бар
Здесь собраны все функции сайта, распределенные по разделам.
Общее – общая информация о сайте, ссылка на сайт и на главную страницу панели.
Настройки – из названия понятно, что эта вкладка содержит все основные настройки. Вот некоторые из них:
сайта, смена дизайна и языка сайта, отключение сайта и т. д.
Дизайн – на этой вкладке собраны все инструменты для настройки шаблона сайта. Если вы преуспели в изучени
самостоятельно изменить внешний вид сайта или установить сторонний шаблон.
Инструменты – настройки, которые не вошли в предыдущие вкладки. Кроме того, здесь есть несколько крайне ва
которыми мы будем пользоваться. Один из них – файловый менеджер. С его помощью мы будем загружать нужные файлы на хостинг.
Безопасность – инструменты для обеспечения безопасности сайта: можно сменить пароли к учетным запися
настроить другие параметры.
Помощь – полезные советы по раскрутке сайта, ссылка на официальный форум uCoz и службу поддержки.
Примечание
Мы намеренно не стали описывать вкладку Платные услуги, так как в наши планы не входит использование пла том, что цена на них «кусается» и проще купить хостинг на другой площадке, чем создавать коммерческий проект на uCoz.
Следующая часть, которую мы рассмотрим, – меню модулей (рис. 2.14).
Рис. 2.14. Меню модулей
На вкладке Активные содержатся названия модулей, которые мы активизировали на этапе регистрации д Неактивные перечислены модули, которые при необходимости можно активизировать, например, если вы забыл регистрации домена или просто они понадобились вам только сейчас.
Центральная часть панели управления разделена на две области: нижнюю и верхнюю (рис. 2.15).
Рис.
2.15. Центральная часть панели управления
верхней области отображаются имя пользователя, адрес сайта, доступное дисковое пространство (с очень и Изменить), а также различные предупреждения. В гордом одиночестве в правой области находится ссылка с не названием Стать Премиум пользователем. За этими «интересными» названиями прячутся платные услуги, из чего мож что uCoz – это своеобразная «завлекалочка» для доверчивых пользователей. Внизу размещены ссылки для доступ
инструментам.
дальнейшем, чтобы попасть на панель управления сайтом, необходимо зайти на главную страницу сайта, допис admin через прямой слеш (/) и нажать клавишу Enter. К примеру, адрес нашегоhttp://moireceptyсайта.ucoz.ru/. После добавления получается
http://moirecepty.ucoz.ru/admin.
Создание категорий
Пора переходить к наполнению нашего сайта содержимым. Разберемся, какие возможности предоставляет uC материала.
За вывод статей на сайт отвечает модуль Каталог статей. В нем можно не только создавать статьи, но и распредел Система uCoz поддерживает двухуровневое деление на разделы и категории. При большом количестве статей (в наше разделы и категории сделают структуру сайта более прозрачной. Для примера создадим раздел под названием Горя будут категории Блюда из мяса, Блюда из птицы. В этом случае пользователю проще будет найти тот или иной рец
легче ориентироваться при поиске необходимой статьи.
Шаг 1 .Заходим в панель управления сайтом. В меню модулей выбираем пункт Каталог статей, после чего стано панель управления модулем (рис. 2.16).
Рис. 2.16. Панель управления модулем Каталог статей
Выбираем пункт Управление категориями.
Шаг 2 . На панели Управление категориями отображаются все разделы и категории модуля. В нашем случае в категория Мои статьи (рис. 2.17).
Рис. 2.17. Панель Управление категориями
Кроме того, здесь есть две кнопки: Добавить раздел и Добавить категорию.
Шаг 3. Нажимаем кнопку Добавить раздел, в результате чего открывается соответствующее окно (рис. 2.18).
Рис. 2.18. Окно Добавить раздел
этом окне необходимо указать название раздела, а также по желанию добавить описание и выбрать, какие гр
смогут зайти в раздел. После обновления основного окна вы увидите, что ниже стандартной категории Мои статьи появился ваш раздел. В нашем случае это раздел Горячие блюда.
Далее есть два пути добавления категорий.
• Нажать кнопку Добавить категорию. Вновь откроется окно, похожее на предыдущее, но придется выбрать, к
относиться ваша категория.
• Щелкнуть на ссылке Добавить категорию рядом с разделом, но в этом случае уже будет автоматически выбран раздел.
Мы пойдем по второму пути. Переходим по ссылке Добавить категорию. Заполняем необходимые поля и сохраняем изменения.
Для примера мы добавили две категории в раздел Горячие блюда: Блюда из мяса и Блюда из птицы. После всех м
категориями и разделами стало выглядеть так, как показано на рис. 2.19.
Рис. 2.19. В разделе Горячие блюда теперь есть две категории
Создав разделы и категории, можно приступать к добавлению статей.
Добавление статей
нас все готово для того, чтобы добавить первую статью, которая будет содержать рецепт. Но для начала надо
добавления материала.
Шаг 1. Заходим в каталог статей.
Шаг 2 .С правой стороны находится ссылка для создания материала, которая называется Добавить материал.
система отправляет нас на сайт, где нужно авторизоваться для продолжения добавления новостей.
Шаг 3 .Щелкаем на ссылке Вход, и во всплывающем окне вводим адрес электронной почты и пароль учетной з
правильном вводе появляется редактор статей (рис. 2.20).
Рис. 2.20. Редактор статей
Шаг 4. Выбираем категорию, в которую хотим добавить нашу статью. Мы выбрали категорию Блюда из птицы, так к разместить рецепт блюда из курицы.
Шаг 5. В поле Краткое описание вставляем часть статьи, которая будет отображаться на главной странице сайта.
Шаг 6 .В поле Полный текст вставляем статью целиком. Посетители увидят полный вариант, щелкнув кнопкой м
статьи на главной странице.
Шаг 7 .Для добавления картинки в статью на панели инструментов редактора для полного текста нажимаем кн после чего появляется соответствующее окно (рис. 2.21).
Рис. 2.21. Окно выбора изображения
Изображение загрузим с локального компьютера. Для этого щелкаем на значке справа от поля Путь, после че файлового менеджера (рис. 2.22).
Рис. 2.22. Окно файлового менеджера
Дальнейшие действия очевидны: нажимаем кнопку Выберите файл, указываем, какую картинку загрузить с лока нажимаем кнопку Загрузить файл.
Шаг 8. После загрузки картинки на хостинг нужно щелкнуть на названии файла с картинкой и задать ее настройки:
– название;
– выравнивание;
– рамку;
– ширину и высоту;
– отступ.
Заполняем нужные параметры и нажимаем кнопку Вставить.
Шаг 9. Теперь статью можно сохранить, и она будет доступна на сайте. Для этого нажимаем кнопку Добавить в конц некоторое время появляется окно с уведомлением, что материал доступен для посетителей сайта.
Создание фотоальбома
Добавим на наш сайт фотоальбом, в котором будут запечатлены кулинарные «шедевры».
Шаг 1 .В меню модулей выбираем пункт Фотоальбомы. Панель управления модулем Фотоальбом мало чем отлич управления модулем Каталог статей (рис. 2.23).
Рис. 2.23. Панель управления модулем Фотоальбом
Система создания разделов и категорий здесь точно такая, как и в каталоге статей.
Шаг 2. Переходим в Управление категориями и видим, что у нас уже есть две категории по умолчанию: Мои фотогра (рис. 2.24).
Рис. 2.24. Панель Управления категориями для фотоальбома
Мы не будем создавать новые категории, а просто изменим уже существующие. Для этого нажимаем значок гаечн названия категории и в знакомом окне меняем название. Фотоальбом будет называться Мои успехи. Название катего
оставим без изменений.
Шаг 3 .Заходим в категорию Мои успехи. На данный момент здесь пусто, поэтому будем добавлять фотографии. Д кнопку Добавить материал. После авторизации мы попадаем на страницу добавления материала в фотоальбом (рис. 2.25).
Рис. 2.25. Страница добавления материала в фотоальбом
Доступны два способа добавления фотографий в фотоальбом.
Добавление архивом – позволяет загрузить много фотографий сразу. Можно запаковать их в ZIP-архив и выгрузи
чтобы архив не превышал максимально допустимого размера 40 Мбайт.
Обычное добавление – добавление по одной фотографии в альбом на сайте.
Для переключения режима нужно щелкнуть на его названии, которое находится рядом с выбором категорий. По
фотографий, воспользуемся первым способом.
Сразу после загрузки архив с фотографиями окажется в разделе сайта Фотоальбомы (рис. 2.26).
Рис. 2.26. Фотоальбом Мои успехи
Конструктор
этом подразделе мы рассмотрим такую «фишку» uCoz, как конструктор. Он работает только на сайте и при услов сайт под учетной записью администратора. С помощью конструктора можно менять, добавлять блоки сайта, а также
шаблон даже без знания HTML.
Для того чтобы активизировать этот инструмент, необходимо зайти на сайт и авторизоваться. В админ-баре след Конструктор → Включить конструктор. После включения режима Конструктор страница будет разделена на две ча
(рис. 2.27).
Рис. 2.27. Страница в режиме конструктора
Теперь можно изменить содержание блоков. Для этого надо щелкнуть на изображении шестеренки. В базе uC
количество различных гаджетов (рис. 2.28).
www.moirecepty.ucoz.ru
Рис. 2.28. Гаджеты, доступные для добавления в блок
Кроме того, в режиме конструктора можно изменить надпись в заголовке сайта «Мой сайт». Для этого щелкаем пишем свой вариант и нажимаем клавишу Enter. В данном случае заменим стандартную надпись названием наше рецепты». После выполнения всех операций вновь нажимаем кнопку Конструктор, а затем – Сохранить изменения.
Редактирование главной страницы сайта
Наш сайт практически готов, а главная страница до сих пор пустая – самое время ее оформить. Включаем редакто для чего щелкаем на значке с изображением глаза (рис. 2.29).
Рис. 2.29. Включение редактора главной страницы
После запуска редактора отредактируем главную страницу, добавив текст и фотографию «шеф-повара». Выполн необходимо нажать кнопку Сохранить. После этого появится таблица с предложением перейти на главную стра
результат. Результат нашей работы показан на рис. 2.30.
Рис. 2.30. Главная страница сайта «Мои рецепты»
Наш сайт трудно назвать шедевром, но и времени на его создание потребовалось совсем немного.
Использование доменного имени второго уровня
Система uCoz позволяет использовать и доменные имена второго уровня. Но поскольку мы создаем полностью бес будем подробно расписывать, как это сделать. Скажем лишь, что для использования домена второго уровня в ад Настройки необходимо выбрать пункт Перенос домена (свой домен). Дальше, следуя подсказкам системы, нужно «п
имя к сайту.
Выводы о uCoz
Хотя uCoz и позиционирует себя как сервис, позволяющий создавать динамические сайты на бесплатной основе, м доступны только за деньги. Расценки вряд ли можно назвать демократичными, поэтому мы не можем советовать ис
создания коммерческих сайтов.
2.8. Стоит ли создавать сайты на бесплатном хостинге?
Если бы мы задали профессиональным веб-мастерам вопрос о перспективах создания сайтов на бесплатно большинстве случаев услышали бы в ответ категорическое неприятие такой идеи. С другой стороны, многие инт ищущие способ заработка на сайтах без особых материальных затрат, активно используют и «Народ», и uCoz для создания многочисленных веб-проектов.
Плюс такого решения они видят в том, что могут создать большое количество сайтов на надежном хости неограниченным пространством и при этом платить за все удовольствия лишь наличием «чужой» рекламы.
Многие подобные сайты канули в лету, но некоторые превратились в «живых мертвецов». Чтобы сохранить интр сразу посвящать вас в суть использованного нами словосочетания со зловещей окраской, а познакомим с двумя за
размещенными на бесплатном хостинге «Народ».
Первый сайт называется «Мяу – все о кошкахwww.miaow7»(.narod.ru ). Как вы понимаете, он посвящен братьям нашим меньш касается уникальности, то, увы, уникален только шаблон и то отчасти, так как фотографии для него взяты из Интернета (рис. 2.31).
Рис. 2.31. Сайт «Мяу – все о кошках»
Второй сайт нацелен на фанатов Гарри Поттера и размещен по адресу www.harry-potter-fan.narod.ru (рис. 2.32).
Рис.
2.32. Фан-сайт Гарри Поттера
Как и в первом случае, контент на 80 % неуникален. Как вы догадываетесь, сайты созданы детьми, в частности д авторов книги. Совокупный доход с этих сайтов составляет около $50 в месяц . С одной стороны , сумма смехотворна эти деньги практически падают с неба, очень даже неплохо. Сожалеть остается только о том, что таких сайтов лишь
таком раскладе «халявный» заработок превысил бы среднюю зарплату по Российской Федерации.
Так вот, понятие «живые мертвецы» наилучшим образом подходит для этих двух сайтов. Этими сайтами длитель занимается, но они продолжают жить и приносить доход. Более того, у них периодически наблюдается рост посещаемости.
Несмотря на то что на сайтах, расположенных на бесплатных хостингах, можно при желании неплохо заработать них особую ставку. Надо понимать минусы и риски, которые связаны с подобными сайтами.
В любой момент хостер может «прикрыть» ваш сайт, если ему покажется, что вы нарушаете пользовательское соглашение.
Придется мириться с «чужой» рекламой, которая иногда выглядит более чем агрессивно. На некоторых бесплатн
убрать показ рекламы, но за это придется платить.
Хотя на сайт и удается привлечь прямых рекламодателей, цена за размещение рекламы меньше, чем на сайт
платном хостинге.
В рекламную сеть «Яндекс.Директ» не берут сайты, расположенные на бесплатных хостингах, за исключением сайтов на «Народе».
Хотя «народный» сайт можно протолкнуть в «Яндекс.Директ», существует жесткое ограничение на рекламу. Рек
быть только один, он должен располагаться в верхней части экрана и при этом нельзя изменить его внешний вид (ц
т. д.).
Что касается платного хостинга, то на данный момент цены на него более чем приемлемы благодаря высокой ко
рынке.
Совет
Если вы твердо определились в своем намерении создавать сайты и зарабатывать на них, не стоит тратить бесплатными хостингами.
2.9. Выводы
Не все темы одинаково хороши для сайтов, поэтому стоит предварительно прикинуть перспективы развития проекта.
Если вы хотите получить большую гибкость при работе над сайтом, делайте выбор в пользу динамических сайтов.
В качестве бесплатной площадки для экспериментирования с динамическими сайтами вполне подойдет uCoz.
Бесплатный сыр только в мышеловке – не стоит делать ставку на бесплатный хостинг, тем более если сайт создается для заработка.
Развлекательно-познавательная часть повествования на этом заканчивается, и начинается подготовка к серьезн
как перейти к теме создания «коммерческих» сайтов, настоятельно рекомендуем не пропускать следующую главу, посвященную HTML.