Как в Сайткрафт-Студии применить "Стили" к существующему сайту?
Подробнее о Стилях вы можете прочитать здесь >>>
О том, как создать новый сайт с использованием Стилей в статье >>>
Перед тем как применять «Стили» к существующему сайту, ОБЯЗАТЕЛЬНО сделайте архив сайта (4-ый шаг, Доп. инструменты, Создать архив).
Вам может быть выгодно применить к сайту «Стили» в том случае, если у вас в сайте много страниц с одинаковым оформлением.
Прежде чем начинать, посмотрите на ваш сайт. На нем может быть либо все страницы, либо несколько групп страниц сходных по оформлению.
Например, на сайте Сайткрафта есть лицевая страница:
- ее оформление отличается от оформления остальных страниц сайта, для нее не нужны стили.
Есть обычные вторые страницы с левой колонкой, например та, на которой вы находитесь сейчас, или такие, как "О Сайткрафте", "Учебник":
И есть еще третий вид страниц без левой колонки, например, страница "Контакты", или "Примеры сайтов":
Для каждого вида страниц нужно будет сделать свой стиль.
1) Определитесь, для каких страниц вы сейчас будете делать стиль.
2) Посмотрите на страницу и наметьте для себя, какие элементы страницы повторяются на других схожих страницах. Они и должны войти в стиль.
Например: «Вот эта панель у меня повторяется на многих страницах, значит, она должна войти в стиль».
Когда примерно представите себе стиль, начинайте создавать его в «Редакторе Стилей».
3) Откройте "Редактор стилей" на 3 шаге Сайткрафта, с помощью кнопки на верхней панели:
Перед вами откроется "Редактор стилей".
4) Нажмите на кнопку «Создать стиль из страницы» - она находится на верхней панели «Редактора Стилей»:
Перед вами откроется окошко для выбора страницы. Выберите страницу, из которой нужно создать стиль и нажмите кнопку «Создать стиль»:
Стиль из страницы будет создан, и открыт для редактирования.
5) Впишите название стиля в поле на верхней панели «Редактора Стилей»:
6) Отредактируйте созданный стиль:
6.1) Оставьте в нем только те картинки, тексты, кнопки, которые будут повторяться на остальных страницах вашего сайта: «шапка» или верхняя панель с заголовком, боковые панели, панель с кнопками, нижняя панель. Остальное, то, что меняется от страницы к странице – удалите.
6.2) Привяжите панели к краям страницы, чтобы при увеличении размера страницы панели оставались на правильных местах. Нижние панели привяжите к низу страницы, боковой панели укажите, чтобы она растягивалась при изменении высоты страницы.
Рис. Создан стиль из страницы сайта Сайткрафта в "Редакторе стилей".
В стиле оставлены только повторяющиеся на остальных страницах элементы:
верхняя панель, боковая, нижние панели.
Панелям задана привязка: нижним - привязка к низу страницы, боковой панели и подложке страницы задано, чтобы они растягивались при увеличении страницы.
Панели, которые привязаны - отмечены оранжевыми значками привязки.
В стиле оставлены только повторяющиеся на остальных страницах элементы:
верхняя панель, боковая, нижние панели.
Панелям задана привязка: нижним - привязка к низу страницы, боковой панели и подложке страницы задано, чтобы они растягивались при увеличении страницы.
Панели, которые привязаны - отмечены оранжевыми значками привязки.
7) Нажмите на верхней панели «Редактора Стилей» кнопку «Назначить стиль»
и назначьте созданный стиль тем страницам, для которых вы делали этот стиль:
Стиль назначен страницам сайта.
8) Закройте «Редактор Стилей», и просмотрите на 3 шаге по одной, те страницы сайта, которым вы назначили стиль.
На страницах могут появиться ошибки применения стиля. Не пугайтесь! Это стилевые панели наложились на панели страницы. Вам нужно нажать на значок ошибки, выделится лишняя панель. Вам останется только удалить ее.
демо версия для программ
Сайткрафт-Студия и Сайткрафт-Начало одна
© 2002-2012, WEBaby Corp.
