Меняем стандартный шаблон Ucoz на собственный дизайн | Блог алчевского вебмастера – раскрутка и продвижение сайта, заработок на сайте

Меняем стандартный шаблон Ucoz на собственный дизайн

ucoz 300x169 Меняем стандартный шаблон Ucoz на собственный дизайнСистема бесплатного создания сайтов Ucoz – уникальная, развивающаяся быстрыми темпами и постоянно совершенствующаяся площадка для создания перспективных интернет-проектов. Ucoz идеально подходит, как для начинающих создателей сайтов, так и для профессионалов. В этой системы реализованы всевозможные, отвечающие последним требованиям подключаемые модули, которые при правильном использовании станут мощнейшим оружием в арсенале веб-дизайнера.

По мнению некоторых пользователей, причем далеко не профессионалов система Ucoz имеет недостатки в области установки дизайнов, разрабатываемых пользователем. На самом деле это совсем не так. Разработать и установить шаблон на сайт созданный в данной системе довольно просто.

Что касается теоретических знаний, то знания html и css то они обязательны. Если еще можно воспользоваться стандартным html шаблоном, то каскадную таблицу стилей придется привязывать к созданному шаблону самостоятельно.

Приступаем непосредственно к созданию шаблона. Для этого понадобится программа Photoshop. В Photoshop выбираем web-документ и начинаем рисовать собственный дизайн, в этом создателя ограничивает только собственная фантазия. Далее рисуем все необходимые элементы, такие как шапку, назовем ее header, основное пространство, под названием body, различные блоки с названием block и нижнюю часть сайта footer. Нарисовав все детали, разрезаем получившуюся картинку на вышеперечисленные блоки и сохраняем их, каждый в отдельном файле. Каждый сохраненный файл следует оптимизировать под web. Для этого в Photoshop есть специальный пункт “Сохранить как web…” Если сайту требуется придать больше изящности и оригинальности, то так же можно нарисовать иконки и сохранить их в отдельных файлах. После того, как все элементы нарисованы закачиваем их через Диспетчер файлов на сайт, перед этим заранее создав папки с названием img и icons.

Теперь наступает время показать свои навыки в написании html кода. Выбираем необходимый для сайта дизайн, подключаем все необходимые модули. Подключить нужные модули лучше заранее, иначе дизайн на подключенные позже модули может встать некорректно. Весь html и каскадные таблицы стилей лучше писать в Dreamweaver, эта программа наиболее удачно подходит для этого. Да и перечислять ее плюсы нет смысла, так как для редактирования шаблонов это наилучший вариант. Получившийся измененный шаблон копируем в редактор стандартных шаблонов, который находится в панели управления сайтом. Одновременно дописываем требуемые коды css и вставляем в меню дизайна – “Таблицы CSS“. Во время написания css-кода перепроверяйте названия элементов дизайна, которые вы нарисовали и отправила на сервер. Это поможет избежать проблем с корректным отображением всех элементов. Закончив изменения html-шаблона, нажимаем применить шаблон. После этого сохраняем созданный для сайта css в меню изменения дизайна. Открываем сайт в браузере и оцениваем получившийся результат.

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

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


Скажи спасибо! Кликни на одну из кнопочек ниже:


1