Форум » Лаборатория WEB-мастера » Пример использования AML: chili-land.nm.ru » Ответить
Пример использования AML: chili-land.nm.ru
Chili: Ребятки, вот такая пролема.... на главной странице содержится фрейм в котором открываются все остальные страницы... вся борода в том, что появляется реклама как на главной странице, так и в фрейме, из-за чего появляется лишняя горизонтальная прокрутка, да и просто не удобно и не красиво... можно ли придумать что нибудь, что бы остались свойства фрейма (прокрутка, и т.п.) но страница была цельной??? www.chili-land.nm.ru
Ответов - 3
Alex_soldier: Очень показательный пример! Обычно все новички начинают с использования фреймов, и только через некоторое время переходят на другие средства. Итак, в эту страничку внедрен IFRAME, в котором отображаются страницы с содержимым. От IFRAME перейти к DIV достаточно просто: <div style="overflow: scroll;"> ... </div> А дальше как раз начинается широкое поле деятельности для AML! Сейчас сделаю набросок проекта...
Alex_soldier: Я не спроста отметил, что это классический вариант. Смотрите сами: любою страничку сайта можно "разрезать" на 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, в которую и будут генериться готовые странички!
Alex_soldier: Теперь наводим "марафет" (хотя для начинающего уже вполне достаточно): В файле _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 Следующий "подводный камень", с которым может столкнуться начинающий, когда файлы лежат по разным папкам (например, выделен раздел под ссылки, анонсы и т.д.) В этом случае необходимо в отдельной переменной хранить путь к корню, но эту историю я расскажу уже в следующий раз!
полная версия страницы