Главная » Администрирование сайта » Управление шаблонами » Инструкция "Пенька" №3. Изменение дизайна сайта.
 Инструкция "Пенька" №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, где дополнительно разместились темы с более подробным описанием процедур работы с сайтом. Познакомившись с азами знаний активней исследуйте темы форума. Это очень помогает в вашем деле, а на возникшие у вас вопросы. вы всегда получите нужный ответ. На этом заканчиваю данную инструкцию и желаю всем успехов в занятиях по созданию и развитию ваших сайтов.
|
Просмотров: 17874
Похожие инструкции |