Создать сайт. Разработка официального сайта. Шаблон сайта. Сайт без регистрации. Создать сайт.

	Разработка шаблона сайта
	Разработка графического оформления шаблона сайта с помощью Corel Draw и Adobe Photoshop

Шаблоны сайтов >> Контент сайта >> Сайт бесплатно >> Шаблоны сайтов >> Создание >> Java script >>

Шаблон сайта

      Шаблоны сайтов >>>>  Контент >>>>  Структура шаблона >>>>  Готовые шаблоны >>>>  9 Мбайт шаблонов сайтов >>>>

      Запустим Corel Draw (достаточно даже старых простых версий программы). Нарисуем на "листе" прямоугоьник и закрасим его цветом фона будущей веб страницы.

       Шаблон сайта

      Нарисуем внутри еще один прямоугольник и скруглим его края. Закрасим прямоугольник цветом, выбранным для графической рамки шаблона сайта.

       Шаблон сайта

      Для создания полноценного макета шаблона добавим еще один прямоугольник. Цвет этого прямоугольника - цвет фона, на котором будет располагаться контент сайта.

       Шаблон сайта

      Углы этого прямоугольника тоже скругленные.
      На этом работу в Corel Draw можно закончить. Можно экспортировать полученный макет в какой-либо растровый графический формат. Но можно просто сделать Print Screen, поместив изображение в буфер обмена. Затем запустить Adobe Photoshop (достаточно самых простых версий программы) и вставить изображение макета шаблона сайта из буфера обмена.

       Шаблон сайта

      Выделим нужный фрагмент



      Нужно разделить полученную рамку шаблона на 3 части - верхнюю строку, среднюю строку и нижнюю строку.

       Шаблон сайта

Графические элементы шаблона сайта

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

       Шаблон сайта

      Все эти элементы нужно сохранить в файлах в формате .GIF или .JPG
      Теперь имеется полный набор графических элементов для создания шаблона сайта.

Шаблон сайта

      HTML код шаблона сайта состоит из 3-х таблиц. Первая таблица - для формирования изображения верхней части графической рамки шаблона. Таблица имеет фиксированную ширину и высоту, заданные в pix.
      Вторая таблица вормирует среднюю часть шаблона сайта. В ней размещается весь контент. Ширина таблицы имеет фиксированное значение в pix, заданное разработчиком. Высотат таблицы варьируется, "растягиваясь" по мере добавления контента.
      Третья таблица имеет фиксированную ширину и высоту и формирует графическое изображение нижней части рамки.

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

      Скачать шаблоны сайтов >>
      Сайты с 100 веб страницами

      Шаблоны сайтов >>>>  Контент >>>>  Структура шаблона >>>>  Готовые шаблоны >>>>

Шаблон сайта

Создать сайт. Разработка официального сайта. Шаблон сайта. XML RPC. Сайт без регистрации. Создать сайт.

Шаблоны сайтов