Как изменить дизайн сайта?

Главное для любого сайта помимо контента - это дизайн. Порой привлекательный дизайн сайта компенсирует бессмысленно подобранную информацию на сайте. При проработке сайта, в целом, нужно заранее продумывать весь вид до мелочей. Какой сделать фон, какую сделать шапку, куда поместить флэш-баннер. Поэтому имеет смысл подумать об изменении дизайна.
Создать сайт самостоятельно с Wix.com

Вам понадобится

• Сайт, исходный фал сайта(html, php), файл CSS, знание основ HTML, CSS, PHP(необязательно), элементы дизайна

Инструкция

Первое, что изменяем, - это фон сайта. За фон на вашем ресурсе отвечает тэг «background». Привязка будет происходить к тегу «body». Открываем исходный css файл и прописываем body {background-color:#f6f6f6;} сохраняем, и наш фон будет задан как светло серый. Как видно фон задается шестнадцатеричным значением, но можно прописать и обычное значение цвета, например "green" или "red". Если в качестве фона нужно вставить картинку, то прописываем «background-image:url(ссылка на ваше изображение)»

Далее создаем в исходном файле блок «div» с идентификатором «header», прописываем его в таблицах стиля «#header», по желанию задаем рамку и отступы. Не забываем о ширине блока. С помощью тэга background задаем либо цвет, либо изображение. Таким образом, получается шапка сайта, которую можно изменить этим же способом. Не забывайте указывать параметры изображения, когда ставите его на шапку сайта.

С помощью блоков div также задаем дизайн правого контейнера, левого (если есть), поля для основного контента и нижней части сайта.

Вставляем объекты на сайт. Вставка объекта на сайт происходит с помощью тэга «object». Заключая между ним код, например флэш баннера, мы поставим его на сайт.

Вставляем иконку на сайт. Для этого созданный файл «favicon.ico» копируем в корневую папку нашего сайта.

Если имеется необходимость вставить php скрипт, то применяем следующую форму: исходник скрипта ?>. необходимо учитывать, что исходный файл сайта должен быть с расширением .php, иначе скрипт работать не будет.

Открываем CSS файл и задаем основные параметры шрифта(font-family), его размера(font-size), стиля (font-style).

Совет добавлен 19 июля 2011 Совет 2: Как изменить шаблон сайта Изменение шаблона сайта зависит от того, на каком хостинге он располагается. Выбирайте хостинг по свои личным предпочтениям, опираясь на достоинства и недостатки различных хостингов. Расскажем подробнее, как изменить шаблон сайта на хостинге Ucoz.

Инструкция

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

Например, изменим картинку шапки сайта. Графические изображения, которые используются в дизайне, описываются в файле стилей style.css или же html-шаблоне страниц.

Для картинок прописанных в CSS. В верхней панели выберите «Дизайн», потом «Управление дизайном». Далее в окне откроется файл стилей, в нем ищете строчку вида #header (background:url(‘/ee.jpg’) no-repeat;height:182px;….), которая будет являться адресом шапки. Учтите, что в разных шаблонах все по-разному, поэтому ищите, какая картинка с чем соотносится.

Для картинок, прописанных в шаблоне. Такк же как и в первом случае в верхней панели выберите строчку «Дизайн», потом «Управление дизайном», потом ищите в открывшемся окне строчку вида . Теперь выберите картинку, которая вам нравится.

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

Обратите внимание Итак, начнем урок: замена шаблона ucoz. Первым делом нужно зайти в Панель управления сайтом – Настройки – Общие настройки. В строке Дизайн сайта вы видите номер установленного шаблона, его то и следует заменить на новый.  Заменяя лишь номер шаблона на новый. Далее сохраняем и смотрим результат. Если все получилось, то поздравляем вас, вы смогли изменить шаблон ucoz. Как изменить стандартный шаблон на uCoz и можно ли это делать ? Ответ: Да, стандартные шаблоны можно изменять. На сегодняшний день, существует 254 258 шаблонов. Как изменять стандартные шаблоны, Вы можете прочитать чуть ниже. По каждому шаблону, было задано 3 вопроса: -Как сменить шапку ? -Как изменить картинки в блоках ? -Как изменить фон в шаблоне ?

• как изменить в шаблоне

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

Оцените статью!