Разработка информационного web-сайта фотосалона
Разработка дизайна web-страниц сайта. Проектирование клиентской части. Построение инфологической, даталогической моделей предметной области. Программное обеспечение автоматизированного решения задач сайта. Механизмы обеспечения надежности хранения данных.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 14.11.2014 |
Размер файла | 1,0 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
4 «подвал» -- нижняя часть сайта в окне браузера, не является обязательным блоком, он лишь подчеркивает четкую структуру сайта и выделяет содержательную часть относительно других блоков информации.
Он может содержать:
- информацию об авторском праве разработчиков Web-сайта (полный текст или ссылка на него);
- координаты для связи;
- дублирующую навигацию (текстовую);
- рекламную информацию (баннеры и текстовые блоки) и др.
В дипломном проекте была выбрана верхнее позиционирование веб-страниц, что обеспечит пользователю максимальное удобство работы.
При создании веб-сайта в редакторе Adobe Dreamweaver была выбрана технология создания страниц на основе блочной модели, а именно жесткая HTML & CSS верстка блоками.
В блочной модели элементами веб-страницы являются блоки, это прямоугольные контейнеры определяемые в html тегом <div>.
Блок (div) - это как бы один из множества кирпичей или блоков из которых состоит html документ. Причем каждый блок может иметь разные размеры, а также положение на веб странице.
Для фиксирования блоков на странице использовали следующие атрибуты css-стилей: margin, padding, float, clear.
После того, как основная структура веб-страницы была задана с помощью блоков, были добавлены такие детали, как цвет, границы из рисунков, тени и другие декоративные элементы.
Для задания элементам <div> нужной высоты, ширины, выравнивания, цвета и особенностей границ, изменения содержимого блока применяли css-стили.
3.5 Построение инфологической модели предметной области
Инфологическая модель предметной области - это описание предметной области, выполненное с использованием специальных языковых средств, не зависящих от использования в дальнейшем программных средств. Требования к инфологической модели:
- адекватность отображения предметной области;
- непротиворечивость;
- отражение потребности всех пользователей будущей информационной системы;
- допущение возможных расширений модели, а также при большой размерности инфологической модели - композиции и декомпозиции;
- желательно применение языка описания предметной области как при ручном, так и при автоматизированном проектировании;
- легкость восприятия разными категориями пользователей.
Для описания инфологической модели данных выделим восемь объектов, которые участвуют в обработке информации: «Новости», «Блог», «Обратная связь», «Категории портфолио», «Портфолио», «Статистика», «Услуги», «Пользователи». Каждый объект обладает своими свойствами.
Объект «Новости» включает в себя информацию о новостях фотосалона. Он обладает свойствами: Код, Дата создания, Заголовок, Автор, Краткий текст новости, Полный текст новости, Изображение, Заблокировать.
Объект «Блог» включает в себя данные о статьях сотрудников фотосалона, которые размещаются на клиентской части сайта. Он обладает свойствами: Код, Дата создания, Заголовок, Автор, Краткий текст новости, Полный текст новости, Изображение, Заблокировать.
Объект «Обратная связь» содержит данные о сообщениях предназначенные администрации сайта. Он обладает свойствами: Код, Дата создания, Имя отправителя, Адрес почты, Сообщение.
Объект «Услуги» хранит информацию об услугах, предоставляемых фотосалоном. Он обладает свойствами: Код, Заголовок, Описание, Изображение, Заблокировать.
Объект «Статистика» предназначен для сбора статистики сайта. Он обладает свойствами: IP -адрес, количество показов/посещений.
Объект «Пользователи» хранит информацию о пользователях, которым разрешен доступ к консоли администратора. Он обладает свойствами: Код, Тип пользователя, Дата создания, Дата последнего логина, Логин, Пароль, ФИО.
Объект «Категория портфолио» содержит информацию о категориях, на которые разделены изображения портфолио. Он обладает свойствами: Код, Раздел.
Объект «Портфолио» хранит информацию об описании и ссылках на изображения портфолио. Все фотографии хранятся в файловой системе. Он обладает свойствами: Код, Код категории портфолио, Ссылка, Описание.
Объекты «Категория портфолио» и «Портфолио» связаны между собой связью «Один-ко-многим» через поля «Категория портфолио»: «Код» - «Портфолио»: «Код категории портфолио».
Объекты «Пользователи» и «Блог» связаны между собой связью «Один-ко-многим» через поля «Пользователи»: «Код» - «Блог»: «Автор».
Объекты «Пользователи» и «Новости» связаны между собой связью «Один-ко-многим» через поля «Пользователи»: «Код» - «Новости»: «Автор».
Объекты «Услуги», «Статистика», «Обратная связь» не связаны между собой и с другими объектами.
3.6 Построение даталогической модели предметной области
На основании анализа предметной области и построенной инфологической модели разработана реляционная база данных «Photo». Для реляционной базы данных проектирование физической структуры заключается в том, чтобы разбить всю информацию по таблицам, а также определить состав полей для каждой из этих таблиц и установить связи между таблицами.
В каждой таблице присутствует уникальное идентификационное поле, которое позволяет однозначно идентифицировать запись таблицы. Такая структура исключает избыточность данных, позволяет ускорить отбор записей по условию, исключает вероятность конфликтов при совместной работе нескольких пользователей.
Таблица «Users», в ней хранится информация о пользователях администраторской части, зарегистрированных в системе. Таблица содержит поля - login - идентифицирующее пользователя при входе в систему. password - пароль для доступа к сайту. Пароль кодируется шифром md5, алгоритм которого реализован в языке PHP. Кодирование позволяет защитить пароль от просмотра заинтересованными пользователями. По этим двум параметрам осуществляется вход в систему. Поле fio - фамилия, имя, отчество пользователя (таблица 3.2).
Таблица 3.2. Структура таблицы «Users»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
type |
enum ('Admin', 'Moderator') |
NOT NULL |
|
3 |
created |
datetime |
NOT NULL |
|
4 |
last_login |
datetime |
NOT NULL |
|
5 |
name |
text |
NOT NULL |
|
6 |
password |
text |
NOT NULL |
|
7 |
login |
text |
NOT NULL |
Ключевым полем в таблице «Feedback» является поле id. В данной таблице содержаться сообщения пользователей для администрации сайта. Поля name, message, email - хранят данные об имени, сообщении и адресе электронной почты пользователя. В поле created записывается дата создания сообщения. Типы данных полей таблицы «Feedback» представлены в таблице 3.3.
Таблица 3.3. Структура таблицы «Feedback»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
created |
datetime |
NOT NULL |
|
3 |
name |
text |
NOT NULL |
|
4 |
message |
text |
NOT NULL |
|
5 |
|
text |
NOT NULL |
Таблица «News» содержит данные о новостях фирмы. Поле id является уникальным идентификатором новости. Поля title, short, full - хранят данные о новости. Поле active отвечает за блокировку вывода данных на экран. Типы данных полей таблицы «News» представлены в таблице 3.4.
Таблица 3.4. Структура таблицы «News»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
created |
datetime |
NOT NULL |
|
3 |
author_id |
int(11) |
NOT NULL |
|
4 |
title |
text |
NOT NULL |
|
5 |
short |
text |
NOT NULL |
|
6 |
full |
text |
NOT NULL |
|
7 |
image |
text |
NOT NULL |
|
8 |
active |
tinyint(4) |
NOT NULL |
Таблица «Blog» содержит данные о статьях, которые сотрудники фотосалона публикуют в блоге. Ключевым полем в таблице является поле id. Структура таблицы с описанием типов полей приведена в таблице 3.5.
Таблица 3.5. Структура таблицы «Blog»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
title |
text |
NOT NULL |
|
3 |
author_id |
int(11) |
NOT NULL |
|
4 |
short |
text |
NOT NULL |
|
5 |
full |
text |
NOT NULL |
|
6 |
image |
text |
||
7 |
created |
datetime |
NOT NULL |
|
8 |
active |
tinyint(4) |
NOT NULL |
Таблица «Services» содержит данные о предоставляемых услугах фотосалона. Ключевым полем в таблице является поле id. Структура таблицы с описанием типов полей приведена в таблице 3.6.
Таблица 3.6. Структура таблицы «Services»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
title |
text |
NOT NULL |
|
3 |
description |
text |
NOT NULL |
|
4 |
image |
text |
NOT NULL |
|
5 |
active |
tinyint(4) |
NOT NULL |
Таблица «Statistic» предназначена для сбора статистики (активности пользователей на сайте). Уникальность определяется по IP-адресу, неуникальные показы учитываются, максимум один раз в течение 5 минут. Типы данных полей таблицы «Statistic» представлены в таблице 3.7.
Таблица 3.7. Структура таблицы «Statistic»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
ip |
varchar(15) |
auto_increment |
|
2 |
views |
int(11) |
Ключевое UNIQUE |
В таблице «Portfolio» хранится информация о категориях портфолио работ фотосалона. Ключевым полем в таблице является поле id, по этому полю данная таблица связана с таблицей «Portfoliophotos» связью «один-ко-многим». Структура таблицы с описанием типов полей приведена в таблице 3.8
Таблица 3.8. Структура таблицы «Portfolio»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
3 |
title |
text |
NOT NULL |
Таблица «Portfoliophotos» содержит ссылки на изображения портфолио и их описание. Структура таблицы с описанием типов полей приведена в таблице 3.9.
Таблица 3.9. Структура таблицы «Portfoliophotos»
№ п/п |
Поле |
Тип данных |
Дополнительные параметры |
|
1 |
2 |
3 |
4 |
|
1 |
id |
int(11) |
Ключевое UNIQUE, auto_increment |
|
2 |
port_id |
int(11) |
NOT NULL |
|
3 |
image |
text |
NOT NULL |
|
4 |
text |
text |
NOT NULL |
3.7 Характеристика входной и выходной информации
Входной документацией при работе с сайтом являются данные:
- об услугах фотосалона, которые он предоставляет и реализует: описание услуг, изображение готовой продукции;
- портфолио работ фотосалона;
- новости фотосалона;
- статьи блога:
- данные, которые пользователь вносит в форму обратной связи.
Выходные данные представлены в виде статистических данных (рисунок 3.14), которые формируются, автоматически в консоли администратора на странице «Статистика»: количество фото а галерее, количество предлагаемых услуг (активных/всего), портфолио (работ/фото), количество новостей (активных/всего) и записей в блоге (активных/всего), посещения. Также выходными данными является информация, связанная с активностью пользователей (количество уникальных, посещенных ссылок и сообщений обратной связи.
3.8 Алгоритм работы сайта
1 Web-браузер пользователя отправляет HTTP-запрос Web-страницы.
2 Web-сервер принимает запрос. Загружает страницу index.php, в котором подключается файл кофигурации (controller.php). В файле конфигурации происходит подключение основных модулей сайта. Далее Web-сервер передает файл механизму РНР на обработку.
3 Механизм РНР начинает синтаксический анализ сценария. В сценарии присутствует команда подключения к базе данных и выполнения запроса в ней. РНР открывает соединение с сервером MySQL и отправляет необходимый запрос.
4 Сервер MySQL принимает запрос в базу данных, обрабатывает его, а затем отправляет результаты -- в данном случае, список книг -- обратно в механизм РНР.
5 Механизм РНР завершает выполнение сценария, форматируя результаты запроса в виде HTML, после чего отправляет результаты в HTML-формате Web- серверу.
6 Web-сервер пересылает HTML в браузер, с помощью которого пользователь просматривает запрос.
3.9 Организация технологии сбора, передачи, обработки и выдачи информации
Технологическое обеспечение (ТО) включает описание организации технологии сбора, передачи, обработки и выдачи информации. ТО отражает последовательность операций, начиная от способа сбора первичной информации и заканчивая формированием результатной информации. Также приводится схема технологического процесса сбора, передачи, обработки и выдачи информации и инструкционные карты основных операций технологического процесса, отражающие пооперационное описание технологии.
Обобщённо алгоритм, реализующий технологическую схему обработки информации, представляет собой следующую совокупность действий:
1. выбор соответствующей выходной формы;
2. заполнение полей формы;
3. отображение информации на видеоконтрольном устройстве;
4. если необходима твёрдая копия полученных данных, то Ввод исходных данных;
5. анализ исходных данных;
6. если исходные данные корректны, то переход на пункт 4, в противном случае - выдача сообщения и переход на пункт 1;
7. передача данных соответствующему запросу;
8. анализ параметров и условий выборки информации;
9. Формирование списка таблиц для поиска информации;
10. поиск информации по выбранному списку таблиц в соответствии со значениями параметров и условиями выборки;
11. если информация, удовлетворяющая заданным параметрам и условиям выборки, отсутствует, то выдаётся соответствующее диагностическое сообщение и переход на пункт 1. При нахождении необходимой информации, она передаётся исполнительным частям запросов и переход на пункт 9;
12. выяснение необходимости завершить работу с базой данных. Если «Да», то переход на пункт 13, если «Нет», то переход на пункт 1;
13. конец работы.
Такое представление даёт возможность более наглядного понимания процесса прохождения информации.
ПО функционирует в следующих режимах:
- ввод данных в базу данных ПО;
- просмотр информации из базы данных;
- коррекция информации в базе данных;
- формирование выходных документов.
Выбор режимов работы осуществляется пользователем после инициализации программных модулей.
3.10 Программное обеспечение автоматизированного решения задач Web-сайта
Разработка сайта компании включает следующие этапы:
1 разработку базы данных на основе архитектуры клиент-сервер;
2 разработку интерфейса, обеспечивающей доступ и работу с базой данных.
Средой разработки базы данных является MySql. БД состоит из 8 таблиц, 3 из которых справочники: пользователи, услуги, категории портфолио.
ПО, обеспечивающее доступ и работу с базой данных разработано посредством скриптового языка программирования PHP.
3.10.1 Механизмы обеспечения надежности хранения данных
Для надежности защиты данных используется алгоритм хеширования MD 5 и хеш-код salt.
MD5 алгоритм хеширования, предназначен для создания «отпечатков» или «дайджестов» сообщений произвольной длины. Зная MD5, невозможно восстановить входное сообщение, так как одному MD5 могут соответствовать разные сообщения. Используется для проверки подлинности опубликованных сообщений путем сравнения дайджеста сообщения с опубликованным. Эту операцию называют «проверка хеша» (hashcheck).
В дипломном проекте MD5 используется для хеширования паролей. В системе каждый пользователь имеет свой пароль и его знает только пользователь. Salt - хеш-код, набор символов, который присоединяется к шифруемой строке, чем увеличивает стойкость пароля.
3.10.2 Схема взаимодействия модулей системы
При помощи браузера пользователь заходит на web-сайт компании. Сайт содержит страницы, на которых можно просмотреть данные о компании: история, новости, контактные данные, фотографии, описание продукции которую она реализует, прайсы. Также можно оставить заказ на покупку какой-либо продукции и задать интересующие вопросы.
Таблица 3.10. Модули программного комплекса клиентской части
№ п/п |
Идентификатор программного модуля |
Выполняемые функции |
|
1 |
2 |
3 |
|
1 |
Модуль данных |
Головной модуль выполняющий все необходимые настройки среды для работы программы. Построен на php 5 с применением базы данных mysql 5 для вывода данных в окно интернет браузера используется html и css. Для поддержки проверки на ввод данных используется PHP. |
|
2 |
Модуль сайта |
Управляющий модуль, обеспечивающий взаимодействие всех остальных модулей, он выводит начальную информацию на экран в виде головного меню. Используется для отображения информации, выводимой на сайт. Использует технологию доступа к данным базы данных и вывода в браузере с помощью HTML и PHP. |
|
3 |
Модуль галереи |
Использует одну независимую таблицу БД. Предназначен для вывода фотографий на сайт. |
|
4 |
Модуль блога |
Используется для отображения статей блога на сайте. Использует технологию доступа к данным базы данных и вывода в браузере с помощью HTML и PHP. |
|
5 |
Модуль новостей |
Используется для отображения новостей на сайте. Новости о последних событиях организации, либо новости о проведении технических работ на сайте. Использует технологию доступа к данным базы данных и вывода в браузере с помощью HTML и PHP. |
3.11 Руководство пользователя
Презентационный сайт фотосалона «Учкудук» разработан с целью обеспечения информационной поддержки фирмы.
Основные задачи сайта:
1 обеспечение размещения оперативной информации, размещение подробной информации о предлагаемых услугах;
2 обеспечение информационной поддержки партнеров и клиентов компании, оперативное оповещение о событиях;
3 создание дополнительного канала обратной связи с клиентами через Интернет.
В программе предусмотрен один вид прав доступа - это администратор и модератор. Данные пользователи отвечают за невидимую часть сайта, которая предназначена для управления сайтом: изменение контента, управление фотогалереей, новостями, блогом и обратной связью.
Работа с сайтом.
При входе на сайт открывается главная страница, на которой представлена слайд шоу галерея, которая содержит авторские работы, демонстрирующие основные разделы сайта.
Консоли администратора и модератора.
Консоли администратора и модератора является закрытыми частями сайта. Консоль администратора предназначена для редактирования структуры и содержимого сайта.
Консоль модератора предоставляет возможность работать с новостями, блогом и обратной связью сайта.
Редактирование фотогалереи.
В пункте меню «Фотогалерея» можно добавить новые фотографии, удалить ненужные нажатием на крестик в верхнем правом углу изображения фотографии. Данные фотографии будут выведены в галерею на главной странице сайта.
Редактирование услуг.
В пункте меню «Услуги» производиться добавление, изменение и редактирование предлагаемых услуг фотосалоном. Для удобства добавления новой услуги, предлагается шаблон, который можно изменить нажатием на кнопку «Редактировать» . После того как произведены все действия по редактированию необходимо сохранить изменения. Для сохранения используется кнопка «Сохранить» . Чтобы удалить записи об услуге используется кнопка «Удалить» .
Редактирование портфолио.
В пункте меню «Портфолио» можно производить добавление, удаление, редактирование категорий портфолио и в каждой категории добавлять и удалять фотографии.
Редактирование новостей и блога.
Пункты меню «Новости» и «Блог» одинаковы в редактировании, поэтому рассмотрим пример работы с новостями. При выборе данного пункта меню на странице загружается форма содержащая список новостей, имеющихся в базе. Добавить новую новость можно нажатием кнопки «Добавить новость». Редактирование новости производиться после нажатия на кнопку «Редактировать» .
Обратная связь.
Пункт меню «Обратная связь» позволяет просматривать сообщения, отправление пользователями клиентской части, отвечать на данные сообщения (гиперссылка «Ответить») или удалять их (гиперссылка «Удалить».
Редактирование информации о модераторах.
При выборе пункта меню «Модераторы» администратор может добавлять нового модератора сайта и редактировать данные уже имеющихся пользователей.
При выборе пункта меню «Выход» происходит завершение работы с консолью.
4. Охрана труда и техника безопасности
Охрана труда - система обеспечения безопасности жизни и здоровья работников в процессе трудовой деятельности, включающая правовые, социально-экономические, организационные, технические, психофизиологические, санитарно-гигиенические, лечебно-профилактические, реабилитационные и иные мероприятия и средства.
Основополагающим актом, регулирующим правоотношения в сфере охраны труда, является Трудовой кодекс РК. Статьей Трудового кодекса РК установлены гарантии права работника на охрану труда. Для реализации права работника на охрану труда государство обеспечивает организацию охраны труда, осуществление государственного надзора и контроля за соблюдением законодательства по охране труда и ответственность за нарушение требований законодательства. Служба охраны труда подчиняется непосредственно руководителю предприятия или его заместителю и приравнивается к основным производственно-техническим службам.
4.1 Анализ опасных вредных факторов и возможных чрезвычайных ситуаций, возникающих во время работы программиста
4.1.1 Уровень шума на рабочем месте
На человека постоянно воздействуют различные акустические факторы (шум, ультразвук и инфразвук). Шумы беспорядочно изменяются во времени и вызывают неприятные субъективные ощущения. Шум вредно действует на здоровье и труд людей. Он является общебиологическим раздражителем. В результате воздействия шума снижается производительность труда, растет число ошибок при работе, повышается опасность травмирования. Шум приводит к снижению внимания, замедляет реакцию человека на поступающие от технических устройств сигналы. Шум способствует увеличению числа всевозможных заболеваний еще и потому, что он угнетающе действует на психику, способствует значительному расходованию нервной энергии. Шум на рабочем месте пользователя персонального компьютера (ПК) создается вентиляционной системой ЭВМ и печатающим устройством. По сути - это колебания, порождаемые в нем различными механическими приводами, многократно усиливаемые всевозможными резонирующими элементами конструкций и передаваемые в воздушной среде пользователям компьютера, в виде различных паразитных шумов.
4.1.2 Электромагнитное и ионизирующее излучения
Дисплеи (мониторы) являются основным источником вредного воздействия на здоровье людей, работающих с персональными ЭВМ. В большей степени вредное воздействие оказывают мониторы на основе электронно-лучевых трубок (ЭЛТ). Частотный спектр излучения монитора характеризуется наличием рентгеновских, ультрафиолетовых, инфракрасных и других электромагнитных колебаний. Ионизирующее излучение существует в форме рентгеновского излучения внутри электронно-лучевой трубки, создаваясь при столкновении электрона со стеклом экранной поверхности.
4.1.3 Статические нагрузки и монотонность труда
Состояние монотонности вызывается действительным и кажущимся однообразием выполняемых на работе движений и действий. Под влиянием монотонности человек становится вялым и безучастным к работе. Длительное пребывание в фиксированной рабочей позе, необходимость ввода с клавиатуры большого количества информации, необходимость быстрого ввода информации, сменный режим работы, отсутствие перерывов -- все это отрицательно действует на организм человека, приводя к преждевременному утомлению.
Также, выполнение многих операций вынуждает пользователя ПК пребывать в позах, требующих длительного статического напряжения мышц спины шеи, рук, ног. Это приводит к их утомлению и появлению болезненности, одеревенелости и онемения в мышцах шеи и плечевого пояса, болях в позвоночнике, болезненности и одеревенелости в мышцах рук и ног. Болезненные ощущения в различных группах мышц связаны с тем, что они, постоянно находясь в состоянии сокращения, не расслабляются, вследствие чего в них ухудшается кровообращение. Причиной болезней пальцев и кистей рук является специфика работы на клавиатуре: пользователи с высокой скоростью повторяют одни и те же движения. Поскольку каждое нажатие на клавишу сопряжено с сокращением мышц, сухожилия непрерывно скользят вдоль костей и соприкасаются с тканями, в результате развиваются воспалительные процессы.
Отмеченные эргономические неудобства вызывают необходимость вынужденной рабочей позы и могут привести к нарушениям в костно-мышечной и периферийной нервной системах.
С целью снижения напряженности труда и уменьшения отрицательного влияния монотонности необходимо проведение следующих мероприятий:
- перерывы в работе;
- изменение содержания и темпа работ, выполняемых в свободном ритме и в ритме, навязываемом программой ПК (чередование редактирования текста и ввода данных).
Для сохранения здоровья пользователя следует придерживаться некоторых несложных правил:
- рабочее место должно быть удобным и обеспечивать нормальное функционирование опорно-двигательного аппарата и кровообращения;
- суммарное время работы за ПК в течение рабочего дня не должно превышать 4 часов;
- после каждого часа работы следует делать перерыв, как минимум, на 10-15 минут, во время которого необходимо встать и выполнить ряд упражнений для глаз, поясницы, рук и ног;
- создать внешние условия, ослабляющие впечатление однообразия работы (функционального цвета производственного помещения, оборудование комнат психологической разгрузки и т.п.).
4.1.4 Недостаточная освещенность
Отсутствие или недостаточность естественного освещения, повышенная яркость света, блики (отражение света от блестящих поверхностей), пульсация светового потока (мерцание изображения) оказывают вредное воздействие на здоровье человека - раздражение зрительных органов, головные боли, утомление. Местное освещение не рекомендуется. Используется общее освещение. Максимальная освещенность 400 лк, блескость менее 15 ед., пульсация менее 10%. Освещенность на поверхности стола в зоне размещения рабочего документа должна быть 300-500 лк. Допускается установка светильников местного освещения для подсветки документов. Местное освещение не должно создавать бликов на поверхности экрана и увеличивать освещенность экрана более 300 лк. Следует ограничивать прямую блесткость от источников освещения, при этом яркость светящихся поверхностей (окна, светильники и др.), находящихся в поле зрения, не должна быть более 200 кд/ кв.м.
Следует ограничивать неравномерность распределения яркости в поле зрения монитором и ПЭВМ, при этом соотношение яркости между рабочими поверхностями не должно превышать 3:1-5:1, а между рабочими поверхностями и поверхностями стен и оборудования 10:1. Лампы рекомендуется использовать белого света, холодного белого света, наиболее близкие к естественному свету. Мощность ламп 36-40 ВТ, температура 3000-4200 градусов Кельвина, тогда они не дают высокого ультрафиолетового излучения. Основной поток естественного света должен быть слева. Солнечные лучи и блики не должны попадать в поле зрения работающего с ЭВМ.
4.2 Характеристика помещения
Помещение, в котором находится рабочее место администратора сайта, имеет следующие характеристики:
- длина помещения: 3 м;
- ширина помещения: 4 м;
- высота помещения:3 м;
- число рабочих мест: 2;
- число окон: 1;
- заземление электроустановок: заземляющий контур;
- цвет окраски потолка: белый;
- цвет окраски стен: белый;
- тип светильника: двухламповый ОД;
- количество светильников: 1;
- вид выполняемых работ: работа с прикладными программами.
4.3 Расчёт освещения рабочего места
Одним из основных вопросов охраны труда является организация рационального освещения производственных помещений и рабочих мест.
Для освещения помещения, в котором работают два специалиста, используется смешанное освещение, т.е. сочетание естественного и искусственного освещений.
Естественное освещение - осуществляется через окно в наружной стене здания.
Искусственное освещение - используется при недостаточном естественном освещении и осуществляется с помощью двух систем: общего и местного освещения. Общим называют освещение, светильники которого освещают всю площадь помещения. Местным называют освещение, предназначенное для определённого рабочего места.
Для помещения, где находится рабочее место специалистов, используется система общего освещения.
Используя метод коэффициента использования светового потока, рассчитать общее равномерное освещение рабочих мест вычислительного зала. На основании полученных расчетов подобрать тип ламп, светильников и определить необходимое их количество. На плане помещения (масштаб 1:100) показать расположение светильников.
Общий световой поток рассчитывается по формуле:
,(4.1)
где - световой поток одного светильника, для данного вида светильника =4370 лк;
Eн - нормированная освещенность, 300 лк;
- площадь помещения, м2;
KЗ - коэффициент запаса, принимаемый в зависимости от загрязнения воздуха в помещении СНиП II-4-79;
Z - коэффициент, учитывающий отношение средней освещенности к минимальной (по таблице II Z=0,9);
N - число светильников;
КИ - коэффициент использования светового потока.
Коэффициент использования светового потока определяется по светотехническим таблицам. Он зависит от КПД и кривой распределения силы света светильника, коэффициентов отражения потолка, пола и стен, высоты подвеса светильника над расчетной поверхностью и конфигурации помещения, которая определяется индексом (показателем) помещения по формуле:
,(4.2)
где и - ширина и длина помещения, м;
- высота подвеса светильника над расчетной поверхностью, м.
;(4.3)
где-расстояние от уровня потолка до светильника (длина подвеса), м
Для люминесцентных ламп =0,1 м; для ламп накаливания =0,2…0,3 м.
Подсчитав индекс помещения, выбрав тип светильников и оценив коэффициенты отражения потолка и стен, находим коэффициент использования светового потока. Минимальная требуемая освещенность устанавливается по СНиП II-4-79 или отраслевым нормам. Число светильников подбирается с учетом наивыгоднейшего их расположения.
Необходимое количество светильников определим по формуле:
.(4.4)
Коэффициенты отражения и пропускания светового потока различными материалами:
Для белой окраски - Кпот= 0,92 (92%).
Площадь помещения: S =3·4 = 12 (м2). Определим индекс помещения по формуле 4.2:
0,59.
Для значения индекса помещения определяем коэффициент использования: для светильника ОД: Кпот=70%; Кстен=50%; Ки=0,53.
Коэффициент запаса для люминесцентных ламп при запыленности помещения (С-концентрация пыли, мг/м3) Малая, С<1 =1,5.
Из формулы 4.1 определим общий световой поток по формуле:
11250 лм.
Определим необходимое количество светильников по формуле 4.3.
2,572шт.
В данном пункте дипломного проекта был произведён расчёт освещённости рабочего места для определения необходимого количества ламп. В результате расчетов было выявлено, что для нормальной работы специалистов нужно 2 лампы.
4.4 Расчет уровня шума в помещении
Уровень шума, возникающий от нескольких некогерентных источников, работающих одновременно, подсчитывается на основании принципа энергетического суммирования излучений отдельных источников по формуле:
(4.5)
гдеLi- уровень звукового давления i-го источника шума;
n - количество источников шума.
Полученные результаты расчета сравнивается с допустимым значением уровня шума для данного рабочего места. Если результаты расчета выше допустимого значения уровня шума, то необходимы специальные меры по снижению шума. К ним относятся: облицовка стен и потолка зала звукопоглощающими материалами, снижение шума в источнике, правильная планировка оборудования и рациональная организация рабочего места.
Уровни звукового давления источников шума, действующих на специалиста на его рабочем месте представлены в таблице 4.1
Таблица 4.1. Уровни звукового давления различных источников.
Источник шума |
Уровень шума, дБ |
|
1 |
2 |
|
Жесткий диск |
30 |
|
Вентилятор |
35 |
|
Монитор |
10 |
|
Клавиатура |
12 |
|
Принтер |
45 |
|
Сканер |
42 |
Каждое рабочее место специалиста оснащено следующим оборудованием: винчестер в системном блоке, вентилятор(ы) систем охлаждения ПК, монитор, клавиатура, принтер и сканер.
Подставив значения уровня звукового давления для каждого вида оборудования в формулу, получим:
L?=10·lg(2·(103+103,5+101+101,2+104,5+104,2))=50,14 дБ.
Полученное значение не превышает допустимый уровень шума равный 65 дБ (ГОСТ 12.1.003-83).
В главе рассмотрены основные источники опасности для здоровья специалистов, а также способы их устранения. Особое внимание уделено вопросам шума и освещенности на рабочих местах. Для них приведены расчеты в соответствующих подпунктах. Итогом пункта по расчету шума является установление факта того, что полученное значение не превышает допустимый уровень шума. Итогом пункта по расчету освещенности рабочих мест специалистов является расчет необходимого числа светильников ОД с газоразрядными лампами для помещения размером 3•4•3 м. Для такого помещения достаточно 2 лампы.
5. Экономическая часть
5.1 Расчет времени на создание программного продукта
Общее время на создание программы складывается из различных компонентов. Структура общего времени на создание программного продукта представлена в таблице 5.1.
Таблица 5.1. Структура общего времени на создание программного продукта
Обозначение времени данного этапа, человеко-час. |
Рекомендуемая доля времени для выполнения данного этапа, %. |
Примерное время, час |
Содержание этапа |
|
1 |
2 |
3 |
4 |
|
Тпз |
10 5 |
28 |
Постановка задачи |
|
Та |
35 5 |
110 |
Разработка алгоритма решения задачи |
|
Тп |
25 5 |
110 |
Написание программного продукта |
|
Тот |
15 5 |
32 |
Отладка и тестирование программного продукта |
|
Тд |
15 5 |
80 |
Оформление документации, инструкции пользователю, пояснительной записки |
Общее время на создание программного продукта рассчитывается по формуле (5.1):
Т = Тпз + Та + Тп + Тот + Тд(5.1)
где Тпз - затраты труда на подготовку описания задачи, включающие затраты труда по сбору материала для описания задачи, изучению объекта автоматизации, разработке технического задания, утверждению технико-экономического обоснования, чел./час;
Та - затраты труда на написание текста программы, включающие затраты труда по описанию всех компонентов информационной подсистемы, оформлению технического проекта, выбору математических методов и алгоритмов, корректировке структуры базы данных, чел./час;
Тп - затраты труда на написание программного продукта, чел./час;
Тот - затраты труда на отладку программы, включающие затраты труда по тестированию и доводке программы, установке технических средств программного продукта, чел./час;
Тд - затраты труда на оформление документации, разработку инструкции по эксплуатации для пользователей, пояснительной записки, чел./час.
В соответствии с формулой (5.1) рассчитаем общее время на создание программного продукта: Т = 28 + 110 + 110 + 32 + 80 = 360 (чел./ час)
Общее время на создание программного продукта составляет 360 часов.
5.2 Расчет себестоимости создания программного продукта
Суммарные затраты на создание программного продукта включают следующие элементы:
- амортизационные отчисления;
- материальные затраты;
- заработная плата;
- социальный налог;
- прочие затраты.
5.2.1 Амортизационные отчисления
Амортизационные отчисления определяются исходя от первоначальной стоимости основных фондов по формуле (5.2):
А = (Кп На / 100%) Т / Тобщ, (5.2)
где А - величина амортизационных отчислений, тенге;
Кп - первоначальная стоимость основных фондов, тенге;
На - норма амортизации, %;
Т - общее время на создание программного продукта, час;
Тобщ - общий годовой фонд времени работы (Тобщ= ((365-106-14)/7) нед. 40 ч/нед. = 1468 ч).
Данные необходимые для расчета амортизационных отчислений представлены в таблице 5.2.
Таблица 5.2. Данные для расчета амортизационных отчислений
Наименование показателя |
Единица измерения |
Условное обозначение |
Значение |
|
Стоимость 1 ЭВМ |
Тн |
Кп |
94000 |
|
Общее время на создание программного продукта |
Ч |
Т |
360 |
|
Норма амортизации для компьютера |
% |
На |
20 |
|
Общий годовой фонд времени работы |
Ч |
Тобщ |
1468 |
По формуле (5.2) определим величину амортизационных отчислений: А = (94000 · (20/100)) · 360/1468 = 6146,15 тенге.
5.2.2 Материальные затраты
Материальные затраты включают затраты на силовую электроэнергию, расходные материалы, трудозатраты и накладные расходы (прочие).
Затраты на силовую электроэнергию определяются по формуле (5.3):
Зс.эн = Фэф Цэ Р, (5.3)
где Фэф - эффективный фонд времени работы ПЭВМ в часах (Фэф=Тп+Тот+Тд = 222 ч.);
Цэ - стоимость 1 кВт/час, тенге;
Р - суммарная мощность ПЭВМ с периферией, кВт/час.
Эффективный фонд времени работы ЭВМ составляет (по максимуму) 340 часов.
Данные необходимые для расчета затрат на силовую электроэнергию представлены в таблице 5.3.
Таблица 5.3. Данные для расчета затрат на электроэнергию
Наименование показателя |
Единица измерения |
Условное обозначение |
Значение |
|
1 |
2 |
3 |
4 |
|
Мощность, потребляемая компьютером |
КВт |
Р |
0,4 |
|
Стоимость 1кВт/час |
Тн |
Цэ |
14,95 |
|
Эффективный фонд времени работы ЭВМ |
Ч |
Фэф |
222 |
По формуле (5.3) определим затраты на силовую электроэнергию: Зс.эн = 222 14,95 0,4 = 2033,2 тенге.
Затраты на расходные материалы берутся по факту.
В их число входят затраты на диски, картриджи и бумагу для принтеров и т.п. (таблица 5.4).
Таблица 5.4. Суммарные затраты на расходные материалы
Наименование материала |
Цена за единицу, тенге |
Количество, шт. |
Суммарные затраты, тенге |
|
1 |
2 |
3 |
4 |
|
Внешний носитель информации |
1000 |
1 |
1000 |
|
Заправка картриджа HP |
750 |
1 |
750 |
|
DVD-R |
25 |
30 |
750 |
|
Итого |
2500 |
Таким образом, материальные затраты равны: Змат = = 2033,2 + 2500 = 4533,2 тенге.
Суммарные затраты на расходные материалы после внедрения программного продукта (таблица 5.5).
Таблица 5.5. Суммарные затраты на расходные материалы после внедрения программного продукта
Наименование материала |
Цена за единицу, тенге |
Количество, шт. |
Суммарные затраты, тенге |
|
1 |
2 |
3 |
4 |
|
Внешний носитель информации |
1000 |
1 |
1000 |
|
Заправка картриджа HP |
750 |
1 |
750 |
|
Итого |
1750 |
Таким образом, материальные затраты после внедрения программного продукта равны: Змат = = 2033,2 + 1750 = 3783,2 тенге.
5.2.3 Затраты на заработную плату
Затраты на заработную плату определяются по формуле (5.4) исходя из количества времени, необходимого на разработку программного продукта и тарифной ставки программиста.
Зз/п = ЧТС Т,(5.4)
где ЧТС - часовая тарифная ставка программиста, тенге/час;
Т - общее время, необходимое на создание программного продукта, чел/час.
Тчас=Тmin(час)k= 29696,97/1631,1=200 тенге час;
Часовая тарифная ставка программиста равна 200 тенге.
Время на создание продукта равно 360 часов.
Таким образом, по формуле (5.4) затраты на заработную плату программиста составят: Зз/п = 200 360 = 72000 тенге.
5.2.4 Размер социального налога
Размер социального налога зависит от величины заработной платы и определяется согласно действующему налоговому законодательству.
Затраты на отчисления из фонда заработной платы рассчитываются по формуле (5.5):
Зотч = (Зз/п 0,9) CH,(5.5)
где Зз/п - затраты на заработную плату инженера, тенге;
CH - ставка социального налога (11% от фонда заработной платы), тенге.
В соответствии с формулой (5.5) рассчитаем затраты на социальные отчисления: Зотч = (72000 0,9) 0,11 = 7128 тенге.
5.2.5 Прочие затраты
Прочие расходы составляют 3% от суммы амортизационных отчислений, материальных затрат, заработной платы, социального налога, и рассчитываются по формуле 5.6:
Пр.р = (А + Зз/п + Зотч + Змат) ? 0,03(5.6)
По формуле (5.6) определим затраты на прочие расходы:
Пр.р = (6146,15 + 72000 + 7128 + 2500) 0,03 = 2633,22 тенге.
5.2.6 Капитальные затраты на разработку программного продукта
Теперь, сложив все элементы, можно определить себестоимость программного продукта по формуле (5.7):
Сп.п = А + Зз/п + Зотч + Змат + Пр.р(5.7)
В соответствии с формулой (5.7) себестоимость программного продукта составит:
Сп.п = 6146,15 + 72000 + 7128 + 2500 + 2633,22 = 90407,37 тенге.
Структура себестоимости программного продукта представлена в таблице 5.6.
Таблица 5.6. Структура себестоимости программного продукта
Элементы себестоимости |
Сумма, тенге |
Процент в общей сумме себестоимости, % |
|
1 |
2 |
3 |
|
Амортизационные отчисления |
6146,15 |
6,8 |
|
Материальные затраты |
2500 |
2,77 |
|
Заработная плата |
72000 |
79,64 |
|
Социальный налог |
7128 |
7,88 |
|
Прочие расходы |
2633,22 |
2,91 |
|
Итого: |
90407,37 |
100,00 |
5.3 Расчет цены программного продукта
Цена складывается из нескольких компонентов по формуле (5.8):
Ц = Сп.п + П + НДС, (5.8)
где П - прибыль, которая берется в размере 25% от себестоимости, тенге;
НДС - налог на добавленную стоимость, который берется в размере 12% от суммы себестоимости и прибыли.
Данные необходимые для расчета цены программного продукта представленные в таблице 5.7.
Таблица 5.7. Компоненты для расчета цены программного продукта
Наименование компонента |
Условное обозначение |
Сумма, тенге |
|
1 |
2 |
3 |
|
Прибыль |
П |
90407,37 0,25=22601,84 |
|
Налог на добавленную стоимость |
НДС |
(90407,37+ 22601,84) 0,12= = 13561,11 |
В соответствии с формулой (5.8) рассчитаем цену программного продукта: Ц = 90407,37 + 22601,84 + 13561,11 = 126570,32 тенге.
5.4 Расчет затрат на внедрение программного продукта
Затраты на внедрение программного продукта включают затраты на приобретение комплекса технических средств и дополнительное ПО, необходимое для функционирования разработанной информационной системы, а также расходы на обучение персонала.
До внедрения ИС в отделе уже имелась одна ЭВМ, с установленным лицензионным программным обеспечением, поэтому необходимо приобрести одну ЭВМ с ПО.
Время на обучение персонала по разрабатываемой информационной системе составляет 3 часа.
Результаты расчетов приведены в таблице 5.8.
Таблица 5.8. Суммарные затраты на внедрение программного продукта
Наименование показателя |
Единица измерения |
Значение |
|
1 |
2 |
3 |
|
Стоимость 1 ЭВМ |
Кп |
94000 |
|
Стоимость одного часа обучения |
Тн |
350 |
|
Время на обучение персонала |
Ч |
3 |
|
Итого: |
95050 |
Затраты на внедрение программного продукта составят:
Зв.п.п = 3?350 + 94000 = 95050 тенге
Годовая экономия от внедрения программного продукта определяется путем сопоставления эксплуатационных затрат, связанных с выполнением поставленных задач до создания программного продукта и после.
Если система, внедряется вместо ручной системы обработки информации, то разница затрат определяется соответственно между автоматизированной и ручной системами.
В этом случае стоимость затрат по базовому варианту включает только текущие затраты при базисной технологии:
- трудовые затраты работников, занятых сбором информацией и ее обработкой;
- текущие материальные затраты (стоимость бумаги, энергозатраты, техническое обслуживание оборудования);
- амортизацию основных фондов, используемых ИС.
Необходимо сравнить суммарные годовые эксплуатационные затраты по следующим элементам, представленным в таблицах 5.9 - 5.10.
Таблица 5.9. Структура элементов затрат, необходимых для определения экономии
Затраты до внедрения ИС |
Затраты после внедрения ИС |
|
Амортизация 1 КТС |
Амортизация 2 КТС |
|
Материальные затраты 1 |
Материальные затраты 2 |
|
Заработная плата технологов, операторов 1 |
Заработная плата технологов, операторов 2, администратора |
|
Социальный налог 1 |
Социальный налог 2 |
|
Прочие расходы 1 |
Прочие расходы 2 |
Примечание. Как показывают исследования, внедрение программного обеспечения на предприятии экономит от 10 до 50 процентов рабочего времени технологов, занятых обслуживанием данных.
Таблица 5.10. Структура показателей
Наименование показателя |
Значение |
|
1 |
2 |
|
Стоимость 1го компьютера до внедрения |
94000 |
|
Стоимость 1го компьютера после внедрения |
94000 |
|
Затраты на расходные материала до внедрения |
2500 |
|
Затраты на расходные материала после внедрения |
1750 |
|
Количество ЭВМ до внедрения |
1 |
|
Количество ЭВМ после внедрения |
2 |
Подобные документы
Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.
дипломная работа [2,3 M], добавлен 19.01.2017Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.
курсовая работа [346,7 K], добавлен 18.09.2016Проектирование web-сайта кафедры для освещения деятельности учебного заведения. Выбор программных средств для его разработки. Разработка интерфейса и административной части сайта. Описание и принцип работы свободного програvмного обеспечения CMS PHP-NUKE.
курсовая работа [2,0 M], добавлен 16.12.2009Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.
курсовая работа [10,7 M], добавлен 01.09.2016Обзор программных средств для создания информационных систем. Анализ деятельности предприятия и задач, подлежащих автоматизации. Проектирование содержания и структуры веб-сайта, его программная реализация. Обеспечение безопасности при передаче данных.
дипломная работа [3,1 M], добавлен 21.01.2012Технологии создания web-страниц. Появление Active Server Pages. Разработка динамического web-сайта на asp.net. Создание дизайна и каркаса сайта с использованием стандартных HTML таблиц. Проектирование базы данных на основе ado.net и подключение к ней.
контрольная работа [2,4 M], добавлен 24.05.2019Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.
курсовая работа [1,6 M], добавлен 13.06.2013Системы управления контентом. Проектирование сайта агентства недвижимости. Информационное обеспечение системы. Построение логической модели данных. Разработка интерфейса сайта: программные средства, структура сценария, его компьютерная реализация.
дипломная работа [2,4 M], добавлен 27.10.2017Рассмотрение средств создания web-страниц: HTML, CSS и РНР. Разработка приложения в PhpMyAdmin, работающего с базой данных "Спортивные организации города". Соединение с сервером и базой данных. Создание сайта "Институт" в Macromedia Dreamweaver 8.
курсовая работа [461,8 K], добавлен 10.07.2015Основные принципы работы web-сервера. Построение базы данных сайта, верстка страниц. Технологии серверных скриптов. Характеристика объекта информатизации. Разработка полнофункциональной версии сайта для оказания дистанционных образовательных услуг.
дипломная работа [973,6 K], добавлен 12.12.2013Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Теоретические исследования алгоритма создания веб-сайта студии звукозаписи для увеличения количества потенциальных клиентов на платформе php и mysql. Выбор инструментальных средств, разработка структуры базы данных, технология проектирования веб-сайта.
курсовая работа [5,4 M], добавлен 25.01.2013Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.
дипломная работа [3,6 M], добавлен 08.04.2014Изучение теоретических основ разработки программы и правил выбора языка программирования. Рассмотрение основных задач по созданию сайта автоклуба. Основы разработки базы данных, создания web-дизайна, текстового наполнения сайта и его публикации.
курсовая работа [687,9 K], добавлен 07.04.2014Отличительные особенности языков программирования PHP и CSS. Возможности компактного многопоточного сервера баз данных MySQL. Системный анализ предметной области, проектирование ее инфологической модели. Создание базы данных и web-страниц сайта магазина.
курсовая работа [1,0 M], добавлен 15.01.2013Разработка архитектуры сайта, структуры данных и необходимых программных модулей. Учет фирменного стиля компании при создании дизайна. Внедрение интерфейса административного редактирования сайта. Проведение экспериментального тестирования и отладки.
дипломная работа [3,0 M], добавлен 19.01.2017Выбор состава технических и программных средств. Проектирование структуры и макета сайта. Модуль обработки изображений в редакторе Adobe Photoshop. Серверная и пользовательская части сайта. Тестирование работоспособности сайта методом черного ящика.
дипломная работа [1,8 M], добавлен 09.07.2017История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.
дипломная работа [8,0 M], добавлен 10.10.2015История возникновения и применение Каскадных таблиц стилей (CSS) в web-дизайне, их преимущества и отличие от HTML. Сравнительная характеристика табличной и блочной верстки. Практика дизайна сайта: создание бокового меню, всплывающего модального окна.
курсовая работа [1,2 M], добавлен 21.06.2011