Дорабатываем шаблон. Часть третья.
Дорабатываем "Шапку"
"Шапка" или "Заголовок" верхняя часть страницы, обычно одинаковая для всех страниц сайта. Иногда в ее состав включают и главное (горизонтальное) меню, но я не рекомендую делать этого. Шапка может быть графическая - представляет собой рисунок (даже используемые надписи - это элементы рисунка), текстовая - все ее элементы - это текст, и комбинированная.
Открыв в Nvu любую страницу нашего сайта, легко понять, что шапкой в нашем случае является изображение облачного неба.
Мы уже размещали изображения на наших страницах, и знаем, что если щелкнуть правой кнопкой мыши на изображении и выбрать в выпадающем меню пункт "Свойства изображения... ", то можно ознакомиться с этими свойствами. В отношении шапки этого не происходит. Вызвано это тем, что используемое изображение прикреплено как свойство к тегу body в таблице стилей (файл style.css)
Любознательные могут выбрать в меню пункт Инстументы ---> Редактор CSS. В открывшемся окне выбрать селектор body и ознакомиться с его свойствами (и, конечно, поэкспериментировать!)
Но, начиная этот раздел, я обещал не касаться без необходимости теории. Поэтому и любознательным и не очень посетителям моего сайта, я рекомендую открыть папку img Вашего сайта и просмотреть все хранящиеся там изображения. Там хранится и нужное нам изображение: pan.jpg. Именно с ним мы и будем работать! Откроем его в любом графическом редакторе, желательно поддерживающем слои. В крайнем случае используйте Paint, хотя его возможности весьма ограничены!
Проведем минимальные изменения: добавим герб Ставрополя и напишем название сайта. Сохраним файл под тем же именем.
Делая изменения в графике, я учел следующее:
- Ширина изображения-оригинала 2792 пиксела. При выводе на экран в составе Веб-страницы оно обрезается справа в размер, соответствующий разрешению монитора.
- В мире еще достаточное количество 15-дюймовых мониторов, для которых оптимальное разрешение экрана по ширине - 600 пикселов. Поэтому, чтобы мои добавления были видны на любом мониторе, я ограничил их ширину 570-ю пикселами.
Размещаем в Интернете
Есть тысяча серьезных причин не размещать незаконченный сайт в Интернете. Но есть одна личная поступить наоборот - выставленная на всеобщее обозрение незаконченная работа меня подхлестывает. А сейчас у меня две таких работы!
Кроме того, я пока не собираюсь регистрировать их поисковиках. А самостоятельно они не скоро найдут мои сайты. Может и успею закончить!
Ранее я упоминал о файловых менеджерах и доступе по FTP-протоколу. Вы можете воспользоваться уже освоенными способами. Но в Nvu есть собственные средства для размещения (и корректировки размещенных) страниц в Интернете. Воспользуемся ими.
Открываем в Nvu файл index.html, находим в меню Файл ----> Опубликовать. Появится окно:
Заголовок страницы конечно можно изменить, если мы этого не сделали раньше.
Щелкаем на вкладке "Параметры". Откроется окно:
 |
В поле "Имя сайта" набираем: Ставрополь 1777 - 2000 год. Это имя условное, существует только в Nvu
Заполняем поля
Ставить ли отметку "Сохранить пароль" - решайте сами.
Жмем "Опубликовать"
|
Если все прошло нормально, появляется окно:
Приятное сообщение! Если оно не появилось, впервую очередь проверьте правильность ввода данных и повторите загрузку.
Можно посмотреть, что у нас опубликовано:
Заходим Файл ----> Открыть адрес в Интернете... и видим, как выглядит страница, размещенная на сервере.
Я показал как публикуется одна страница. При этом намеренно допустил ошибку - рисунки сохранил в ту же папку , что и публикуемый файл, хотя имеется папка для рисунков. Конечно, это зависит от тех настроек, которые Вы установили при публикации. Я предпочитаю полностью контролировать, что происходит на моем сайте. Плюс привычка пользоваться Total Comander-ом для переноса сайта на сервер (В нормальном режиме, я создаю сайт локально, полностью его отрабатываю, а затем закачиваю на сервер при помощи файлового менеджера. Частично я нарушил это правило сейчас - чтобы пройтись по тем путям Nvu, по которым веду Вас).
На момент написания этих строк в на сервере выложены следующие папки и файлы:
Так они выглядят в окне Total Comander-a. Этот рисунок демонстрирует наихудший вариант - смешивание двух стилей. Все файлы были загружены файловым менеджером, а затем файл index.html повторно загружен при помощи Nvu при настройках, указанных на рисунках.
В результате в корень сайта попали три рисунка общим размером больше 22KB. Но они уже там есть в папке img. Если Вы на платном хостинге, то это бессмысленно потраченные деньги (когда Вам придется перейти на тарифный план с большим размером выделенного дискового пространства). Если на бесплатном - то стоит ли забивать мусором (ненужными дублями) любезно предоставленное Вам пространство).
Главное не шарахайтесь!!! Выбрав какой-то один путь идите по нему до конца.
Если на Вашем сайте будет 5-8 страниц с 20-30 рисунками, то Вас не должно сильно волновать, как они скомпанованы.
Поэтому я вернусь к своему стилю. А для тех, кто хочет более подробно изучить возможноти Nvu, советую разобраться с режимом "Менеджер сайтов (F9)". Если кто-либо напишет статью - дайте адресок, выложу ссылку.
(Продолжение следует? Это зависит от Вас! Будут вопрсы - будет и продолжение!)
|
