Технология изготовления рекламного продукта строительной компании «Технология»

Создание header (шапки Web-сайта) в программе Photoshop. Header — верхняя часть Web-сайта, которая, наряду с «подвалом», призвана обозначить для пользователя границы страницы. Она играет ту же роль для Web-ресурса, что и колонтитулы для печатной страницы.

Header, как правило, представляет собой графический файл (реже с анимацией или флеш-элементами), на котором размещают название ресурса или компании. Кроме того, на ней могут размещаться различные изображения. Части фотографий, логотип, рисунки. Нередко помимо названия рядом пишут слоган и другую рекламную информацию. Владельцы некоммерческих Web-сайтов в шапке могут размещать и рекламный баннер.

Header может быть выполнена в самых разных вариациях. Она может разительно отличаться по цвету и стилю от других элементов дизайна, а может полностью сливаться с основным фоном страницы, высота ее может составлять и несколько десятков, и несколько сотен пикселей.

Она играет важную роль в раскрутке Web-сайта и влияет на его юзабилити и внешнюю привлекательность для пользователей, поэтому относиться к ее созданию следует со всей серьезностью.

Шаг 1. На первом этапе я создавала новый документ с параметрами1000 миллиметров по ширине и 250 миллиметров по высоте, разрешением 300 dpi и цвет фона ставила белый.

Шаг 2. Вписывала текст содержащий адреса компании и размещала справа как на рисунке 23. Основной шрифт я выбирала Palatino linotype, а для фамилии и отчества Vivaldi script. И задавала цвет b20000.

Шаг 3. По середине документа рисовала ровную горизонтальную линию и три круга (по бокам маленькие, в центре большой).

Шаг 4. Под графическим объектом вписывала название компании. Для этого я выбирала шрифт Copperplate gothic bold и задавала цвет b20000.

Шаг 5. На этом этапе добавляла слоган компании выше графического объекта в центре, как на рисунке 26. Для него я использовала шрифт Vivaldi script.

Шаг 6. Вставляла ещё одну строку с текстом отражающую деятельность данной фирмы. Шрифт я использовала TauernCTT и размещала ниже названия компании.

Шаг 7. Далее я вводила номера телефонов филиалов компании. Я использовала шрифт как в предыдущем шаге, TauernCTT.

Шаг 8. Этот шаг был завершающий. Добавила рисунок который вписался в общую композицию и подошел теме Web-сайта. Размещала его в левой части документа.

Конечный результат моей работы над дизайном Header.

Замена стандартного шаблона на собственный. Замена Headera Web-сайта.

Я открывала папку с Web-сайтом, находиkf в ней папку «home» и открывала.

В открывшейся папке выбирала папку «localhost» и открывала её.

В папке «localhost» находилась папка «www», открывала её.

Далее я открывала папку с названием моего Web-сайта «kkk».

Находила в этой папке папку «templates». В ней находились все установленные в joomla шаблоны.

В этой папке открывала папку с названием шаблона «наш шаблон».

Из списка открывала папку «images».

Из представленных файлов выбирала файл с названием «header». Это и была мая шапка Web-сайта. Открывала её в программе Photoshop.

Открывала файл «header» в программе Photoshop.

Добавляла слой с готовой шапкой поверх слоя с основной шапкой шаблона. Так же подгоняла его под размер нижнего слоя.

Сохраняла в формате PNG и назвала «header».

В процессе сохранения выскакивала окно с предложением заменить существующий файл с аналогичным названием. Я подтверждала нажав на кнопку «ok».

На этом всё. Файл заменился и теперь оставалось только обновить страницу Web-сайта.

Процесс создания меню в Joomla. Для создания меню в Joomla я заходила в административную панель и открывала менеджер меню. Так же это можно было сделать кликнувпо иконке на (рабочем столе) административной панели.

Я попала в менеджер меню, где можно создавать новые элементы навигации, редактировать уже существующие или удалять ненужные. По умолчанию, после установки Joomla, у меня уже было создано одно меню под названием «Main Menu», в котором был прописан один единственный пункт «Home (Главная)».

Для создания нового меню нажимала на кнопку «Создать», расположенную в верхней правой части страницы менеджера.

Открывалось окно в котором программа предлагала заполнить несколько полей. Обязательными к заполнению являлись только первые два, заголовок и тип меню. Это был завершающий этап в создании меню.

Создание пунктов меню.

Я заходила в менеджер меню и кликала по названию только что созданного меню. И нажимала на кнопку «Создать».

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

Заголовок меню. Здесь нужно было задать название пункта меню которое будет отображаться на Web-сайте. Остальные поля в левой колонке заполнять необязательно, они нужны для тонкой настройки под особенности отдельно взятого Web-сайта.

Я продолжала настройки в правой колонке. Оставалось выбрать сам материал на который велась ссылка.

Создание модуля меню. Для вывода меню на Web-сайт нужно было создать модуль. Для того чтобы создать модуль я нажимала на иконку в панели быстрого доступа.

Теперь я нажимала на кнопку «Создать» в верхней части экрана. В всплывающем окне выбирала модуль меню.

В настройках модуля было необходимо заполнить несколько полей. Заголовок. Вводила название заголовка меню, оно отображалось на Web-сайте. Позиция. Здесь нужно было выбрать позицию на Web-сайте в которой бы показывалось меню, я выбрала позицию 7 (position-7).

Завершающий этап. В правой части выбирала меню которое нужно вывести. Я создавала меню «Статьи» поэтому выбрала его. Сохраняла настройки и обновляла страницу с Web-сайтом.

Вывод. Web-сайт это совокупность электронных файлов в Интернете, объединенных под одним адресом (доменным именем или IP-адресом сервера). Все электронные документы хранятся на сервере (хостинге).

Создание Web-сайта — это весьма важный и сложный процесс, который насчитывает огромное количество нюансов и особенностей.

В создании качественного и надежного Web-сайта не все происходит так просто и быстро. Изначально происходит составление технического задания, на основании определенных полученных указаний от заказчика исполнителю.

Этапы создания Web-сайта:

• — предварительный этап. Создается предварительный план действий, который является основой рационального создания ресурса. Создание Web-сайтов непременно предполагает необходимость выяснения всех требований и пожеланий заказчика, который впоследствии обрабатываются специалистами и предоставляются на одобрение заказчику;
• — разработка дизайна. это очень важный процесс, который в дальнейшем может стать основой формирования уникальности и востребованности ресурса. Разрабатывается определенный план действий, используются требования заказчика по поводу использования тонов и оттенков;
• — создание основы ресурса. На основании полученной и разработанной информации составляется некая основа ресурса — образ, который изначально будет в себе совмещать некие образы всех разделов, оптимальной структуры оглавления Web-сайта, настройка интерактивных сервисов и дополнительных элементов;
• — наполнение Web-сайта. Web-сайт может привлечь клиентов, но удержать их на ресурсе способна только ценная и полезная информация.

Joomla — система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных MySQL и MsSQL. Является свободным программным обеспечением, распространяемым по лицензии GNU/GPL.

Сайтостроение с Joomla начинается всегда одинаково. В первую очередь, Web-мастеру надо определить, сколько страниц будет на его Web-сайте. Джумла позволяет создавать не только страницы второго уровня, но также категории — страницы третьего уровня. Для этого можно разработать сложную, но при этом вполне понятную посетителям навигацию.

Создание Web-сайта на Joomla — эффективное достижение гарантированного результата неограниченного уровня сложности, будь то функциональный Интернет-магазин, несложная в исполнении визитка-портфолио или новостной Web-сайт.

Если проводить сравнение joomla с другими CMS, то можно отметить несколько положительных сторон движка. С одной стороны, система позволяет создавать сложные Web-сайты и порталы. С другой стороны, все операции в администраторской панели доступны для понимания даже новичку.

Joomla прекрасно подойдёт начинающим. Разработчики данной программы стараются сохранить вещи настолько простыми, насколько это возможно, в то же время предоставляя большие возможности. Даже люди незнакомые с программированием могут получить систему полного управления своими Web-сайтами, не тратя непомерных средств на программное обеспечение с закрытым кодом.

На сегодняшний день поддерживаются две версии Joomla. Joomla 2.5 (с долговременной технической поддержкой) и Joomla 3, выпущенная недавно и являющаяся новым витком в развитии Joomla CMS.