-- // Как делать сателлиты. Часть 2.

Как делать сателлиты. Часть 2

Продолжение. Читайте первую часть =>>

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

Перед версткой сайта мои текстовые файлы имеют примерно следующий вид:

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

Для верстки сателлита понадобятся следующие программы:

Denwer, Dreamweaver, HomeSite, Photoshop, MS Word, Far (эт на любителя).

Вся работа по верстке сводится к:

1. Копированию информации из вордовского файла в файл с контентом вашего сайта

2. «Чистке» кода

3. Копирование иллюстраций (если такие есть)

4. Настройка сайта: заголовки, ключевые слова, название и т.д.

5. Дизайн

Для начала, вам надо поставить у себя программу Denwer (http://www.denwer.ru/). Это ваша мастерская. Локальный сервер, и место, где будут рождаться новые сателлиты.

После установки Денвера, создадим новый сайт, который будет отображаться у нас в браузере по адресу: http://lsn001/

n.b. все подробности, как работать с денвером читайте на сайте разработчиков

Поставим на этот сайт движок CMSimple.

Как использовать CMSimple почти во всех подробностях вы можете прочитать на сайте системы: http://cmsimple.ru/.

Сейчас же, нам понадобится всего один файл, который содержит контент сайта.

Верстать сайт можно как и через родной интерфейс программы, так и с помощью HTML-редакторов. Весь контент сайта в CMSimpl’е находится в файле: «Ваш_сайт/content/content.htm****». Подробнее читаем здесь: http://cmsimple.ru/?Dokumentaciya:Delaem_pervyi_sait:Pravim_content-fail

Запускаем программу Dreamweaver. Я пользуюсь 8-й версией, потому как больше и не надо. И открываем /content/index.html.

Если вы еще помните, каждый заголовок в текстовом файле мы оформляли стилем «Заголовок 1, 2, 3» и т.д.

По-большому счету, нам осталось скопировать текст в дримвивер и... сайт практически готов.

Так смотрится сайт в режиме «Design»

Еще будучи школьником, в далеком 1998 году я верстал страницы на сервере «Русская фантастика» (http://rusf.ru/) с помощью простого и надежного визуального редактора Netscape Communicator 3.0. На тот момент это был один из самых «чистых» WYSIWYG -редакторов, который почти не оставлял после себя мусора в коде.

Но любой, даже самый замечательный визуальный редактор, оставляет лишний код. Дримвивер не исключение.

Так – в режиме «Code»

Нам необходимо избавиться от лишних тэгов:

<p>&nbsp;</p>

<h1>&nbsp;</h1>

<a name="_Toc203710311">

Последние появляются благодаря ворду – таким образом он проставляет «якоря», когда вы создаете оглавление текста.

В любом случае, несколько автозамен и ваш файл будет чист. Я делаю автозамены в HomeSite. Хотя все то же самое можно делать и в дримвивере или даже ворде, но мне нравится хомсайт.

Для этого открываю в хомсайте файл /content/index.html и поочередно прохожусь автозаменой по всему файлу:

<a name="_Toc[0-9]{9}">

заменить на пустоту

<p>&nbsp;</p>

Заменить...

<h[1-3]{1}>&nbsp;</h[1-3]{1}>

Заменить.

В этих конструкциях, с помощью регулярных выражений я удаляю лишние тэги. К примеру, такая запись [0-9]{9} означает, что должен встретиться ряд цифр от 0 до 9 в количестве 9 символов и любой поочередности. То есть после <a name="_Toc обязательно должно встретиться любых 9 цифр.

n.b. Подробнее про регулярные выражения ищите в гугле.

По окончанию всех манипуляций, вы должны получить примерно следующую картинку:

Код чистый. Если у вас есть картинки – расставьте картинки.

Каждый заголовок который мы выделяли в исходном текстовом файле – стал отдельной страницей.

Переходим в браузер, набираем http://lsn001/ и... видим сателлит, который почти готов.

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

Как это делать, опишу уже в следующий раз.

Если у кого есть вопросы, пожелания или дополнения – велкам!

P.S. Понятное дело, что верстать сайты можно и по-другому и я описал всего лишь один из вариантов. Если кто делает по-другому и готов поделиться, будет просто замечательно!

UPD. И снова минусы в репу от сателлито-стройщиков. :) Может стоит подписаться? Страна должна знать своих героев! :)