Создание сайта ”Юридической фирмы”

Введение

1. Теоретическая часть

1.1 Обзор технологий  создания, оформления и управления

1.2 Обоснование выбора  технологии и среды

2. Технологическая часть

2.1 Целевая аудитория

2.2 Описание задачи и затраты на создание

2.3 Выбор доменного  имени

2.4 Создание

2.4.1 Установка веб-сервера

2.4.2 Создание  каталогов и файлов сайта

2.4.3 Создание макета сайта.

2.4.4 Поиск и добавление информации на сайт

Листинги

Заключение

Список использованной литературы 
 
 
 
 
 

Введение

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

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

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

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

Далее рассмотрим разработку сайта строительной компании. Далее представлен алгоритм действий на конкретном примере. 
 

     1. Теоретическая часть

     1.1 Обзор технологий создания, оформления  и управления

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

     Специальные добавки к HTML позволяют оживить  неподвижные страницы (ввести мерцание, движущийся текст, обеспечить интерактивность - возможность передачи информации не только с сервера, но и на сервер и т.д.). Такими дополнениями к языку  разметки HTML являются: каскадные таблицы  стилей CSS (позволяют представить  страницы одного сайта в едином стиле); скрипты, написанные на языках JavaScript или VBScript, для создания движущихся надписей и рисунков используют GIF- и Flash-анимацию. Каждое дополнение решает свою определенную задачу, расширяя возможности стандартного языка HTML.

     Для разработки, размещения на сервере  и поддержании работоспособности (актуальности) сайта требуется большое  число программных продуктов. В  первую очередь это специализированные HTML-редакторы, значительно рационализирующие  процесс проектирования Web-страниц. Редакторы обладают следующими полезными  возможностями: автозаполнение (вставка тегов и атрибутов с помощь подсказок); выделение цветом разных синтаксических элементов кода; просмотр созданного документа с помощью внешнего браузера (или быстрый просмотр собственными средствами); наличие типовых заготовок (шаблонов) страниц; наличие мастеров для создания различных объектов. Например Microsoft FrontPage и Adobe Dreamweaver.

     Нередко конкретные типы редакторов позволяют  поочередно работать в двух режимах: писать программы традиционным способом (программировать на языке HTML) и проектировать страницы с помощью средств визуального программирования. В последнем случае документы создаются по технологии Drag and Drop («перетащи и оставь»).

     Язык PHP,

     интерпретируемым  языком общего назначения с открытым исходным кодом. PHP создавался специально для ведения Web-разработок и код  на нём может внедряться непосредственно  в HTML-код. Основной целью PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц, однако область применения PHP не ограничивается только этим.

     Рисунки могут быть созданы двух видов: растровые  и векторные. У каждого из этих способов представления графики  есть свои достоинства и недостатки. Растровые рисунки позволяют  получить фотографическую точность изображаемого объекта. Но объемы памяти, занимаемые этими рисункам велики. Кроме того, они плохо масштабируются. Векторная графика создает компактные рисунки, причем размеры рисунков можно  изменять без их искажения. Однако изображаемые объекты выглядят схематично, в них  меньше деталей, чем в растровых  картинках.

     Графические редакторы делятся на две группы: растровые и векторные.

     К растровым графическим редакторам относятся Corel PHOTOPAINT, Adobe Photoshop, GIMP.

     Среди векторных графических редакторов следует выделить: Corel DRAW, Adobe Illustrator, Photo Impact.

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

     Программа Adobe Flash является стандартом в качестве инструментального средства создания векторных изображений для сети. Использованная в этой программе технология представляет собой удачное сочетание двух перспективных технологий: слоев и векторной графики. Наибольшее достоинство программы - это возможность создания анимированных векторных изображений (фильмов).

     При создании продукта можно использовать медиа, звуковые и графические файлы, можно создавать интерактивные интерфейсы и полноценные веб-приложения с использованием PHP и XML.

     Вероятно, в будущем Flash-фильмы придут на смену  анимации, создаваемой в настоящее  время в формате GIF.

     Среди всего многообразия программ для  обработки графических файлов выделяют:

• Adobe Photoshop (рисование и обработка многослойных растровых изображений);
• Adobe Image Ready (создание анимации, карт изображений, "Живая графика");
• Векторный редактор Corel Draw (создание и обработка векторных изображений, векторизация растровых изображений, фигурный текст и др.);
• Adobe Flash (создание анимаций).

     Так же существует технология CMS (система, используемая для обеспечения и  организации совместного процесса создания, редактирования и управления текстовыми и мультимедиа документами (содержимым или контентом), которая позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю удобные инструменты хранения и публикации информации. Сейчас существует множество готовых систем управления содержимым сайта, в том числе и бесплатных (ucoz.ru, narod.ru) 

1.2 Обоснование  выбора технологии и среды

      Для разработки и администрирования  сайта были выбраны следующие  технологии:

• HTML – язык гипертекстовой разметки.
• CSS – каскадные таблицы стилей.
• PHP – интерпретируемый язык для web-разработок.
• MySQL – базы данных.
• Denwer – современная сборка веб-сервера

   В основу легла бесплатно распространяемая сборка веб-сервера Denwer’а, который включает в себя установленную распространенную связку APACHE+PHP+MySQL. Выбор был основан на бесплатном распространение этого продукта.

   HTML и CSS является де-факто интернетом, являясь его основой, в своем проекте я использовал их для создания каркаса сайта.

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

   Базой данных для нашего сайта будет  являться MySQL. Эту базу данных я выбрал основываясь на нескольких фактах:

• Бесплатное распространение и поддержка
• Большое кол-во информации и материалов о продукте
• Предыдущий опыт работы с ней
• Легкость в изучении

2. Технологическая  часть

     2.1 Целевая аудитория

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

• на какой уровень достатка клиентов рассчитаны услуги;
• где используют интернет клиенты (на работе или дома);
• где находится основная масса клиентов территориально.

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

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

     2.2 Описание главной задачи создания

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

     

     Рисунок 1 – Структура сайта

     На  странице «Главная» будут располагаться  основная информация касающаяся работы предприятия. Так же основном меню сайта (рис №2) будут располагаться следующие страницы - Страница “О нас” - будет повествовать об истории создания агентства, его заслугах. На странице Статьи будут размещаться материалы в соответствии с тематикой сайта. Страница «Контакты» будет содержать контактную информацию (телефоны агентов, адрес офиса, адрес электронной почты, схема проезда). Так же для удобности пользователей было создано отдельное меню навигации по услугам.

          

     Рисунок 2 – основное меню  Рисунок 3 – Меню услуг

2.3 Выбор доменного имени

В виду того что наш сайт будет распложен  на локальном компьютере, и установлен на ранее обговариваемом сервере  – покупка доменного имени  для этого сайта не требуется. На установленном локальном сервере наш проект будет доступен по адресу http://stroi/.

2.4 Создание

2.4.1 Установка  веб сервера

Первоначально был инсталлирован (рис №4) пакет программ Denwer, включающий в себя веб-сервер Apache, установленный модуль языка PHP и базу данных MySQL.

Структура сервера после установки показана на рисунке №5

     Папка etc хранит в себе скрипты, утилиты и файлы конфигурации веб сервера, при разработке нашего сайта их нам касаться не прдется. Папка Home содержит в себе сами файлы с сайтами, в которой в виде домена выступает название категории. Папки tmp и usr, так же содержат служебную информацию, которая нам не понадобится. 

     2.4.2 Создание каталогов и файлов  сайта

     Следующим этапом после установки сервера  будет создание каталога для нашего сайта, ранее мы обговорили, что название будет stroi.ru.