Отправлено: 18.12.07 14:47. Заголовок: Пример использования AML: chili-land.nm.ru

Ребятки, вот такая пролема.... на главной странице содержится фрейм в котором открываются все остальные страницы... вся борода в том, что появляется реклама как на главной странице, так и в фрейме, из-за чего появляется лишняя горизонтальная прокрутка, да и просто не удобно и не красиво... можно ли придумать что нибудь, что бы остались свойства фрейма (прокрутка, и т.п.) но страница была цельной???

www.chili-land.nm.ru

 Отправлено: 18.12.07 15:47. Заголовок: Очень показательный ..

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

Итак, в эту страничку внедрен IFRAME, в котором отображаются страницы с содержимым.
От IFRAME перейти к DIV достаточно просто:

цитата:

<div style="overflow: scroll;"> ... </div>

А дальше как раз начинается широкое поле деятельности для AML!
Сейчас сделаю набросок проекта...

 Отправлено: 19.12.07 11:04. Заголовок: Я не спроста отметил..

Я не спроста отметил, что это классический вариант.
Смотрите сами: любою страничку сайта можно "разрезать" на 3 части:
1) По тегу DIV включительно
2) Собственно, само тело страницы (наполнение без HTML, HEAD, BODY)
3) Низ страницы с тегом /DIV включительно

Причем 1 и 3 части - статические для всего сайта (поправка: может меняться текст в TITLE и МЕТА, но об этом позже).
Итак, эти 2 части выносим в отдельные файлы: у меня устоялись имена _part1.txt и _part1.txt (подчеркивание означает, что файл служебный + автоматически оказывается в начале списка файлов директории).
Далее для каждой странички нужно создать отдельные файлы, содержащие фрагменты кода с содержимым:
index.txt
news.txt
about.txt
contacts.txt
...т.д.

Теперь уже можно создать проектный файл !chili.aml (Восклицательный знак позиционирует его в самый верх списка директории).
Вот его примерное содержимое:

цитата:

{exec target="HTML/index.html" title="Создаем Главную страницу"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="index.txt" title="Тело Главной страницы"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/news.html" title="Создаем страницу Новости"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="news.txt" title="Тело страницы Новости"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/about.html" title="Создаем страницу Обо мне"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="about.txt" title="Тело страницы Обо мне"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/contacts.html" title="Создаем страницу Контакты"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="contacts.txt" title="Тело страницы Контакты"} {use src="_part2.txt" title="Нижняя половинка страницы"}

Осталось лишь запустить компиляцию, и через 3-4 секунды эти странички замечательным образом появятся (обновятся) в папке HTML!


ПРИМЕЧАНИЕ:
Предварительно необходимо создать папку HTML, в которую и будут генериться готовые странички!

 Отправлено: 19.12.07 11:07. Заголовок: Теперь наводим "..

Теперь наводим "марафет" (хотя для начинающего уже вполне достаточно):

В файле _part1.txt находится блок CSS-стилей. Я обычно выношу его в отдельный файл _styles.txt
Это же будет верно для секции SCRIPT ... /SCRIPT и META ... /META, но в этом примере их практически нет.

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

цитата:

{exec target="HTML/index.html" title="Создаем Главную страницу"} {var name="1" value="CHILI-LAND::Главная" title="Заголовок окна"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="index.txt" title="Тело Главной страницы"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/news.html" title="Создаем страницу Новости"} {var name="1" value="CHILI-LAND::Новости" title="Заголовок окна"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="news.txt" title="Тело страницы Новости"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/about.html" title="Создаем страницу Обо мне"} {var name="1" value="CHILI-LAND::Обо мне" title="Заголовок окна"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="about.txt" title="Тело страницы Обо мне"} {use src="_part2.txt" title="Нижняя половинка страницы"} {exec target="HTML/contacts.html" title="Создаем страницу Контакты"} {var name="1" value="CHILI-LAND::Контакты" title="Заголовок окна"} {use src="_part1.txt" title="Верхняя половинка страницы"} {use src="contacts.txt" title="Тело страницы Контакты"} {use src="_part2.txt" title="Нижняя половинка страницы"}

Ну и не забыть подправить шаблон - в файле _part1.txt добавить вставку текста заголовка:

цитата:

<title>{var name="1" action="write" title="Заголовок окна"}</title>

Собственно, на этом все.
Для желающих "пощупать" исходники здесь (300 Кб):
http://alex-world.nm.ru/down/chili-land.zip


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