Добавляем фон на базовую страницу, вставим ссылки и картинку

В данном уроке мы добавим фон на нашу базовую страницу. Для этого в программе Adobe Photoshop создадим новый рисунок с такими параметрами как на рисунке ниже.

зальем рисунок таким цветом, каким вы хотели бы видеть фон своей страницы.

Сохраним рисунок как bg.gif .

Скопируем данный рисунок в папку img где уже есть рисунки шапки и подвала. Теперь там будет три рисунка : header.jpg, footer.jpg, bg.gif.

Открываем файл stile.css в программе дримвивер.

Прописуем с новой строки такой код:

body {background-image: url(img/bg.gif)} - можно скопировать прямо отсюда. Сохраняем stil.css и проверяем как отображается наша страница в браузере.

Напомню: нужно запустить сервер, и набрать адрес сайта на локальном компьютере. У меня адрес такой http://www.localhost/site1.

Должен появиться фон на странице сайта как на рисунке.

Фон залился темно красным цветом.

Вставим картинку в текст страницы.

Для этого:

1. Ставим курсор на свободное от текста место.

2. В меню выбираем пункт Insert -> Image и выбираем нужную картинку. При этом картинка должна быть подготовлена заранее и скопирована в папку img, которая лежит в папке с сайтом.

Если все правильно сделано то картинка должна появится на страничке.

Чтобы вставить гиперссылку на другой сайт , или внутреннюю страницу своего сайта нам нужно.

1. Выделить текст будущей ссылки.

2. Внизу на панели инструментов найти такое окно:

3. В окне наберем адрес страницы на которую мы будем ссылаться.

4. Для внешних ссылок например: http://partnerca.com.ua

5. Для внутренних ссылок адрес будет просто названием страницы, например: books.php