кинотеатр Победа Лучшая поза в постели мечеть

piknad@yandex.ru

Начинающему вебмастеру

Город Уфа

мост ч/з Белую

Яндекс.Погода

Салават Юлаев Монумент Дружбы
СОДЕРЖАНИЕ

На главную страницу сайта

О заработках на сайте

Отправка почты на РНР

Многоуровневое меню на РНР и со списками для статических страниц

Работа с администратором баз данных

Работа с Dreamweaver8

Пример создания сайта интернет-аптека в Dreamweaver

Пример создания интернет-магазина в Dreamweaver

Вставка графических изображений на Dreamweaver 8

Создание простого блога на РНР

Ротация рекламы на РНР

Установка нескольких систем на один ПК

Ошибка 651 при подключении к интернету в WINDOWS 8.1. Высокоскоростное подключение не найдено. Подключение скоростного Интернета

Установка драйверов к принтерам canon

Профиль монитора неисправен. Перезапустить программное обеспечение калибровки монитора

Разделение шапки сайта на фрагменты в ФОТОШОПе

программист


Самая лучшая партнерка pay-click для сайтов любых тематик

Разделение шапки сайта на фрагменты со ссылками в ФОТОШОПЕ

разделение шапки сайта на фрагменты

Мы создали шапку сайта (см. гл. страницу) и нам надо разделить на фрагменты со ссылками на соответствующие страницы сайта. Для этого мы используем инструмент «Раскройка(К)». То есть, его можно выбрать нажав на букву К. В нем выберем инструмент «Раскройка»:

разделение на фрагменты шапки сайта

 

Сделаем копию слоя (CTRL+J). Выделим фрагмент на "Построение основы женского платья":

разделение шапки сайта на фрагменты

Далее нажимаем курсором на фрагмент:

выделение фрагмента из шапки сайта

На экран выведется форма. Имя файла с фрагментом состоит из названия файла и номера фрагмента. Заполняем ее:

разделение шапки сайта на фрагменты

URL-ссылка на страницу сайта.

Проделываем эти операции для других частей шапки.
Сохраняем файл в формате psd на всякий случай. В этом формате можно редактировать наши действия. А в формате JPG- нет.
Сохраняем также работу  для WEB:

разделение шапки сайта на фрагменты

 

разделение шапки сайта на фрагменты

Нажимаем в правом верхнем углу на голубой прямоугольник "SAVE" .

разделение шапки на фрагменты

Нажмем на SAVE-сохраним нашу работу в формате HTML. Далее его мы будем этот файл использовать для помещения шапки на страницу сайта. Наши фрагменты шапки будут находиться в папке IMAGES, которую создаст фортошоп в папке, в которой находилась наша шапка до разделения на фрагменты. У меня это папка SHAPKI:

разделение шапки сайта на фрагменты

Файл с расширением HTML будет находиться рядом с папкой IMAGES, созданной фотошопом:

разделение шапки на фрагменты

На этом работа в фотошопе закончена и мы переходим к работе в DREAMWEAVERе для установки кода из файла с расширением HTML. Этот файл я назвала shpikrazd.htm (самый верхний слева)l. Сохраним страницу ( в которую будем вставлять нашу шапку) в другой папке, чтобы восстановить, в случае неудачной работы:

разделение шапки сайта на фрагменты

В правой части total commander я переписала папку IMAGES с нашими фрагментами в папку IMAGES, в которой находятся другие картинки сайта, чтобы наши файлы с фрагментами не перемешались файлами других картинок сайта

Вызываем DREAMWEAWER (DR) и открываем наш файл shappikrazd с расширением HTML:
разделение шапки сайта на фрагменты.

 

разделение шапки сайта на фрагменты

Выбираем фрагмент файла с таблицей( начало).

разделение шапки на фрагменты

Конец фрагмента.
Этот фрагмент я помещаю в то место, где должна находиться шапка страницы сайта:

разделение шапки сайта на фрагменты

Где курсор, туда я вставляю фрагмент из файла с расширением HTML.

разделение шапки сайта на фрагменты


далее надо уточнить расположение файлов с расширением GIF ( с нашими фрагментами шапки). У меня они находятся в папке piknad/images/images. А сейчас у меня  указана только папка IMAGES. Надо внести соответствующие изменения. Вставим перед IMAGES выражение-«piknad/images/». Получится так :

.

разделение на фрагменты шапки сайта

После изменения этих параметров в режиме DESIGN курсором пододвинуть фрагменты. Они должны слиться.

разделение шапки сайта на фрагменты

Окончательный результат можно посмотреть на главной странице сайта piknad.ru

 

лото правила игры
розаорнаменторнаменторнаменторнаменторнаментроза