МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БАШКОРТОСТАН

государственное автономное образовательное учреждение

среднего профессионального образования

стерлитамакския многопрофильный профессиональный колледж

(ГАОУ СПО СМПК)

Курсовая работа

РАЗРАБОТКА И АДАПТАЦИЯ САЙТА

«ИНТЕГРА» для ИП Нафиков

Выполнил

студент IV курса группы № 416

специальности230701Прикладная

информатика в дизайне

Трофимов Антон Георгиевич

Руководитель

Фесенко Олеся Васильевна

Работа допущена к защите

«____»_________________2014г.

Председатель П(Ц)К

математики и информатика:

___________ А.В. Бирюков

Стерлитамак 2014г.

Пояснительная записка аннотация

Объем пояснительной записки 40 страниц.

Количество иллюстрации 37 рисунка, 2 таблицы.

Количество используемых источников 10.

Ключевые слова: логотип сайта, макет сайта,раздел, язык программирования php, javascript, html.

СОДЕРЖАНИЕ

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА 2

АННОТАЦИЯ 2

ВВЕДЕНИЕ

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

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

В наши дни можно редко встретить компанию, которая бы не обладала бы web-сайтом. Так как, интернет стал для большинства людей источником необходимой информации и средством коммуникаций, практически все организации используют его в качестве своего лица. Шагая в ногу со временем, любая организация, если она заинтересована в своих клиентах, должна иметь собственный сайт в Интернете. Современные возможности доступа к Интернету с мобильных телефонов расширяют круг пользователей. Это позволяет клиентам с разных мест узнавать нужную информацию. Что может позволить повысить клиентскую базу.

Актуальность темы, состоит в том что, с помощью web-сайта клиентам проще и быстрее узнавать данную информацию, о нужной организации и следовательно увеличение клиентов

Цель исследования: создать web̶-сайт «ИНТЕГРА» для ИП Нафиков.

Задача исследования:

1. Провести анализ литературы по теме исследования

2. Рассмотреть виды и структуру сайтов;

3. Разработать сайт «ИНТЕГРА» для организации ИП Нафиков

Область применения: Данный сайт будет создан и предназначен для организации ИП Нафиков.

Целевая аудитория: клиенты организации, сотрудники данной организации.

Глава 1. Теоретические основы создания сайта «интегра».

1.1. Деятельность организации ип Нафиков

Для начала над созданием сайта «ИНТЕГРА» ИП Нафиков необходимо узнать для чего он нужен и деятельность организация.

Основными направлением ИП Нафиков проектирование, монтаж, пуско-наладка и обслуживание систем.(описание побольше)

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

1.2. Анализ технического задания и возможные способы реализации поставленной задачи

Сайт - совокупность логично объединенных страниц в единое целое, которые представляют собой рекламно-информационные ресурсы, объединенные общей идеей и общим дизайном. А еще это набор документов в формате HTML, графических файлов, мультимедиа данных, программ связанных между собой по смыслу и ссылочно, доступных по протоколу HTTP, которые отличаются единством оформления и тематики. Если говорить человеческим, а не техническим языком, то сайт – это место во всемирной паутине интернет, в котором содержатся данные, предоставляемые для всеобщего обозрения владельцем, естественно, с определенной целью. Любой информационный ресурс доступен по конкретному адресу в интернете, который мы вводим в адресную строку.

Сайты условно можно разделить на несколько категорий: 

Портал – крупнейший информационный ресурс, который предоставляет исчерпывающую информацию по конкретной тематике. Как правило, имеет специально созданные форумы и чаты, для удобства общения и обсуждения тем. На порталах пользователь обычно может создать свой почтовый ящик, интернет-страничку, пользоваться доской объявлений, получать информацию о погоде, курсе валют и не только.

Корпоративный сайт – на нем размещается полная информация о компании. Рассказывается о том, чем занимается: что производит, или какие услуги оказывает организация. Тут можно найти всю информацию о продукции, акциях, событиях компании, а также отзывы и перечень партнеров.

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

Интернет-магазин – виртуальный магазин с каталогом продукции, который удобен продавцу и покупателю. Продавцу не нужно арендовать помещение для размещения товара, достаточно определится с поставщиком. А покупатель в любое время, сидя за компьютером, может, выбрав необходимый товар, удобный вид доставки и оплаты, приобрести необходимую вещь или услугу.

По доступности сайты бывают:

Открытые – на такие сайты может зайти любой желающий;

Полузакрытые – доступ на сайт возможен только после бесплатной регистрации;

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

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

Во время прохождения производственной практики при составление технического задания для разработки Web-сайта был выбран тип сайта «сайт-визитка» в котором будем представлена информация об организации ИП Нафиков, сайт будет содержать несколько страниц.

Типы макетов:

Одноколонный макет

Чаще всего такая модульная сетка применяется в академическом дизайне при публикации большого текста.

Такой дизайн отличает минимализм оформления. Здесь основное внимание уделяется содержательной части, а дизайн, как таковой, практически отсутствует. В основном такой академический дизайн можно встретить в научной среде.

Рассмотрим типичную схему одноколонной модульной сетки. Обычно здесь присутствуют четыре основных блока — это заголовок страницы, навигация по сайту, основной текст, контактная и правовая информация в самом низу страницы. При большом объеме основного текста, когда высота страницы очень большая, то внизу дублируют блок навигации по сайту или ставят ссылку «Наверх».

Рисунок 1. Одноколонный макет

Двухколонный макет

Один из наиболее распространенных вариантов применения на сайтах. Такая модульная сетка состоит из двух колонок — в одной размещается основной текст, во второй — навигация и другая необходимая информация.

Рисунок 2. Двухколонный макет

Трехколонный макет

Чаще всего трехколонную сетку применяют на главной странице сайта, где пользователю нужно показать много информации. Также такая сетка применяется и на внутренних страницах, если двух колонок не хватает для размещения всей информации.

Рисунок 3. Трехколонный макет

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