вЭлементы дизайна Юкоз

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

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

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

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

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

Чтоб картинка появилась в шапке сайта, надо в прописи разметки страниц сайта найти место, где прописана штатная картинка выбранного вами шаблона. Как вы помните, язык разметки страниц сайтов – жуткая «абра-кадабра». Будет чуть проще, если вы предварительно познакомитесь с языкам 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, где дополнительно разместились темы с более подробным описанием процедур работы с сайтом. Познакомившись с азами знаний активней исследуйте темы форума. Это очень помогает в вашем деле, а на возникшие у вас вопросы. вы всегда получите нужный ответ.

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

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

источник: manual.ucoz.net

Похожие посты