Главная » Администрирование сайта » Управление шаблонами » Инструкция "Пенька" №3. Изменение дизайна сайта.

Инструкция "Пенька" №3. Изменение дизайна сайта.

12.02.2012 в 20:23
Автор: Следопыт   

Если вы читали мои более ранние инструкции, то уже прекрасно знаете, что всё взаимодействие с сайтом начинается с пополнения корневой папки сайта материалами, которые вы хотите в нём разместить.
Следовательно, если вы хотите заменить картинку шапки сайта, то изначально вам надо найти или нарисовать собственную картинку.
Я рисовать в полной мере не умею, но с графическими редакторами "шапочно знаком".
Исходя из собственных возможностей и умений, на бескрайних просторах интернета насобирал различных картинок и создал себе рабочую базу заготовок.
Будучи противником плагиата, картинки, в чистом виде не использую, а в меру своего умения создаю свой образ. Получается пока не очень, но это дело наживное и пока не критичное. Пока учимся работать с сайтом, а тут пойдёт и "полуфабрикат", главное понять систему работы с сайтом.

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

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

Если ваше решение делать сайт самостоятельно достаточно надёжное и крепкое, то всё в порядке. Если же это просто чудачество, то проще заплатить мастеру и не морочиться, выбор за вами.
Для настырных, - начинаем второй этап.

Чтоб картинка появилась в шапке сайта, надо в прописи разметки страниц сайта найти место, где прописана штатная картинка выбранного вами шаблона. Как вы помните, язык разметки страниц сайтов – жуткая "абра-кадабра". Будет чуть проще, если вы предварительно познакомитесь с языкам html, который достаточно доступно изложен в учебнике на страницах системы uCoz по адресу (http://forum.ucoz.ru/forum/24-33758-1)
Это поможет, но порядок процедуры я всеже покажу.

Возвращаемся на главную страницу панели управления и нажимаеп надпись-ссылку "Управление дизайном [ Конструктор меню ]" --> далее кнопочка " страницы сайта" и вы снова видите непонятные значки.
На моём сайте я нашёл запись картинки сайта на показанном ниже участке разметки страницы и там же выделю строку и имя введенной картинки.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/995.css" />
</head>

<body style="background:url('/.s/t/995/1.jpg') #362D29; margin:0px; padding:0 1% 0 1%;">
$ADMIN_BAR$

<div style="height:239px;">
<div style="float:left;">
<img src="http://ded-sledak.ucoz.ru/obrazi/shapka.jpg" border="0" alt="" />
</div>
</div>

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

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

P.S. Описывая свои инструкции - упустил изменения на форуме системы uCoz, где дополнительно разместились темы с более подробным описанием процедур работы с сайтом. Познакомившись с азами знаний активней исследуйте темы форума. Это очень помогает в вашем деле, а на возникшие у вас вопросы. вы всегда получите нужный ответ.

На этом заканчиваю данную инструкцию и желаю всем успехов в занятиях по созданию и развитию ваших сайтов.

Измнение дизайна, дизайн


Рейтинг: 9  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 14521          Комментариев:

Похожие инструкции