Записи с темой: дизайн сайта (список заголовков)
13:39 

Дизайн для сайта ucoz

Уроки самостоятельного создания и продвижения сайта и интернет магазина

 В этой статье я расскажу как выбрать, или сменить на новый, дизайн сайта для ucoz, из стандартных шаблонов, предоставляемых, данным, конструктором.

 Дизайн сайта, одно из первых,  с чем Вам будет нужно определиться, после регистрации в системе:

Смена дизайна сайта

 Система UCOZ даёт, пользователям, возможность выбора из нескольких сотен стандартных. безплатных, шаблонов. Кроме этого Вы можете Купить и Установить, платный шаблон у сторонних разработчиков, но, в этой статье, я покажу как выбрать и установить, именно, один из системных шаблонов.

 Допустим Вы немного, уже, освоились на своём сайте и, по каким то причинам решили, что шаблон, выбранный Вами, при регистрации, Вас не устраивает.  Заменить его на другой несложно. Первым делом заходим в Панель управления сайтом (ПУ ) и жмём на пункт меню Дизайн - откроется вот такая вкладка.

  Как Вы видите, перед Вами информация о текущем шаблоне дизайнf для сайта ucoz установленном на Вашем сайте. Чтобы его переустановить нажимаем на кнопку "Выбрать новый":

Выбор шаблона сайта 

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

Варианты стандартных шаблонов сайта для Юкоз 

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

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

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

  Как будет выглядеть Ваше творение в новой "одёжке" можно посмотреть не выходя из вкладки Панели Управления с набором дизайнов и, если Вам, что либо не по вкусу, продолжить выбирать подходящий шаблон для сайта:

Установка нового шаблона на Юкоз

Выбор дизайна шаблона для сайта на ucoz

 Как только Вы нажмёте на кнопку "Установить," сразу же!, шаблон на сайте будет сменён, и Вы сможете посмотреть на новый дизайн Вашего сайта.

 Обратите внимание, что все изменения, которые Вы сделали в предыдущем дизайне сайта, вручную, пропадут и, в новом шаблоне, их придётся делать заново! Как пример - вчера я заменил стандартное Имя сайта "Мой сайт" на "Сделать сайт своими руками".

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

Смена дизайна сайта

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

 Однако изменения не затронут материалов которые Вы, ранее, размещали на страницах своего сайта. Это касается статей, фотографий в фотоальбомах, видео и другого рода загруженной Вами информации. 

 Прежде чем приступать к смене дизайна для сайта ucoz, Настоятельно!, рекомендую сделать бэкап., а по простому, резервную копию,  предыдущих шаблонов использованных на Вашем проекте. Тогда, если Вас не устроят результат замены дизайна сайта, Вы в любое время сможете всё "откатить" назад. Как сделать бэкап шаблонов и резервную копию информации, на сайте, я, подробно расскажу в одной из следующих моих статей.

 Установив, понравившийся Вам, дизайн для сайта ucoz протестируйте его работу и внешний вид страничек Вашего сайта и, если Вас всё устраивает, установку - переустановку шаблона можно считать завершённой.

Также, из моей статьи: Выбираем Премиум шаблон сайта на Юкоз, Вы узнаете как выбрать и приобрести один из платных шаблонов. Ну на случай, если в стандартных дизайнах Вы, уже, успели разочароваться : )

Постоянный адрес этой статьи на моём сайте: Дизайн для сайта ucoz

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

Мой кошелёк в Яндекс Деньги

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

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Дизайн сайта

00:22 

Выбираем Премиум шаблон сайта на Юкоз

Уроки самостоятельного создания и продвижения сайта и интернет магазина

 Если, по каким то причинам, Вам не подходят стандартные шаблоны для сайта созданного в Конструкторе сайтов Юкоз, Вы можете купить и установить премиум шаблоны для ucoz. Для выбора премиум шаблона Вам нужно зайти в Панель Управления сайтом, на вкладку "Дизайн", и нажать кнопку "Выбрать новый":

Премиум шаблон для сайта выбираем

 Откроется страница стандартных шаблонов от системы Юкоз. Нажмите на кнопку "Премиум шаблоны", в правом верхнем углу страницы:

Премиум шаблон для Юкоз выбираем

 Вы перейдёте на сайт профессиональных шаблонов от конструктора Юкоз uTemplate.pro

Профессиональные шаблоны от Юкоз

 Премиум шаблоны для ucoz разбиты на категории по функциональности, назначению, цветовому оформлению. Для каждого шаблона есть подробное описание и ссылка на Демо - сайт, на котором Вы сможете протестировать и посмотреть выбранный Вами вариант "вживую". 

На следующих скриншётах я покажу как я выбирал шаблон для своего сайта:

Выбираем премиум шаблон для сайта на Юкоз

 Вы можете перейти на Демо - сайт с выбранным дизайном:

Премиум шаблон для сайта на Юкоз

 И на демо - сайте протестировать как работает понравившийся Вам шаблон. Причём, на многих демо - сайтах с премиум шаблонами для ucoz, можно, в режиме он лайн, выбирать и менять цветовую схему выбранного Вами шаблона и, также, менять некоторые другие настройки отображения сайта.

Как выбрать премиум шаблон для сайта на Юкоз

 Выбрав нужный Вам шаблон нажмите на кнопку "Купить шаблон", и Вы перейдёте к странице оформления заказа:

Покупка премиум шаблона для сайта на Юкоз

Нажмите для просмотра картинки в полном масштабе

 После того как Вы оформите и оплатите покупку, Премиум шаблона для Вашего сайта, Вам на почту будет выслана информация о Вашем заказе и ссылка на скачивание:

Покупаем премиум шаблон для сайта

Покупка Премиум шаблона для Вашего сайта на Юкоз

Премиум шаблон для сайтов созданных в системе Юкоз

 Ну вот - половина дела сделана, и Вы стали счастливым обладателем оригинального Премиум шаблона для Вашего сайта сделанного при помощи Конструктора сайтов Юкоз. Вместе с купленным шаблоном поставляется подробная инструкция по его установке на Ваш сайт.

 Если Вы не хотите или не можете самостоятельно установить премиум шаблоны для ucoz, то, за отдельную плату, Вам его установят специалисты магазина.

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

 Некоторые вопросы самостоятельной установки Премиум шаблона на сайт я освещу в статье Установка премиум шаблона на сайт

Постоянный адрес этой статьи на моём сайте: Выбираем Премиум шаблон сайта на Юкоз

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com, переведя произвольную денежную сумму на мой Яндекс Кошелёк:

Мой кошелёк в Яндекс Деньги

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Дизайн сайта

14:27 

Установка Премиум шаблона на сайт uCoz

Уроки самостоятельного создания и продвижения сайта и интернет магазина

 Установка Премиум шаблона на сайт созданный в Конструкторе uCoz. При покупке любого Премиум шаблона, для Вашего сайта на uCoz, Вы получите , в комплекте, инструкции по его установке.

 В этой статье я расскажу про основные моменты при установке шаблона на сайт, чтобы Вы получили, некоторое, представление о предстоящих действиях, ещё, перед покупкой. Сделаю я это на примере своего сайта и Премиум шаблона LeBoutique v.2.

 Обязательно!, перед установкой нового шаблона, сделайте резервную копию (бэкап ) предыдущего дизайна Вашего сайта. Если, в процессе установки, возникнут какие - либо  проблемы, Вы, всегда, сможете, без потерь, "откатиться" к предыдущей версии дизайна Вашего сайта.

 Перед установкой Премиум шаблона на Ваш сайт, первым делом! читаем инструкцию, чтобы не получилось как в анекдоте: "Только русский человек начинает читать инструкцию, когда понимает: всё, п*здец, сломал!" : )

Установка Премиум шаблона от uCoz на сайт

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

Установка шаблона дизайна на сайт Юкоз

Установка Премиум шаблона на сайт в системе Юкоз

Устанавливаем Премиум шаблон на сайт

 Также Вы можете перенести все установочные файлы, Премиум шаблона, в полуавтоматическом режиме используя, для этого, какой либо FTP клиент ( программу ), например FileZilla и, предварительно, настроив FTP соединение в Панели Управления Вашим сайтом на uCoz.

  Сначала, в Панели Управления сайтом, нужно задать пароль для FTP:

Установка Премиум шаблона на сайт Юкоз

 Придумайте и сохраните Ваш пароль FTP:

Настройка FTP соединения в панели управления сайтом

 Также на данной странице, Вы увидите Ваши FTP host и FTP login, которые понадобятся Вам для  установки соединения и загрузки файлов в корневую ( главную ) папку Вашего сайта при помощи загрузчика FTP:

Настройка FTP деталей в Панели Управления сайтом

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

Програма для загрузки файлов по FTP

 Если Вы всё сделали без ошибок, и загрузили, необходимые, файлы в корень Вашего сайта, то установку Премиум шаблона можно считать завершённой. Полюбуйтесь на результат : )

Установка Премиум шаблона от Юкоз на сайт

 Далее Вам будет нужно настроить Премиум шаблон под свои предпочтения. Как это сделать читайте в инструкции к ВАШЕМУ! шаблону.

 Данная статья освещает, только, общие моменты установки! Сделайте Ваш сайт красивым, нарядным и функциональным - это, сейчас, модно : )

Постоянный адрес этой статьи на моём сайте: Установка Премиум шаблона на сайт uCoz

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com, переведя произвольную денежную сумму на мой Яндекс Кошелёк:

Мой кошелёк в Яндекс Деньги

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Дизайн сайта

19:47 

Иконку для сайта favicon создаём

Уроки самостоятельного создания и продвижения сайта и интернет магазина

 Иконку для сайта favicon создаём самостоятельно. Favicon – это маленькое графическое изображение, которое отображается в адресной строке сайта, в браузере:

Стандартная фав иконка для сайтов сделанных в конструкторе Юкоз

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

  favicon является одним из первых элементов, наряду с Именем сайта и его описанием, на которые обращает внимание человек который ищет какую - либо информацию в интернете. Вот как это выглядит в поиске Яндекса, к примеру:

favikonka для сайта - вид в поиске

 Вы видите, что перед названием моего сайта отображается СТАНДАРТНАЯ! favicon, которая, по умолчанию, устанавливается на все сайты созданные в Конструкторе сайтов Юкоз ( это конструктор  в котором сделан сайт на котором Вы сейчас находитесь )

Это дело надо, срочно исправить!, и мы этим займёмся незамедлительно : ) Для начала создадим собственную иконку для сайта.

 Я подобрал, в качестве заготовки для будущей фавиконки рисунок с такими параметрами:

Изображение для фав иконки для сайта

 Затем, при помощи программы Paint ( штатная программа, входящая в сборку Виндовс ), изменил размеры этого рисунка до рекомендуемых, для favicon, 32х32 пикселя ( можно, также, уменьшить рисунок до размера 16х16 пикселей ) :

Подготовка изображения для создания фав иконки для сайта

 По сути иконка для сайта favicon это, просто, небольшое изображение в специальном расширении/формате iso.  И  всё что нужно сделать , для создания такого изображения это конвертировать выбранную Вами картинку в этот формат. В моём примере - преобразовать из формата png в искомый iso.

 Сделать это можно с помощью специальной программы конвертора изображений. К примеру на ресурсе: online-convert.com

 Выбирайте, подготовленную картинку, и "заряжайте" её в этот конвертер в режиме онлайн:

Подготовка изображения для создания фав иконки для сайта

 Далее нажимаем на "волшебную" кнопочку Преобразовать:

Создание фав иконки для сайта

 Файл преобразовывается, преобразовывается...преобразовывается файл...

 Файл преобразовался! Сохраняем полученную иконку на свой компьютер, для последующей работы:

Сохранение изображения фав иконки на компьютер

 Сохранённый файл favicon Вы всегда сможете найти в Ваших загрузках:

Загруженный файл фав иконки для сайта

Загруженный файл фав иконки для сайта

файл фав иконки для сайта

 В следующем уроке я расскажу как Установить favicon на сайт сделанный в конструкторе Юкоз

Постоянный адрес этой статьи на моём сайте: Иконку для сайта favicon создаём

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

 Мой кошелёк в Яндекс Деньги

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

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Дизайн сайта

19:51 

Как установить favicon на сайт сделанный в ucoz

Уроки самостоятельного создания и продвижения сайта и интернет магазина

 О том как установить favicon на сайт сделанный в Конструкторе ucoz расскажу Вам в этом уроке. Как сделать фавиконку для сайта Вы можете узнать в предыдущей моей статье: Иконку для сайта favicon создаём

 Вот как, к примеру, выглядели страницы моего сайта со стандартной фавиконкой, которая, по умолчанию установлена на всех, вновь созданных, сайтах в системе ucoz:

Стандартная favicon для сайтов созданных в Юкозе

 Чтобы придать своему сайту индивидуальность мы и заменим стандартную favicon на свою собственную, которую мы делали, с любовью и терпением, долгими зимними ( а может и летними ) вечерами : )

 Для этого нам необходимо зайти в Панель Управления сайтом, в раздел Файловый менеджер:

Файловый менеджер панели управления сайтом созданным в Юкозе

 В корневой папке сайта Вы, пока что, видите ссылку на стандартную favicon системы ucoz:

Стандартная favikon Юкоз

 Эту ссылку, в отличии от других файлов в корневой папке сайта, редактировать не получится, но можно её заменить на свою фавикон проделав, нехитрые, манипуляции с картинкой Вашей новой иконки. А именно, задав соответствующее имя для Вашей картинки, в стандарте/расширении iso.

 Именем Вашей новой favicon должно стать слово, внимание!, - favicon. Вот, более подробные пояснения, на скриншёте:

имя для favikon

 В общем, просто, переименуйте Вашу картинку с фавиконкой и загрузите её в корень сайта ( корневую папку ) при помощи файлового менеджера:

Загрузка favikon на сайт Юкоз

 Вот такой результат Вы получите в итоге:

favikon загружена на сайт Юкоз

 Как видите место стандартной favikon заняла Ваша новая картинка. Убедиться в этом Вы можете кликнув по ссылке. Вашу фавиконку, в отличии от стандартной Юкозовской, Вы всегда сможете удалить или заменить на новую.

 Просто удалите, если потребуется, Ваш рисунок и его место, тут же, займёт "восставшая из небытия" стандартная иконка : ) Ну а дальше Вы, уже, знаете как установить favicon на ucoz.

 Теперь Вам осталось подождать какое то время ( точно не могу сказать какое ), чтобы новая favikon стала отображаться не только в Панели Управления сайтом, но и на его страничках.

 Я заменял иконку вечером, а на утро она, уже, сияла во всей своей красе и славе, на положенном ей месте : )

 Вероятно, замена происходит быстрее, на самом деле, - проверьте через час, к примеру, а потом ещё через час, а потом ещё.. В общем как то так : )

 Тут есть небольшая " хитрость" кстати, не зная которой Вы можете немного попортить себе нервы в "тщетном" ожидании замены favikon. Дело в том, что иконка может давно быть на положенном ей месте и все остальные пользователи сети смогут её видеть. Все остальные кроме Вас!

 А всё почему? Патамушта, что надо было очистить кэш Вашего веб - браузера, вот почему! Тогда информация в нём обновиться и Вы сможете насладиться результатом Вашей работы : )

 В принципе в очистке кэша нет ничего сложного, но я, всё - таки, покажу Вам как это сделать, так как кто то может этого и не знать!

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

 Итак поехали, - очистка Кэша веб-браузера:

Очистка кэша браузера Моззила

Очистка кэша веббраузера Моззила

Очистка кэша браузера Моззила

  Вот так - Кэш почистили, теперь осталось, только, обновить страничку сайта:

Обновить страничку сайта

 И вот, наконец - то!, новая favikon заняла положенное ей место в открытом браузере со страницей сайта:

 При помощи данного способа как установить favicon на ucoz Вы устанавливаете новую фавиконку на ВСЕ! страницы Вашего сайта сделанного в конструкторе Юкоз! Никаких дополнительных манипуляций делать, больше не нужно.

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

 "Пройдитесь", по всем разделам и Вы убедитесь, что везде отображается новая фавиконка.

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

 В Гугле, же, фавиконки сайтов не отображаются вовсе! Видимо такова "редакционная" политика данного поисковика.

 В общем, я установил новую фавиконку пару дней назад ( с момента написания данной статьи ), а мой сайт, в результатах поиска Яндекса выглядит, пока что, по старому:

Отображение сайта в поиске Яндекса

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

Постоянный адрес этой статьи на моём сайте: Как установить favicon на сайт сделанный в ucoz

Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

 Мой кошелёк в Яндекс Деньги

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

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Дизайн сайта

Уроки по созданию и раскрутке сайта и интернет магазина

главная