DataLife Engine > Создание сайта > Вставляем логотип и Header на сайт

Вставляем логотип и Header на сайт


30-01-2011, 23:56. Разместил: disadmin

                Вставить логотип и header  а страницу сайта несложно. Для этого нужно знать несколько особенностей веб страницы, которых я Вам расскажу по ходу урока, а пока будем вставлять картинки (у Вас это могут быть свои логотип и header созданные в фотошопе или другом графическом редакторе).

 

                Делаем из таблицы путем растягивания и объединения ячеек приличный, не режущий глаз макет.

 

 

                Я набросал примерное расположение логотипа, меню, места для контента и объединил верхние две ячейки для встройки туда шапки сайта. Для начала встроим логотип. Имеющееся изображение на компьютере делаем фоном ячейки логотипа. На ячейке, на которой написано логотип (на моем рисунке) нажимаем правую кнопку мыши и выбираем «свойства ячейки». Здесь мы наблюдаем ее размер, свойства, границы и то, что нам нужно «Фон». Я взял для своего сайта совершенно произвольную картинку, скачанную с интернета. Я сделал ширину значительно больше, чем сам логотип и залил эту пропасть белым цветом под цвет фона. Это обуславливается тем, что у каждого свой монитор и для каждого картинки должно хватать. То есть, если размер белого будет недостаточным, то для людей, у которых монитор большого разрешения будет проблеск на месте логотипа. Вернее, логотип, а справа – пустота, а этого быть не должно.

 

 

 

                Сделаем эту картинку фоном для ячейки и одновременно логотипом. На месте фона нажимаем «обзор» и выбираем на жестком диске нужную картинку.

 

 

 

                Получился вот такой вот милый логотип. С Header поступаем точно также, только учитываем, что он больше логотипа в разы, а значит зазор нужно оставлять побольше. Я его нарезал из имеющихся на компьютере картинок. Не нужно обращать внимания на его качество.

 

 

 

                Вот так, всего за несколько десятков минут у нас получилась вполне симпатичная верхнушка для сайта!!!


Вернуться назад