Новости

Программы используемые для создания динамических web-сайтов

Работа добавлена:






Программы используемые для создания динамических web-сайтов на http://mirrorref.ru

Содержание

  • Содержание
  • 1.1 Реализация услуг
  • 1.2 Консалтинг
  • 1.3 Разработка и сопровождение Web-проектов
  • 2 Программы используемые для создания динамических web-сайтов
  • 3 Анализ литературы
  • Заключение
  • 5 Используемая литература

1  Введение

Почему выбор пал именно наWeb-производство?

Многие уже давно поняли, что это не плохое средство дохода. В Новосибирске более 70 компаний работающих в данном направлении. Есть среди них и хорошие компании, делающие качественныеWeb-ресурсы, есть и такие которые не очень качественно относятся к своей работе, но у всех этих компаний, есть постоянные клиенты которые сделавWeb-ресурс остаются на его обслуживании.

ДинамическийWeb-сайт – это можно сказать полет фантазии не только дизайнера, но иWeb-мастера, и программиста. Ведь на таком сайте можно реализовать все то, что не доступно на статическом.

Так жеWeb-индустрия дает возможность развиваться, как в финансовом плане, так и в карьерном.

1. Направления деятельности web-студии

Деятельность web-студии состоит из следующих направлений:

  1. Реализация услуг
    1. Консалтинг
    2. Разработка и сопровождение Web-проектов
    3. Предоставление доменного имени и хостинга

1.1 Реализация услуг

Обычноweb-студии развивают свою деятельность в одном направлении – создание Интернет ресурсов.

Но зачастую зацикливание на одном может привести к снижению дохода и увеличению затрат, как финансовых, так и человеческих. Так же отрицательно на работе студии может сказаться конкуренция, которая в данной сфере деятельности очень большая. Поэтомуweb-студии зачастую начинают предоставлять другие услуги вIT-технологиях. Например: администрирование локальных сетей, разработка и реализация программного обеспечения и многого другого.

1.2  Консалтинг

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

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

Консультации проводятся в том или ином виде, письменно или устно, практически в каждом реализуемом проекте.

1.3  Разработка и сопровождение Web-проектов

Общая схема разработки и сопровождения проектов

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

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

Каждый проект можно разбить условно на три больших этапа:

- Предпроектная деятельность – от момента получения контакта и до заключения договора

- Проектная деятельность – с момента заключения договора и до подписания акта сдачи-приемки всех работ

- Послепроектное сопровождение – с момента подписания акта сдачи-приемки и до окончания действия договора на поддержку проекта.

  1. Предпроектная деятельность

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

  1. Проектная деятельность

В наиболее полном варианте, проектная деятельность имеет следующие этапы и включает следующие действия:

Таблица  Проектная деятельность

Этап

Действия, документы

Начало работ

  • Договор
  • ТЗ
  • План-график

Планирование

  • Технический проект
  • Уточненный план-график
  • Методика тестирования
  • План тестирования

Реализация

  • Определение концепции
  • Подготовка "пилота"
  • Разработка дизайн-макета
  • Программирование
  • Тестирование
  • Подключение дизайн-макета
  • Тестирование
  • Передача заказчику для внешнего тестирования

Стабилизация

  • Обработка пожеланий
  • Реализация пожеланий
  • Тестирование

Подготовка документации

  • Создание
  • Тестирование
  • Доработка

Сдача проекта

  • Акт сдачи-приемки
  • Отчет о проекте

Проект может не содержать всех действий (например, при создании статического сайта, где не требуется программирования), но общая схема остается неизменной.

  1. Послепроектное сопровождение

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

Web-Дизайн

Дизайн является важным аспектом разработки любой Интернет-системы. Профессиональный дизайн является обязательным условием для создания успешного проекта.

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

Спектр услуг включает:

  • разработка фирменного стиля или адаптация имеющегося для использования в Сети;
  • графический дизайн страниц;
  • разработка иллюстраций;
  • разработка элементов мультимедиа (Flash-анимация, GIF-анимации, видео, аудио).

Программирование

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

  1. Работа с пользователями системы

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

  1. Создание информационного наполнения

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

2.1 Интеграция источников информации, и Web-сервера. В качестве источников могут выступать:

  • базы данных, информация из которых обычно загружается через SQL-запросы
  • информационные потоки в разных форматах, загружаемые через специальные программы-конвертеры
  • информационные ресурсы других Web-систем и серверов, загружаемые через программы – “агенты”, “пауки” и прочие

2.2 Организация представления информации. Для размещения разнородной информации, получаемой из разных источников создаются специализированные объекты, задающие способы отображения (дизайн, например) для информации разных типов.

  1. Обратная связь

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

  1. Поисковые системы.

Системы организации поиска информации на сервере (полнотекстовый контекстный поиск, рубрицирование информации), “глобальные” поисковые системы (поиск информации, содержащейся на других Web-серверах), интеллектуальные средства анализа текстов.

  1. Автоматизация процесса администрирования Web-сервера и обновления информации.

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

  1. Управление контентом и внесение изменений в структуру решений.

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

  1. Другое

Существует ряд других решений и систем, разрабатываемых компанией. Перечисленные выше в пп. 1-7 системы составляют 90% разрабатываемых систем, но кроме них под конкретные задачи создаются уникальные системы, которые сложно структурировать, например, различные Intranet-решения, приложения для интеграции Web-сервера со специфическими внутренними информационными системами заказчика и т.п.

2  Программы используемые для создания динамическихweb-сайтов

Html - редактор

Для редактированияHTML документов использовалсяMacromediaDreamweaverMX 2004 из-за его удобства и возможности автоматического редактирования текста и вставки изображений. Конечно, можно использовать и другие редакторы.

Данный редактор удобен еще и тем, что при ошибке в коде, он выдает предупреждение о ошибке и выделяет ее подчеркиванием.

Для форматирования готовых документов годитсяNotepad (блокнот).

Рисунок Внешний вид редактора

Графический редактор

Для обработки изображений и верстки дизайна можно использоватьAdobePhotoshopCS, или выше.

Браузер

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

Рисунок  Внешний вид браузера

Верстка

Технологический этап в создании сайта, в процессе которого дизайн-макет сайта переводится на специальный язык гипертекстовой разметки HTML – называется версткой.

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

Нарезка макета осуществляется с помощьюAdobePhotoshop. Каждая составляющая дизайна сохраняется дляWeb в формате *.jpg или *.gif в папкуimages.

Наряду с этим, в корневой папке создается файлstyle.css– таблица стилей, название файла может быть и другим но расширение всегда будет одно*.css который прописывается в файлеindex.html,design.html, следующим образом:

Таблица  Ссылка на файлы ссылок

<link rel="stylesheet" href="/style.css" type="text/css">

<link rel="stylesheet" href="/index.css" type="text/css">

Рассмотрим таблицу стилей:

Таблица  Таблица стилей

BODY {margin:0px;padding:0px;background:#FFFFFF;color:#000000}

H1 {font-family:Arial;color:#005540;}

DIV#dec1 {position:absolute;width:267px;height:39px;background:url('images/bg1.gif');top:0px;left:0px;}

DIV#buttons {position:absolute;top:0px;left:110px;margin-top:3px;z-index:2;}

DIV#buttons A {margin-right:40px;}

DIV#dec2 {position:absolute;width:183px;height:39px;background:url('images/bg2.gif');top:0px;right:0px;}

DIV#sitename {position:absolute;top:5px;left:330px;z-index:1}

DIV#sitename A {font-size:11px;font-family:Tahoma;color:#5C5C5C;text-decoration:none;}

DIV#sitename A:hover {text-decoration:underline;}

DIV#logo {position:absolute;top:73px;left:82px;z-index:2}

TABLE#menu {position:absolute;top:70px;width:100%;z-index:1}

TABLE#menu .line {background:url('images/line1.gif') no-repeat left top;text-align:center;}

TABLE#menu DIV.hover {width:121px;height:37px;background:url('images/menu_hover.gif') no-repeat center top;padding-top:11px;text-align:center;width:100%;}

TABLE#menu DIV.hover A {font-family:Tahoma;font-size:11px;color:#005540;}

TABLE#menu DIV.out {width:121px;height:37px;padding-top:11px;text-align:center;width:100%;}

TABLE#menu DIV.out A {font-family:Tahoma;font-size:11px;color:#005540;}

Таблица  Продолжение таблицы 3

DIV#phone {width:336px;height:78px;background:url('images/bg3.jpg') no-repeat;margin-top:22px;}

DIV#phone .greenmini {color:#035441;font-family:Tahoma;font-size:11px;padding:0px;margin:0px;}

DIV#phone .greenbig {color:#689785;font-family:Arial;font-weight:bold;font-size:25px;padding:0px;margin:0px;}

DIV#contacts {width:373px;height:67px;background:url('images/bg4.jpg') no-repeat;margin-top:22px;}

DIV#contacts DIV {font-size:11px;font-family:Tahoma;color:#5C5C5C;padding-top:10px;}

TD#copyright {background:url('images/bg5.gif') repeat-x;height:58px}

TD#copyright DIV {font-family:Tahoma;font-size:11px;color:#7E7E7E;margin-top:20px;}

TD#counters {background:url('images/bg6.gif') no-repeat;height:58px}

TD#counters DIV {margin-top:20px;}

A, A:visited {color:#005540;text-decoration:none}

A:hover {text-decoration:underline}

.links {font-size:10px;font-family:Tahoma;magin:0;}

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

В данном случае используются следующие теги и стили:

BODY (тело документа) – имеет следующие параметры:margin:0px;padding:0px;background:#FFFFFF;color:#000000

margin – убирает все отступы

padding – убирает поля

background – цвет фона, в данном случае белый

color – цвет текста, в данном случае черный

H1 (размер заголовков заключается в теги отH1 доH6) – имеет следующие параметры:

font-family:Arial;color:#005540;

font-family– тип шрифта, здесьArial, но возможен любой другой

color – цвет текста, здесь темно зеленый

DIV – слой. Устанавливает параметры слоя.

TABLE– устанавливает параметры таблицы.

TD – ячейка таблицы.

A,A:visited – задается цвет ссылки и цвет посещенной ссылки.

A:hover – цвет ссылки при наведении.

При использовании нового стиля в таблице стилей, ему дается любое имя (Пример:.links”). У данного стиля будут свои параметры отличные от остальных, и им можно выделять как текст, так и изображения, но следует учитывать что параметры эти будут разные, т.е. у текста свои, у изображения свои.

Пример:

<divclass="links"><ahref="/links/">Каталог сайтов</a></div>-в данном случае, класс расположен в отдельном слое и имеет размер шрифта 9.

После верстки макета, начинается заключительный этап в создании сайта, т.е. наполнение сайта информацией Заказчика (тексты и графические изображения)

3   Анализ литературы

При написании реферата использовались только справочники в электронном виде, в которых, более подробное описание по используемым языкам программирования. В частности, поHTML,CSS,JavaScript,PHP.

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

  1. Заключение

    На данный моментWeb индустрия получает все большее и большее развитие.

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

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

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

    5  Используемая литература
    1. «HTML в примерах»MicrosoftCorp. 1995-2002 гг. Электронный справочник.
    2. Программы используемые для создания динамических web-сайтов на http://mirrorref.ru


      Похожие рефераты, которые будут Вам интерестны.

      1. Реферат Разработка динамических Веб-сайтов учебного назначения Программа курса

      2. Реферат Изучить структуру программы на языке C++, операторы присваивания, ввода и вывода данных, используемые при составлении программ линейной структуры

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

      4. Реферат Разработка программы для создания кроссвордов

      5. Реферат Процесс создания Delphi-программы

      6. Реферат ОБОСНОВАНИЕ ПРОГРАММЫ СОЗДАНИЯ ВИРТУАЛЬНОГО МУЗЕЯ В.А. ГИЛЯРОВСКОГО

      7. Реферат Изучение статических и динамических свойств типовых динамических звеньев линейных САУ на основе временных и частотных характеристик

      8. Реферат Ввод программы в компьютер. Трансляция программы

      9. Реферат Принципы управления, используемые в СУ

      10. Реферат Организация защиты корпоративных сайтов