Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Истории Веб-Мастеров

Персональный сайт за 10 минут

Не верите, что персональный сайт можно создать за 10 минут? Скажете, что программист может быть и смог бы, но вы же не программист? Считаете, что это в принципе невозможно? Мы готовы доказать вам обратное.

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

Внешний вид документа задает шаблон оформления. Это значит, что если, например, главной странице назначить один шаблон оформления, а прочим — другой, то внешне главная страница будет отличаться от других страниц сайта.

Шаблон оформления сообщает клиентскому браузеру о том, как будет выглядеть документ при его просмотре, он же определяет информационную структуру документа. Шаблон сообщает программе, где и как при просмотре документа будут размещены данные документа.

Достаточно теории, переходим к практике. Заходим на сайт http://sapid.sf.net, загружаем себе программу редактора сайтов и устанавливаем ее на свой сервер. Нет своего веб-сервера? Windows-то у вас наверняка найдется. Находим на сайте ссылку «Как создать свой веб-сервер под Windows», она ведет нас к обучающему ролику. Благодаря усилиям рабочей группы Денвер (http://web.dklab.ru), весь процесс от начала создания сервера до завершения установки редактора сайтов SAPID максимально автоматизирован и занимает не более 3 минут.

Переходим к дизайну. Как бы вы готовили графический дизайн для статического сайта? Наверняка подготовили бы эскиз в графическом редакторе и после сверстали бы его в HTML. Приготовьте ваши HTML-шаблоны — они нам скоро понадобятся. Авторизируемся в режиме администрирования редактора сайтов SAPID и переходим к интерфейсу управления шаблонами.

Здесь сложно промахнуться — в базовом режиме всего два административных интерфейса: управление структурой и управления шаблонами. Теперь нам нужно нажать кнопку «Создать шаблон» и скопировать в текстовое поле приготовленный вами HTML-код типовой страницы. Если мы создаем шаблон для главной страницы, то скопировать в него надо HTML эскиза главной страницы.

Далее находим в HTML –коде фрагмент редактируемого содержания. Это часть кода эскиза, в которую обычно забивается текст, который для каждой новой страницы будет различным. Чтобы иметь возможность редактирования этого текста в режиме администрирования, мы выделяем найденный фрагмент и нажимаем кнопку в левой нижней части экрана «Указать расположение для редактируемого содержания». Получаем форму, в которой нам остается лишь задать имя для выделенного блока и выбрать тип редактора для него. Если мы выберем тип «Визуальный редактор», то при редактировании документа мы сможем вносить в эту часть документа текст с оформлением, изображениями и т.д. Если наш шаблон содержит несколько фрагментов редактируемого содержания, повторяем эти операции с каждым из них.

Хорошо бы иметь на сайте навигационное меню. Для этого тоже не обязательно быть программистом. Выделяем фрагмент HTML-кода, содержащий оформление меню, и нажимаем кнопку «Указать расположение для модуля». Осталось выбрать модуль, скажем Сascadevmenu. Для главной страницы можно сразу же добавить и модуль news, обслуживающий ленту новостей.

Непонятно, что делать с «подвалом»? Можно воспользоваться кнопкой «Указать расположение для общего содержания». Теперь этот фрагмент будет редактироваться из административной области сайта, но одновременно для всех документов.

Итак, мы создали шаблон главной страницы и шаблоны для остальных документов, то есть информационная структура документов и их дизайн готов. Не мешало бы построить иерархическое дерево структуры сайта и указать, как документы зависят друг от друга.

Переходим в интерфейс структуры. Скорее всего, здесь вы увидите дерево структуры из дистрибутивного пакета SAPID. Удаляем его путем перетаскивания ветвей дерева в «корзину» или можно воспользоваться контекстным меню по клику правой кнопкой мыши. Далее выбираем «Создать раздел», что подразумевает также и создание документа. Останется ввести имя документа и его интернет-адрес. Таким образом, разместив перед глазами распечатку со структурой сайта, можно достаточно быстро перенести ее на сервер.

У нас все готово — заходите на сайт. Есть проблема? На страницах есть дизайн, но нет содержания? В административной области сайта сверху есть кнопка «Редактировать». Как только мы заполним формы и сохраним изменения, страница сайта будет выглядеть именно так, как мы ее себе представляли.

Вы засекли время? Мы потратили больше времени, чем обещали? Это потому как в первый раз. При определенной сноровке вы точно вложитесь в 10 минут!
Автор: Дмитрий Шейко · Добавлена: 2005-01-21
Источник статьи · Просмотров: 13470 · Рейтинг: 3.4

Всего комментариев: 3
[3] Максим(sullen) 2012-07-28, 3:15 PM
Лучше самому писать всё для своего сайта,а не копировать. Сайт,который копирует материалы с других ресурсов с трудом проходит индексацию поисковиков. Тоесть вы с трудом сможете добавить свой сайт в поисковик. Спам

[2] Андрей Ткаченко(duvsh20) 2011-09-26, 6:31 PM
Нет, сделать сайт за 10 минут можно, но сделать полноценный сайт, с категориями, уникальным содержимым, проставленными мета - тегами, и прочим, за 10 минут не реально.
На сайте http://saito-stroi.ru/, подробно описан процесс создания сайтов, посмотрев на который, вы сможете понять, что качественный сайт, сделать за 10 минут, просто невозможно!!! Спам

[1] Сергей Федорцов(Sergei2695) 2010-06-29, 10:54 PM
А можно эти статьи себе на сайт копировать? Спам

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Есть ли у вас свой сайт?
Всего ответов: 140579
Наша кнопка
WoWeb.ru - портал для веб-мастера