5 урок
Поговорим о дизайне.
Разберем его на примере дизайна
Войдем в панель управления и выберем «настройки» - «Общие настройки».
В них можно в строке «Выбрать дизайн» - выбрать дизайн нашего сайта.
Возьмем простой номер 792.
Прокрутим страницу до конца и нажмем «Сохранить».
Полюбуемся на наш сайт. Для этого в меню выберем «Общее» и Название нашего сайта.
Красиво?
Но в общем это не то, чего мы хотели. Девушка красивая, но я ее не знаю. Цвета пока трогать не будем.
И я не вижу НАЗВАНИЯ моего сайта.
Проще справиться с названием.

На панели Управления выберем «Дизайн» - «Управление дизайном (шаблоны».
И выберем строчку «Глобальные блоки» под ней «Верхняя часть сайта».
В окне с кодами страницы найдите слова «Мой сайт» - примерно 5-8 строки. Введите вместо них название своего сайта! Например «Школа № 18. Город Качалов».
Нажмем под этим окном с кодами «Сохранить».
Теперь сайт имеет свое название.

Как изменить картинку?
Попробуем нажать на картинку правой клавишей и «Открыть фоновое изображение». Оно откроется в том же окне!
Мы примерно видим, что нам нужно создать или подобрать. Обратите внимание на название открывшейся вкладки – «4.jpg». Остается найти эту «4.jpg» и заменить ее на нашу.
Ищем рисунок в «Таблице стилей». Можно искать в Общих стилях (General styles), а можно через Поиск – нажать Ctrl+F и ввести «4.» .
Нашли? Давайте рассмотрим, какую информацию можно видеть:
#image {
float: left;
width: 291px;
height: 152px;
background: url(/.s/t/792/4.jpg);

Обратите внимание на размеры изображения – 291 на 152 пикселя.
Создадим изображение с такими же параметрами, но свое, воспользовавшись Фотошопом.
Загрузим его файловым менеджером, и уточним ссылку к нему. Скопируем эту ссылку.
Нажмем «Сохранить». Если ваше изображение будет меньше указанных размеров, оно будет повторяться до тех пор, пока не заполнит заданное окно. Если же оно будет больше, то просто обрежется.
Так мы создали свое оформление сайта.
Следующий урок будет серьезнее – мы постараемся поработать с цветами сайта и подложки.