Как вставить баннер на сайт | Как создать свой сайт

Как вставить баннер на сайт в редакторе Dreamweaver

Июн-1-2009 Автор: VeryOldMan

На этот раз к Вашему вниманию урок,  посвященный вставке на страницу сайта символа авторского права и тому, как вставить баннер на сайт.  Зачем нужен рекламный web баннер, Вы конечно уже знаете.  Символ авторского права — защита Вашего контента от копирования.

Перейдем к подвалу сайта (футеру).  Здесь, кроме графики, обычно вставляют напоминание об авторских правах, символ авторского права. Наивная попытка защиты авторских прав владельца сайта. Но традиция – есть традиция. Пишут все по-разному, кто как хочет. Общим для всех записей является значок ©, ставший общепринятым стандартом для обозначения авторских прав. Вставим в подвал этот значок. Для этого идем в главное меню: Вставка – HTML – Специальные символы – Авторское право и допишем после значка: chv.ru 2008—2009. Создадим стиль для этой надписи:

Как вставить баннер на сайт

 

Сохраняем стиль в нашей таблице.

В категории Тип (Type) выбираем шрифт, его цвет и размер. Я выбрал Arial, цвет белый, размер 12 пунктов.

В категории Рамка(Box):

Как вставить баннер на сайт

 

Привязываем стиль к надписи:

Как вставить баннер на сайт

 

Кромесимвола авторского права очень не помешает такая фраза: Копирование материалов с обязательным указанием активной ссылки на сайт автора или что-то похожее.

Осталась Колонка2. Если вы помните, в ней мы планировали поместить поиск по сайту, вставить баннеры на сайт,  поставить счетчики и.т.д.

Ну, давайте поставим пару баннеров и в дальнейшем привяжем к ним гиперссылки на какие-то сайты. Возьмем web баннер размером 100 на 100 пикселей. Вставим его  в Колонку2, так же как мы это делали в зоне основной информации.  Сюда же вставим еще один web баннер:

Как вставить баннер на сайт

Теперь можно определить размеры полей в колонках и зоне основной информации через соответствующие им стили, в категории Рамка (Box). Можно менять ширину контейнеров, следите только за тем, чтобы их общая ширина не превышала значения в 960 пикселей.

Вот, коротко, и все по защите авторских прав на контент сайта.  Дальше я хотел рассказать, как с помощью гиперссылок связать страницы в сайте между собой. Но для того, чтобы на примере показать, как это делается, нужно иметь хотя бы три страницы сайта. А у нас есть только главная. Так что придется потрудится и создать еще пару страниц.

И сделаем мы это на странице —  Как сделать шаблон страницы сайта в редакторе Dreamweaver






5 комментариев
  1. Сергей Пишет,

    Написал код, а отобразилась здесь просто надпись ©Всё о будущем 2012″»

  2. Сергей Пишет,

    Такая задачка: символ авторского права не хочет опускаться вниз подвала, постоянно вверху. Вправо сместился. В коде такая запись: ©Всё о будущем 2012 . Смущает, что класс в классе оказался. Правильно ли это и как всё ж таки опустить надпись вниз подвала.

  3. Оля Пишет,

    просто когда я просматриваю страницу в программе, текс авторского права стоит на месте (также как и у вас на картинке), а когда уже просмтариваю черезе браузер, то она уже другое положение занимает (немного выше)

  4. VeryOldCat Пишет,

    Так не бывает. Не может быть у одного элемента два стиля… Чтобы привязать стиль к надписи можно: щелкнуть на ней правой клавишей мышки, из выпадающего меню выбрать Cтили css – avtor

  5. Оля Пишет,

    скажите пожалуйста,как привязать стиль к надписи. У меня получается что стиль avtor совмещается со стилем futer

Добавить комментарий