Средства решения поставленной задачи

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

Macromedia Dreamweaver.

Компания Macromedia считается лидером по производству программ для создания веб-сайтов, а также законодателем моды в этой области. [29]

Dreamweaver имеет очень много достоинств: удобный интерфейс, настройка функций, поддержка больших проектов и ShockWave технологий, возможность закачки файлов через FTP, поддержка SSI и многое другое. Для работы в этой программе не нужно досконально знать HTML (в этом и заключается преимущество технологии WYSIWYG – «что вижу, то и получаю»). [29]

Но Dreamweaver на несколько шагов опережает другие редакторы, использующие технологию WYSIWYG, в первую очередь тем, что генерирует очень чистый HTML-код. Dreamweaver позволяет вам избавиться от однотипной работы при создании страниц (например, верстка текста): при помощи использования опции «запись последовательности команд» вы записываете последовательность производимых вами команд, потом нажимаете, например, CTRL+P, и Dreamweaver воспроизводит все в той же последовательности. [29]

Данный продукт компании Macromedia в настоящее время является наиболее востребованным и популярным среди профессиональных разработчиков Web-сайтов. Данный Web-редактор был выбран в качестве основного, благодаря наличию более расширенного набора функций по созданию и редактированию отдельных элементов страниц, имеет удобную систему панелей инструментов, ориентированных на различные виды работ. Имеет интегрированные элементы для обеспечения связей с файлами программ, входящих в состав пакета Macromedia. [29]

PHP Designer 8

PHP Designer Professional – программа, предназначенная для создания, отладки, анализа и публикации веб-страниц и приложений на языке PHP. В одинаковой степени подходит как для начинающих программистов, так и для профессиональных разработчиков. Кроме PHP, программа поддерживает HTML, MySQL, XML, CSS, JavaScript, VBScript, JAVA, C, Python и Ruby. Также идеально подходит для WAMP/LAMP- и AJAX-разработчиков, так как обладает средствами для автоматической подсветки кода. Программа имеет емкие библиотеки, содержащие более чем 3 тыс. функций, доступ к которым можно легко осуществлять в процессе программирования. Интерфейс программы создан со встроенными помощниками, чтобы облегчить процесс написания кода и имеет поддержку смены скинов, которых в программе более восемнадцати штук. [29]

Для создания графических элементов сайта в настоящее время существует множество различных редакторов: Adobe Photoshop CS, MS Picture Manager, Macromedia Flash и множество других, но для выполнения поставленных задач был выбран наиболее удобный для данного случая редактор – Adobe Photoshop CS5.1 Extended.

Создание и оптимизация графики – сложная и «капризная» задача. Безусловно, возможно создание Web-страницы и без использования графики – при помощи шрифтов, скриптов и таблиц стилей (CSS) – и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет. К тому же не все скрипты и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.

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

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

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

Adobe Photoshop CS5.1 Extended – это комплексное решение для профессиональной обработки цифровых изображений, которое содержит весь набор инструментов Photoshop CS5.1, а также средства создания и редактирования трехмерной и анимационной графики. Графический редактор Photoshop CS5.1 применяют для создания фотореалистических изображений, работы с цветными сканированными изображениями, ретуширования, цветокоррекции, коллажирования, трансформации графики, цветоделения и т.д. Photoshop CS5.1 располагает всеми методами работы с точечными изображениями, при этом имеет возможность работы со слоями и использует контуры. Также эту программу можно использовать вместе с мощными креативными приложениями для мобильных устройств. Photoshop CS5.1 является безусловным лидером среди профессиональных графических редакторов за счет своих широчайших возможностей, высокой эффективности и скорости работы. [21, c. 21]

Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language – язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Web-проекта. Кроме HTML при разработке проекта сайта для ОАО «Жилищник» необходимо использовать следующие языки:

- CSS – формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Служит для более эффектного отображения объектов на web-страницах;

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

- JavaScript – прототипно-ориентированный скриптовый язык программирования. Служит для придания интерактивности web-страницам;

- AJAX – подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером;

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

Основными средствами просмотра web-страниц являются браузеры: Internet Explorer, Mozilla Firefox, Chrome, Opera и др.

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