Разработка электронного учебно-методического пособия в виде сайта
Постановка задачи проектирования web-сайта и выбор обеспечения для его разработки. Избрание состава технических и программных средств. Тестирование программы в разных браузерах. Особенность эффективности программно-аппаратных средств в web-дизайне.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | дипломная работа |
Язык | русский |
Дата добавления | 08.06.2017 |
Размер файла | 1,1 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Содержание
Введение
1. Теоретическая часть проекта
1.1 Основы современных web-технологий
1.2 Обоснование потребности в web-сайте
1.3 Этапы разработки web-сайта
2. Проектная часть
2.1 Логическая структура сайта
2.2 Карта сайта
2.3 Макеты страниц
2.4 Выбор состава технических и программных средств
2.5 Физическая структура сайта
2.6 Особенности построения сайта в системе UCOZ
2.7 Тестирование программы в разных браузерах
3. Экономическая часть проекта
3.1 Расходы по созданию и размещению сайта в сети интернет
3.2 Расчет стоимости основных материалов
3.3 Расчет затрат на содержание и эксплуатацию оборудования
3.4 Расходы на содержание и эксплуатацию оборудования
3.5 Расчет оплаты труда исполнителя
4. Охрана труда, техника безопасности
Заключение
Список литературы
Приложения
Введение
Одним из перспективных направлений развития современной образовательной системы является использования электронных учебных пособий.
Объективное исследование влияния электронных учебных пособий на образовательный процесс предполагает анализ особенностей современных электронных учебных пособий.
Электронные учебные пособия (ЭУП) -- это программно-методический обучающий комплекс, предназначенный для самостоятельного изучения студентом учебного материала по определенным дисциплинам.
Важно подчеркнуть, что электронное пособие -- это не электронный вариант книги, где все информация с печатного варианта переведена в электронный или есть возможностью перехода из оглавления по гиперссылке на искомую главу. В зависимости от вида проведения учебного занятия (лекция, семинар, тест, самостоятельная работа) сам ход занятия должен быть соответствующим образом построен для достижения эффекта от использования такого пособия. При грамотном использовании электронного учебного пособия оно может стать мощным инструментом для самостоятельного изучения большинства дисциплин, особенно, связанных с информационными технологиями.
Объектом исследования является электронное учебно-методическое пособие.
Предметом исследования являются средства реализации и этапы создания электронного учебно-методического пособия.
Цель данного дипломного проекта - разработать электронное учебно-методическое пособие по ПМ 02. Организация сетевого администрирования в виде сайта.
Реализация данной цели требует содержательного и методического решения следующих задач:
- изучить историю и теорию Web-дизайна;
- разработать концептуальную модель учебника;
- изучить Web-технологию и языки HTML и Java-Script и их возможности в Web-дизайне;
- выявить эффективность программно-аппаратных средств в Web-дизайне.
1. Теоретическая часть проекта
1.1 Основы современных web-технологий
CMS (от английского Content Management System) - система управления содержимым (контентом) - компьютерная программа или информационная система, которая используется для организации и обеспечения процесса по совместному созданию, управлению и редактированию содержимого сайта.
Основной задачей такой системы является сбор и объединение в единое целое, на основе ролей и задач, различных источников информации. Эти источники могут быть доступны как внутри самой организации, так и вне её пределов. К тому же данная система обеспечивает возможность взаимодействия различных сотрудников, проектов и рабочих групп, с теми базами знаний и данных, которые были ранее созданы, в таком виде и таким способом, чтобы сделать процесс поиска и повторного использования максимально комфортным и привычным.
В такой системе управления контентом определяется всё многообразие существующих данных: стандартные документы, музыка и звуки, видео, каталоги всевозможной информации и многое-многое другое. И именно для управления, хранения, обработки, просмотра и публикации таких данных различными группами пользователей и служат CMS. Отсюда кстати возникает и новый род профессиональной деятельности - контент менеджер, или проще говоря - редактор сайта. До сих пор нет единой и чёткой классификации, принятой рынком, существующих CMS, однако это не мешает выделить лидеров в данной области.
· Joomla - (самая противоречивая система) - яркая, современная, постоянно обновляющаяся, достаточно простая в разработке и использовании, предоставляется совершенно бесплатно;
· Drupal - (для любителей разработки сайтов с нуля) - это не просто полноценная функциональная среда для разработки и создания всевозможных сайтов, которая предоставляется так же бесплатно и имеет гибкие возможности, но и в каком-то смысле - стиль программирования и даже жизни;
· MODx - достаточно современная разработка, которая в последнее время уверенно набирает обороты и увеличивает свою аудиторию поклонников. К тому же она является чрезвычайно гибкой и эффективной, при этом поставляется безвозмездно, но и порог вхождения в число разработчиков на этой CMS несколько выше, чем у других систем;
· 1C Битрикс - монстроподобная разработка от небезызвестной 1С, в которой можно найти различные редакции от простой, до портальной, при этом стоимость её значительно отличается от версии к версии.
Важное замечание: бесплатность CMS не означает низкое качество кода или наличие ограничений в использовании. Наоборот, чаще всего, отрытые и бесплатные CMS во многом выигрывают у своих коммерческих собратьев именно из-за своей общедоступности.
PHP
PHP - язык программирования, используемый на стороне WEB-сервера для динамической генерации HTML-страниц. Об этом говорит и расшифровка его названия: PHP - Personal HyperText Processor.
PHP - один из немногих языков программирования, созданных специально для разработки веб-приложений. Поэтому он включает в себя все функции, необходимые именно для работы на веб-сервере, и при этом лишен избыточности, свойственной многим его конкурентам.
Очень приятная особенность PHP - то, что его команды включаются в обычные HTML-страницы с помощью специальных тегов, которые и заставляют PHP-машину выполнять на сервере нужные действия. Программам на PHP не нужны специальные CGI-директории с особыми правами доступа. Более того, на одной страничке можно произвольно чередовать "простой" HTML и PHP-код.
PHP не зависит от платформы. PHP прекрасно интегрируется во все популярные веб-серверы: Apacce и IIS, Zens и Netscape Enterprise Server, работает под Windows и OS/2, MacOS и практически всеми UNIX-подобными системами. Как следствие - PHP работает практически у всех хостеров, разрешающих собственные выполняемые скрипты.
Замечательная особенность PHP - его интегрированность практически со всеми современными интернет-технологиями. PHP поддерживает большинство современных веб-протоколов: IMAP, FTP, POP, XML, SNMP и другие. PHP прекрасно работает с базами данных. Трудно найти СУБД, поддержка которой не была бы реализована в PHP. MySQL и MS SQL Server, PostgreSQL и Oracle, Sybase и Interbase... Один только перечень баз данных, поддерживаемых PHP, займет, наверное, целый экран.
PHP включает в себя огромное количество встроенных функций: обработки строк и массивов, работы с файловой системой и с HTTP, электронной почтой, датой и временем, кириллицей и другими национальными алфавитами... Когда я впервые начал программировать на PHP, то был просто поражен обилием встроенных функций! Благодаря им многие алгоритмы, требующие в большинстве языков написания программного кода размером в несколько экранов, реализуются на PHP одной командой (точнее, вызовом одной функции).
JavaScript
JavaScript - это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript - это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако наибольшую популярность JavaScript обеспечило программирование на стороне клиента.
JavaScriptстандартизованECMA(EuropeanComputerManufacturersAssociation- Ассоциация европейских производителей компьютеров). Соответствующие стандарты носят названия ECMA-262 и ISO-16262. Этими стандартами определяется язык ECMAScript, который примерно эквивалентен JavaScript 1.1. Отметим, что не все реализации JavaScript на сегодня полностью соответствуют стандарту ECMA. В рамках данного курса мы во всех случаях будем использовать название JavaScript.
Название "JavaScript" является собственностью Netscape. Реализация языка, осуществленная разработчиками Microsoft, официально называется Javascript. Версии JavaScript совместимы (если быть совсем точным, то не до конца) с соответствующими версиями JavaScript, т.е. JavaScript является подмножеством языка JavaScript.
Основная идея JavaScript состоит в возможности изменения значений атрибутов HTML-контейнеров и свойств среды отображения в процессе просмотра HTML-страницы пользователем. При этом перезагрузки страницы не происходит.
HTML
HTML (HyperText Markup Language) означает "язык разметки гипертекстов", с помощью которого верстаются Web-страницы. В самом начале развития WWW регулировать стандарты разработки была призвана международная общественная организация, включающая в себя представителей фирм-разработчиков и исследовательских институтов -- W3C (World Wide Web Consortium).
Характеристики HTML:
- Разработан специально для Web;
- Открытый стандарт;
- В HTML включен гипертекст;
- В HTML включена поддержка мультимедиа.
Со времени создания первой версии HTML претерпел некоторые изменения. Известны спецификации 2.0, 3.0, 3.2, 4.0, 5.0.
Все что необходимо, чтобы прочитать HTML-документ - это Web- браузер, который интерпретирует элементы HTML и воспроизводит на экране документ в виде, который ему придает автор. Основное преимущество HTML заключается в том, что документ может быть просмотрен на Web-браузерах различных типов и на различных платформах. HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. C другой стороны можно использовать специальные программы - редакторы HTML текстов.
Основными конструкциями языка являются тэги. Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Завершающий тэг выглядит также, как стартовый, он отличается от него прямым слэшем перед текстом внутри угловых скобок. Некоторые тэги, такие, как (тэг, определяющий горизонтальную линию), не требуют завершающего тэга. HTML не реагирует на регистр символов, на синтаксис. Тэги либо распознаются браузером, либо нет. 6 Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом . Простейший HTML-документ будет выглядеть так:
Основные элементы страницы Заголовочная часть документа . Элементы, находящиеся внутри раздела head (кроме названия документа, записываемого с помощью раздела title), не видны на экране (во всяком случае, напрямую). Элементы, содержащиеся внутри раздела head документа, нужны для того, чтобы:
* Дать документу название.
* Определить отношения между несколькими документами.
* Дать указание браузеру создать форму для поиска.
* Добавить динамическую составляющую.
Стартовый тэг помещается непосредственно перед тэгом Заголовок документа и представляет собой текстовую строку.
XML
XML -- расширяемый язык разметки. Рекомендован Консорциумом Всемирной паутины (W3C). Спецификация XML описывает XML-документы и частично описывает поведение XML-процессоров (программ, читающих XML-документы и обеспечивающих доступ к их содержимому). XML разрабатывался как язык с простым формальным синтаксисом, удобный для создания и обработки документов программами и одновременно удобный для чтения и создания документов человеком, с подчёркиванием нацеленности на использование в Интернете. Язык называется расширяемым, поскольку он не фиксирует разметку, используемую в документах: разработчик волен создать разметку в соответствии с потребностями к конкретной области, будучи ограниченным лишь синтаксическими правилами языка. Расширение XML -- это конкретная грамматика, созданная на базе XML и представленная словарём тегов и их атрибутов, а также набором правил, определяющих какие атрибуты и элементы могут входить в состав других элементов. Если бы HTML появился позднее, чем XML, то он, возможно, также бы являлся его расширением. Сочетание простого формального синтаксиса, удобства для человека, расширяемости, а также базирование на кодировках Юникод для представления содержания документов привело к широкому использованию как собственно XML, так и множества производных специализированных языков на базе XML в самых разнообразных программных средствах.
DHTML
DHTML (динамический HTML) - это набор средств, которые позволяют создавать более интерактивные Web-страницы без увеличения загрузки сервера. Другими словами, определенные действия посетителя ведут к изменениям внешнего вида и содержания страницы без обращения к серверу.
DHTML построен на объектной модели документа (Document Object Model, DOM), которая расширяет традиционный статический HTML-документ. DOM обеспечивает динамический доступ к содержимому документа, его структуре и стилям. В DOM каждый элемент Web-страницы является объектом, который можно изменять. DOM не определяет новых тэгов и атрибутов, а просто обеспечивает возможность программного управления всеми тэгами, атрибутами и каскадными листами стилей (CSS).
1.2 Обоснование потребности в web-сайте
Актуальность создания электронного обучающего пособия по дисциплине заключается в необходимости повышения качества учебного процесса за счет использования нетрадиционных форм представления учебного материала. В результате высоких темпов развития научно-технического прогресса и роста требований к уровню проведения учебного процесса, объем знаний, необходимый для полноценной профессиональной деятельности, также неуклонно растет. В связи с этим встает задача непрерывного обновления запаса знаний. Высшее специальное образование более не может быть ограничено сроком пребывания обучающегося в стенах ВУЗа. В связи с финансовыми трудностями, как в системе высшего образования, так и в обществе, не каждый желающий и нуждающийся в высшем образовании может позволить себе провести этот срок только в аудиториях и библиотеках. Поэтому все более многочисленной становится категория учащихся, нуждающихся в дистанционном обучении (ДО), т.е. самостоятельном обучении в любом месте и в любой время, управляемым и курируемым учебным заведением.
С другой стороны, возникает задача гораздо более быстрого обновления учебных пособий. Учебники и пособия устаревают очень быстро, а средств на переиздание и создание новых в ВУЗах, как правило, недостаточно. Поэтому во многих высших учебных заведениях сегодня решается проблема создания методического обеспечения для дистанционного обучения с опорой на электронные образовательные ресурсы.
Степень разработанности выбранной темы. В настоящее время реализовано и внедрено в образовательный процесс многих учебных заведений достаточное количество учебно-методических комплексов, включающих в себя также и электронные учебные пособия. Они выполняют функцию оказания методической помощи, как студентам, так и преподавателям в процессе изучения.
1.3 Этапы разработки web-сайта
Постановка задачи проектирования web-сайта
Web-сайт должен обладать следующими особенностями:
- гибкостью, удобной для администраторов системой управления структурой;
- информационный сайт предназначен для удобного предоставления пользователям актуальной информации, в удобной для восприятия форме.
- Web-сайт должен быть разработан с максимальной простотой использования пользователями.
- Web-сайт должен быть разработан на системе управления содержанием, которая бы позволяла вносить изменения в web-сайт с возможностью разграничения прав доступа к содержимому и независимостью от технических специалистов.
Выбор программного средства для разработки
Проанализировав поставленные задачи и имеющиеся технологии, я принял решение использовать в своей разработке платформу uCoz для создания сайта.
Основным достоинством веб-сайта является его практичность. Система предоставляет большие возможности для эффективного и быстрого создания новых сайтов.
uCoz -- это функциональный конструктор сайтов, который по большинству параметров не уступает самым мощным CMS.
Система имеет огромное количество бесплатных шаблонов, в том числе и адаптивных. Также в наличии имеется магазин премиум-шаблонов, где можно за 10-30$ получить очень качественный дизайн. Конструктор содержит продвинутую систему редактирования дизайна, где можно править код как вам угодно.
Здесь есть статистика, мощный SEO-модуль, почтовые рассылки, приём платежей для магазинов и многое другое. Уже на тарифе «Оптимальный» пользователь получает бесплатный домен, премиум шаблон и баллы на рекламу в AdSense. Даже на бесплатном тарифе возможно прикрепить свой домен 2 уровня (такого больше нет нигде), создавать неограниченное количество страниц и пользоваться львиной долей функциональности. Единственным существенным ограничением в таком случае станет рекламный баннер в углу, но для некоммерческих организаций его уберут бесплатно, стоит лишь написать запрос в техподдержку.
Особенности uCoz:
- универсальность -- можно создать сайт любого типа (магазин, форум, лэндинг, блог, портал, визитку);
- мощь -- здесь есть все мыслимые инструменты для создания и продвижения сайта;
- отличная техподдержка и обширное сообщество на официальном форуме;
- большое количество шаблонов, которые регулярно обновляются;
- модульность системы -- можно с самого начала выбрать, какие компоненты будете использовать (форум, блог, магазин, видео, галерея, голосования и прочее);
- простая интеграция с социальными сетями;
- в первые часы после регистрации пользователь получает 50% скидку на оплату любого из тарифов;
- возможность настройки рекламных баннеров, ЧПУ и SMS-уведомлений.
В целом, uCoz ориентирован на более-менее продвинутых пользователей. Он в меру сложен и очень функционален.
Разработка интерфейса
Сайт должен быть:
- простым и самоочевидным - пользователи не должны задумываться над тем, куда им нужно нажать и какое действие совершить, чтобы найти ту или иную информацию. Для этого создаются сценарии взаимодействия с пользователем;
- быстрым - важная и актуальная для пользователя информация должна лежать «на поверхности», в пределах одного-двух кликов (но «вываливание» на пользователя всего и сразу даёт обратный эффект);
- доступным - информация, которую мы хотели ли бы, чтобы пользователь увидел, обязательно должна быть размещена на главной странице. Как минимум - на нее должна быть ссылка на самом видном месте;
- видимым - окно поиска, ссылки и различные модули должны быть хорошо видны, не сливаться с общим фоном и не прятаться за лишними панелями. Пользователь приходит на сайт за информацией, а не полюбоваться на дизайнерское решение;
- иметь простые имена - из названий разделов должно быть сразу понятно, что в них находится;
- просматриваемым - текстовая информация всегда должна быть разбита на блоки. Как правило, ее никто вдумчиво не читает, она быстро просматривается;
- не слишком громоздким - это также относится к текстовому контенту. Большие «простыни» текста обычно остаются без внимания.
Главными достоинствами современных веб-сайтов становятся:
§ структурное преподнесение информации,
- лаконичность,
- простота,
- разумная система акцентов.
2. Проектная часть
2.1 Логическая структура сайта
Каждый ресурс Интернета, от любительской домашней странички до большого информационного портала, содержит несколько тематических рубрик, соединенных между собой гиперсвязями. Как правило, ссылки на все разделы сайта с краткими анонсами их содержимого приводится на первой, так называемой стартовой странице, которой присваивается имя index.htm (.html). Если тематические рубрики содержат собственные подразделы, каждая из них также имеет свою стартовую страницу, называющуюся index.html. Подобный набор тематических рубрик с распределенными по соответствующим разделам документами и заранее спроектированными гиперсвязями между всеми страницами ресурса и называется логической структурой сайта. Физическая структура, напротив, подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован сайт (Рисунок 1).
Очевидно, что логическая и физическая структуры могут не совпадать, поскольку в общем случае физическая структура ресурса разрабатывается, исходя из удобства размещения файлов. Однако более или менее точное сохранение порядка следования логических разделов в физической структуре сайта позволит избежать путаницы при последующем дополнении и обновлении материалов.
Из всего сказанного становится очевидным, что физическая структура сайта скрыта от посетителей вашего ресурса: они могут наблюдать только логическую структуру, причем именно так, как она представлена при помощи элементов навигации. Отсюда следует вполне логический вывод: строение системы навигации должно если не полностью повторять, то хотя бы максимально соответствовать разработанной логической структуре сайта.
2.2 Карта сайта
Карта сайта представляет собой список страниц сайта для поисковых систем или пользователей и аналогична разделу Содержание обычной книги. Используется как элемент навигации, показывает взаимосвязь между страницами сайта.
Это полный перечень разделов и/или всех страниц в иерархическом порядке.
В XML-формате используется для поисковых систем, а в HTML -- для пользователей, чтобы помочь найти нужную информацию, которая есть на сайте.
Для похожих целей предназначен индекс сайта (алфавитный перечень страниц).
Это полный перечень разделов и/или всех страниц в иерархическом порядке.
В XML-формате используется для поисковых систем, а в HTML -- для пользователей, чтобы помочь найти нужную информацию, которая есть на сайте.
Для похожих целей предназначен индекс сайта (алфавитный перечень страниц).
Ш МДК 02.01. ОАКС
· КТП
КТП 1 семестр
КТП 2 семестр
· Лекционный материал
Лекция 1 Организация доступа к сетям по беспроводному соединению
Лекция 2 Организация кэширующего прокси
Лекция 3 Сопровождение и контроль web сервера
Лекция 4 Иерархия proxy
Лекция 5 Определение роли сервера
Лекция 6 Сопровождение и контроль почтового сервера
Лекция 7 Проверка связи будущее протокола TCP
Лекция 8 Администрирование компьютерных сетей
Лекция 9 Назначения и функции сервера
Лекция 10 Использование протоколов IPSec
Лекция 11 Дополнительное ПО
Лекция 12 Логика работы маршрутизации
Лекция 13 Службы серверной ОС
Лекция 14 Настройка службы DNS
Лекция 15 Протоколы передачи информации
Лекция 16 Система удаленной аутентификации RADIUS
Лекция 17 Создание учетных записей пользователя
Лекция 18 Настройка статической и динамической маршрутизации
· Лабораторный практикум
Лабораторная работа 1 Установка сетевой ОС Windows и сетевого оборудования
Лабораторная работа 2 Установка сетевой OC Linux
Лабораторная работа 3 Установка и настройка периферийного сетевого оборудования
Лабораторная работа 4 Учетные политики сетевой ОС
Лабораторная работа 5 Установка домена
Лабораторная работа 6 Удаленное управление сервером Windows Server 2012
Лабораторная работа 7 Конфигурирование DHCP сервера и управление
Лабораторная работа 8 Установка и конфигурирование DNS
Лабораторная работа 9 Настройка DNS сервера
Лабораторная работа 10 Конфигурирование информационной системы домена
Лабораторная работа 11 Настройки параметров групповой политики домена
Лабораторная работа 12 Настройка протоколов безопасной передачи информации
Лабораторная работа 13 Настройка статической и динамической маршрутизации
Лабораторная работа 14 Настройка параметров Wi-fi
Лабораторная работа 15 Организация кэширующего прокси
Лабораторная работа 16 Настройка прозрачного прокси
Лабораторная работа 17 Настройка брандмауэра для доступа к локальным и глобальным сетям
Лабораторная работа 18 Настройка системы трансляции сетевых адресов
Лабораторная работа 19 Диагностика и обслуживание web сервера
Лабораторная работа 20 Диагностика и обслуживания почтового сервера
Лабораторная работа 21 Диагностика и обслуживания SQL сервер
Лабораторная работа 22 Резервное копирование и восстановление базы данных
Ш МДК 02.02 ПОКС
· КТП
КТП 1 семестр
КТП 2 семестр
· Лекционный материал
Лекция 1 Технология построение web серверов. технология клиент-сервер
Лекция 2 Выбор ПО для web-сервера
Лекция 3 Типы серверов приложений
Лекция 4 Служебные команды расширенных языков для представления информации в WWW
Лекция 5 Современные редакторы для Web- дизайна
Лекция 6 Структура команды расширенных языков для представлении информации гипертекста
Лекция 7 Клиентские приложения, серверы баз данных
Лекция 8 Программы антивирусы
Лекция 9 Программы шифрования и электронной цифровой подписи
Лекция 10 Программное обеспечение для работы с интернетом и сетью
Лекция 11 Электронная почта. Почтовые службы
Лекция 12 Утилиты анализа работоспособности сети
Лекция 13 Компоненты Microsoft SQL Server 2008
Лекция 14 SQL Server
· Лабораторный практикум
Лабораторная работа 1 Установка и настройка Web- сервера
Лабораторная работа 2 Конфигурирование web-сервера
Лабораторная работа 3 Увеличение производительности web-сервера
Лабораторная работа 4 Создание сайтов в программе Microsoft Office SharePoint
Лабораторная работа 5 Переназначение адреса
Лабораторная работа 6 Создание динамических Web-страниц
Лабораторная работы 7 1C Предприятие
Лабораторная работа 8 Установка и настройка антивирусов
Лабораторная работа 9 программа шифрования
Лабораторная работа 10 Установка и настройка почтовых служб
Лабораторная работа 11 Утилиты сервера
Лабораторная работа 12 Установка SQL сервера
Лабораторная работа 13 Установка брандмауера
Ш КОС
Ш Тесты
2.3 Макеты страниц
Сайт состоит из множества блоков, которые мы можем перемещать в нужное нам положение (Рисунок 2), каждому из них присвоена своя функция:
· Шапка сайта (Header) - это верхняя часть сайта. Как правило, содержит в себе основную картинку (рисунок), растянутый во всю ширину, а так же может содержать логотип сайта, название (имя) сайта, или другую информацию, которую пользователь увидит в первую очередь после загрузки страницы. По умолчанию, шапка сайта в uCoz размещена в глобальном блоке и легко поддается редактированию.
· Тело сайта - здесь располагается вся жизненно необходимая информация сайта. На этой, основной части сайта, в отличие от шапки сайты, можно разместить «не почти все», а все.
· Подвал сайта - находится в самом низу сайта, после основной контентной части сайта. Размещают туда, как правило, различные счетчики посещаемости (пузомерки), информация о правах использования контента размещенного на данном сайте.
· Блок - расположены в правой или/и левой части сайта, мы можем добавлять множество любых блоков, в нашем случае мы добавили на сайт, такие блоки как: меню, категории раздела, поиск по сайту, календарь, архив записей, наш опрос, статистика.
Специфика разработки графического дизайн-макета применительно к сайту представляет из себя сочетание технических и визуальных параметров будущего сайта. Это проработка расположения и размера элементов сайта с точки зрения удобства поиска и использования информации на сайте.
Основой для разработки дизайн-макета сайта являются предоставленные материалы: логотип, слоган, фирменные (или предпочтительные) цвета, графические элементы, фотографии и другие элементы дизайна, а также заполненная клиентом анкета.
2.4 Выбор состава технических и программных средств
Для создания web сайта был выбран ноутбук Lenovo G50 со следующими характеристиками:
- процессор Intel® Celeron 2957U 64-х разрядный с тактовой частотой 1.40 ГГц;
- 4 Гб оперативной памяти (ОЗУ) для 64-х разрядных систем;
- жёсткий диск Western Digital WD Blue Mobile 500 GB (WD5000LPCX) на 500 ГБ;
- встроенная видеокарта Intel® HD Graphics с поддержкой DirectX 9 с драйвером WDDM;
- в качестве операционной системы мы выбрали Windows 8.1 в связи тем что она имеет большинство преимуществ:
- она является одной из наиболее распространенных на сегодняшний день;
- имеет высокую скорость работы по сравнению с Windows 7;
- удобный интерфейс, а также совместимость с новым программным обеспечением.
В качестве базового программного обеспечения используется Яндекс браузер как для отображения работы, так и для редактирования, поскольку он способен определять ошибки в Web-сценарии. Он является наиболее популярным и распространенным.
Плюсы браузера:
- Он минималистичен, как и любой другой браузер на основе Chromium.
- В нём есть расширенный функционал и настройки, которых нет в Хроме от Google.
- Режим Турбо. Сжимает страницы, позволяя быстрее их загружать.
- Удобные закладки.
- Умная строка. Адресная строка выдаёт подсказки.
- Быстрые ссылки. Но данная функция не особо нужна.
- Встроенная защита, благодаря лаборатории Касперского.
- К браузеру подходят все расширения от Chrome.
-Большой выбор инструментов.
2.5 Физическая структура сайта
Физическая структура - подразумевает алгоритм размещения физических файлов по поддиректориям папки, в которой опубликован наш сайт Рисунок 3.
Очевидно, что логическая и физическая структуры могут не совпадать, поскольку в общем случае физическая структура ресурса разрабатывается, исходя из удобства размещения файлов. Однако более или менее точное сохранение порядка следования логических разделов в физической структуре сайта позволяет избежать путаницы при последующем дополнении и обновлении материалов.
Для того чтобы все гиперссылки на домашней страничке или web-сайте работали корректно, все документы открывались правильно и браузер не выдавал ошибок при обращении к каким-либо разделам ресурса, при создании его физической структуры следует соблюдать следующие правила:
Нужно назначать имена директорий, имена и расширения документов HTML и графических файлов с использованием символов только латинского алфавита и только в строчном регистре. Стараться, чтобы имена созданных вами файлов и директорий не превышали по длине восьми символов.
2.6 Особенности построения сайта в системе UCOZ
Веб-хостинг Ucoz - это бесплатный веб-хостинг с встроенной системой управления сайтом. Модули Ucoz можно использовать как в единой связке для создания полнофункционального сайта, так и отдельного может, например, как блог-платформу, веб-форум и др.
Фактически, Ucoz - это веб-сервис, работающий по принципам Веб 2.0 и позволяет, в первую очередь, создавать сайты различного уровня сложности и достаточно сильно отличается от традиционных хостингов. При регистрации пользователю предоставляется возможность выбрать домен для своего проекта.
Создание сайта в системе uCoz пошаговая инструкция.
1) Регистрация нового пользователя в системе uCoz.
Потом мы выбираем регистрацию через e-mail и пароль в левой части страницы. Пользователи социальных сетей могут воспользоваться ускоренной регистрацией, для этого требуется нажать на иконку сети, в которой у вас есть аккаунт, и следовать появившимся указаниям.
2) После того, как мы ввели действующий адрес e-mail и придумали новый сложный пароль (или авторизовались с помощью социальных сетей), нажимаем на кнопку «Продолжить» и попадаем на страницу под названием «Создание нового сайта». Заполняем все пустые поля и, ставя внизу галочку, соглашаемся с условиями использования uID сообщества. Нажимаем на кнопку «Регистрация» Рисунок 5.
Рисунок 5. Создание нового сайта
3) Если все поля были заполнены корректно, мы должны были попасть на страницу, где содержится информация о том, что регистрация прошла успешно, и на наш e-mail отправлено письмо. Теперь нам необходимо проверить свой электронный почтовый ящик Рисунок 6.
Рисунок 6. Завершение регистрации
4) Должно прийти письмо с темой «uID - Добро пожаловать в наше сообщество!». В нём надо кликнуть по ссылке, идущей после слов «Для окончания регистрации, пожалуйста, перейдите по этой ссылке» Рисунок 7.
5) Перейдя по ссылке из нашего почтового ящика, мы попадаем на страницу с текстом «E-mail подтвержден!».
Задать секретный вопрос для безопасной работы с сайтом (например, сайт или модуль нельзя будет впоследствии удалить, не ответив на секретный вопрос). Также нам нужно придумать ещё один пароль, он будет использоваться для входа в панель администратора на нашем будущем сайте. Пароль, придуманный нами чуть ранее, относился к uID профилю, с тем паролем мы сможем авторизовываться на других сайтах системы Рисунок 9.
6) После того, как мы придумали ответ на секретный вопрос и задали пароль для панели администратора, нажимаем на кнопку «Приступить к созданию сайта!». Попадаем на страницу, где необходимо выбрать адрес нашего сайта. Именно по данному адресу посетители будут видеть наш сайт в интернете!
7) После этого у нас откроется страница с мастером настройки конфигурации нашего сайта.
8) Далее нужно нажать на ссылку «Выбрать дизайн». Откроется окошко с готовыми шаблонами, один из которых нужно выбрать для нашего сайта и нажимаем продолжить.
Рисунок 11. Выбор дизайна
9) Теперь открылась страница с выбором модулей, которые мы хотим использовать на своём сайте. Нужно поставить галочку напротив того модуля, который нам нужен и нажимаем кнопку продолжить Рисунок 12.
Рисунок 12. Выбор модулей для сайта
10) Мы зашли в панель управления нашим сайтом. Именно здесь можно настроить все используемые Модули и Дизайн. И у нас уже создан сайт Рисунок 13. сайт программный тестирование браузер
Рисунок 13. Панель управления сайтом
2.7 Тестирование программы в разных браузерах
Кроссбраузерное тестирование -- это вид тестирования, который проводят для того, чтобы понять ведёт ли себя ПО одинаково в разных версиях браузера.
Обычно, при тестировании сайтов в разных браузерах, большинство дефектов обнаруживаются непосредственно в пользовательском интерфейсе. Но не забывайте о функциональных возможностях сайтов или приложений. Кроссбраузерное тестирование может обнаружить функциональные проблемы, связанные с неисправностью:
-- форм;
-- фильтров;
-- динамических характеристик;
-- отдельных элементов или частей сайта.
Постоянное внедрение новых стандартов и их соблюдение в разработке ПО дает достаточно высокий уровень совместимости. Однако, не все браузеры работают одинаково с этими стандартами. В свою очередь, разработчики часто пренебрегают ими, так как при создании продукта практически невозможно учесть абсолютно все факторы и поддержать все виды клиентского ПО.
К тому же, не все из наиболее часто используемых браузеров быстро выпускают новые версии, которые соответствуют последним стандартам, и, что более важно, не все пользователи следят и регулярно обновляют свое программное обеспечение. Если эти версии браузеров отвечают требованиям целевой аудитории системы, то кроссбраузерное тестирование необходимо.
Для тестирование работы сайта мы выбрали 3 браузера это: Opera версия 44.0, Mozilla Firefox версия 53.0.3, Internet Explorer версия 11.
При открытии сайта браузером Opera все функции сайта работают отлично как и браузером Mozilla Firefox. А при открытии сайта браузером Internet Explorer страницы сайта загружаются дольше по времени.
3. Экономическая часть проекта
3.1 Расходы по созданию и размещению сайта в сети интернет
Так как за основу берется система управления сайтом , в затратную часть создания Web-сайта относятся такие расходы как: расходы по электроэнергии, расходы по размещению в сети интернет (хостинг), заработная плата программисту и расходные материалы для компьютера и прочие расходы.
3.2 Расчет стоимости основных материалов
Основные материалы, которые используются при создании нового программного обеспечения можно отнести Флеш-накопитель. Все расчёты находятся в таблице 1.
Таблица 1 Калькуляция стоимости основных материалов
Наименование материалов |
Цена ед. р. |
Кол-во шт. |
Сумма р. |
|
1. Флеш-накопитель (8 Гб) |
500 |
1 |
500 |
|
Итого |
500 |
3.3 Расчет затрат на содержание и эксплуатацию оборудования
Таблица 2 Расчет электроэнергии для девятичасового рабочего дня
.Наименование |
кол-во |
кВт/час |
кВт в сутки (примерно) |
кВт в месяц |
|
Компьютер |
1 |
0,17 |
1,53 |
45,9 |
|
Освещение |
3 |
0,36 |
9,72 |
291,6 |
|
Сплит |
1 |
0,7 |
6,3 |
189 |
|
ИТОГО: |
1,23 |
526,5 |
Расчет электроэнергии для восьми часового рабочего дня.
1 кВт / ч= 2,89
В месяц 2,89*526,5= 1521,6 рублей.
Таблица 3 Расчет ежемесячных затрат на содержание Web-сайта
Наименование |
Сумма, руб. |
|
Электроэнергия |
1521,6 |
|
Интернет |
700 |
|
Прочие расходы |
800 |
|
Итого: |
3021.6 |
RПост = 3021,6 - постоянные ежемесячные расходы.
3.4 Расходы на содержание и эксплуатацию оборудования
Предполагается, что разработка учебного пособия будет производиться в течение 1 месяца. Расходы на эксплуатацию оборудования представлены в таблице 4.
Таблица 4 Расходы на эксплуатацию оборудования
Наименование оборудования |
Стоимость часа, р. |
Кол-во отработанных часов |
Сумма, р. |
|
1. Компьютер (Lenovo) |
2,89 |
822=164 |
474 |
|
ИТОГО |
164 |
474 |
3.5 Расчет оплаты труда исполнителя
Заработная плата при повременной форме отплаты труда рассчитывается на основе табелей, в которых отмечается число отработанных дней и часов. Причитающаяся заработная плата определяется путем деления установленной месячной ставки на календарное количество дней и умножения полученного результата на фактически отработанное время. При часовой или дневной оплате заработок определяется умножением тарифной ставки за час или за день на число оплачиваемых часов или дней. При сдельной форме оплаты труда заработок рассчитывается путем умножения сдельной расценки, указанной в первичных документах о выработке, на количество произведенных работ, изготовленных деталей и выполненных операций.
Заработок техника 5 разряда в г. Россошь на начало 2017 г. Составляет от 7000 до 10000 р. Расчёт основной заработной платы представлен в таблице 5.
Таблица 5 Основная заработная плата исполнителя
Должность |
Разряд |
Оклад, р. |
Кол-во отработанного времени, мес. |
Сумма, р. |
|
Техник |
3 |
8000 |
1 |
8000 |
4. Охрана труда, техника безопасности
Основными вредными факторами при осуществлении трудовой деятельности за персональными компьютерами выступают:
· высокая степень электромагнитного воздействия;
· высокий уровень наличия статического электричества;
· низкая степень ионизации воздуха;
· нагрузки, связанные с длительным сидячим положением тела;
· крайне высокая нагрузка на органы зрения;
· сопутствующие длительной сидячей работе факторы: болевые симптомы в пояснице и позвоночнике, венозная недостаточность, стресс и депрессии.
Охрана труда при работе за компьютером предусматривает следующую структуру соблюдения правил:
· по организации и оснащению трудового места;
· по освещенности;
· по регламентации перерывов в работе.
Организация и общие правила работы
Нормативные положения СанПиНа предъявляют определенные требования к площади рабочего места при работе за ПК в совокупной мере более 4 часов за смену:
Для мониторов ЭЛТ - от 6 квадратных метров и более
Для мониторов ЖК - от 4,5 квадратных метров и более
Общие правила работы за ПК:
· в помещении с компьютерами рекомендовано, чтобы окна выходили на север или северо-восток;
· если в офисе отсутствует естественный солнечный свет, должно быть организовано искусственное освещение в соответствии с нормами и правилами освещенности рабочих мест;
· если мониторы расположены в ряд, люминесцентные лампы следует исполнять в виде сплошных или прерывистых линий;
· при расположении ПК по периметру, источники освещения должны находиться непосредственно над рабочим столом.
Схема правильной посадки при работе за компьютером:
Рисунок 15. Схема правильной посадки при работе за компьютером
Нормативы и нормы
Вышеуказанные нормы установлены в СанПиНе.
Кроме того, данный нормативный акт предусматривает:
· осуществление влажной уборки в ежедневном порядке;
· проветривание помещений с компьютерами через каждый час;
· обязательное оборудование офисов системами вентиляции, отопления и кондиционирования воздуха.
СанПиН регламентирует следующие требования к атмосферным показателям в помещениях, оборудованных рабочими местами с ПК:
· температура воздуха - от 19 до 21 градусов;
· влажность - от 55 до 62 %;
· скорость движения воздуха - не больше 0,1 м/с.
Режим работы и перерывы
СанПиН рекомендует руководителям организаций, трудовая деятельность которых связана с использованием персональных компьютеров, производить чередование трудовой деятельности сотрудников с работой за компьютером и без него.
Если все же специфика трудовой деятельности не допускает таких чередований, ответственным лицам по охране труда следует:
· осуществить организацию перерывов в трудовой деятельности продолжительностью от 10 до 15 минут;
· проводить такие перерывы через каждый час работы.
Данные перерывы в работе:
· должны включаться в общее время трудовой деятельности;
· а также увеличиваться на 30 %, если сотрудник работает за компьютером в ночное время суток.
Совокупная продолжительность перерывов:
· при рабочем дне продолжительностью 8 часов - от 50 минут до 1,5 часа;
· при 12-часовом - от 80 до 140 минут.
Заключение
В результате дипломного проектирования создано электронное учебное пособие «Организация сетевого администрирования» по модулю ПМ02.
В качестве основной технологии для разработки учебного пособия использовалась одна из самых популярных и функциональных среди бесплатных CMS на сегодняшний день - uCoz.
uCoz - бесплатная система управления сайтом и хостинг для сайтов, созданных с её использованием. uCoz.ru находится на 73-м месте самых популярных российских сайтов. Владелец сервиса - ООО «Юкоз Медиа», Россия.
uCoz является простой и удобной платформой для создания сайта. В нашем случае для создания учебного пособия.
Данное пособие предназначено для облегчения работы преподавателей и для самостоятельной работы студентов. Электронное учебное пособие построено таким образом, чтобы студент смог самостоятельно изучить предложенные темы, на практике получить навыки решения задач, а затем проверить свои знания с помощью специально разработанного теста..
Благодаря использованию различных серверных и пользовательских элементов управления, применению каскадных таблиц стилей и тем оформления, удалось создать привлекательный, функциональный, удобный и интуитивно-понятный пользовательский интерфейс, с возможностью быстрой модернизации в случае необходимости.
Цель работы достигнута, задачи решены.
Список литературы
1. Дронов Владимир HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов; БХВ-Петербург - Москва, 2014. - 416 c.
2. Морис Б. HTML в действии.-СПб.: Питер, 1997.- 202с.
3. Гаевский, А.Ю. 100% самоучитель. Создание Web-страниц и Web-сайтов. HTML и JavaScript / А.Ю. Гаевский, В.А. Романовский. - М.: Триумф, 2015. - 464 c.
4. Кузнецов М., Симдянов И. PHP. Практика создания Web-сайтов; БХВ-Петербург - Москва, 2016. - 347 c.
5. Китинг, Джоди Flash MX. Искусство создания web-сайтов; ТИД ДС - Москва, 2015. - 848 c.
6. Фрейен Бен HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств; Питер - Москва, 2014. - 304 c
7. Чебыкин Ростислав Разработка и оформление текстового содержания сайтов; БХВ-Петербург - Москва, 2014. - 528 c
8. Кирсанов Д., Веб-дизайн. - М.: Символ-пресс , 2015. - 536 с.
9. Никсон, Р. Создаем динамические веб-сайты с помощью PHP, и JavaScript - Санкт-Петербург [и др.] : Питер, 2013. - 496
Приложения
Код главной страницы
/* General Style */
body {background:#FFFFFF; margin:0px; padding:0px;}
#wrap {text-align: center; background: url('/.s/t/839/2.gif') repeat-x; }
#wrap-bottom {text-align: center; background: url('/.s/t/839/3.jpg') bottom center no-repeat;}
#center-block {width: 980px; margin-left: auto; margin-right: auto; background: url('/.s/t/839/4.jpg') no-repeat;}
table.main-table {width: 960px; border: 0px; padding: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; height: 100%;}
td.data-block {height: 102px; padding-right: 180px; vertical-align: middle; text-align: right;}
td.logo-block {padding: 20px 200px 10px 60px; vertical-align: middle; text-align: left;}
td.logo-block h1 {color: #006076; font-size: 20pt; font-weight: normal; margin: 0px; padding: 0px;}
td.side-block {width: 250px; vertical-align: top;}
td.content-block {width: 710px; padding: 10px 30px; vertical-align: top;}
td.footer {height: 100px; vertical-align: middle; padding: 30px 20px 10px 20px; text-align: center;}
.boxTable {width:250px; text-align:left; border: 0px; padding: 0px; border-collapse: collapse;}
.boxTable th {height: 38px; font-size:9pt;color:#006076; vertical-align: middle; text-align:center; background: url('/.s/t/839/5.gif') no-repeat; }
.boxTable td.boxContent {background: url('/.s/t/839/6.gif') bottom center no-repeat;padding:5px 10px 25px 10px; vertical-align: top;}
.center {text-align:center;}
a:link {text-decoration:underline; color:#005D68;}
a:active {text-decoration:underline; color:#005D68;}
a:visited {text-decoration:underline; color:#005D68;}
a:hover {text-decoration:none; color:#005D68;}
.topLink a:link {text-decoration:underline; color:#FFFFFF;}
.topLink a:active {text-decoration:underline; color:#FFFFFF;}
.topLink a:visited {text-decoration:underline; color:#FFFFFF;}
.topLink a:hover {text-decoration:none; color:#FFFFFF;}
td, body {font-family:verdana,arial,helvetica; font-size:8pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
h1 {color:#09969A;font-size:12pt;}
a.noun:link {text-decoration:none; color:#005D68}
a.noun:active {text-decoration:none; color:#005D68}
a.noun:visited {text-decoration:none; color:#005D68}
a.noun:hover {text-decoration:underline; color:#000000}
hr {color:#B9FAFF;height:1px;background:#B9FAFF;border:none;}
label {cursor:pointer;cursor:hand}
.blocktitle {font-family:Verdana,Sans-Serif;color:#C24747;font-size:12px;}
a.menu1:link {text-decoration:underline; color:#C66D00}
a.menu1:active {text-decoration:underline; color:#C66D00}
a.menu1:visited {text-decoration:underline; color:#C66D00}
a.menu1:hover {text-decoration:underline; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/839/7.gif') no-repeat 0px 3px;}
.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */
/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 13px; background: url('/.s/t/839/8.gif') no-repeat 0px 3px; margin-bottom: .6em;}
/* ----- */
/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}
.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#005D68}
.uMenuV li a:active {text-decoration:none; color:#005D68}
.uMenuV li a:visited {text-decoration:none; color:#005D68}
.uMenuV li a:hover {text-decoration:underline; color:#000000}
.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#0CA6A6}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#0CA6A6}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#0CA6A6}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 7px 5px 7px 27px; background: url('/.s/t/839/9.gif') left center no-repeat;border-bottom:1px dashed #67E1EE;font-size:9pt;}
/* --------- */
/* Module Part Menu */
.catsTd {padding: 0 0 6px 13px; background: url('/.s/t/839/8.gif') no-repeat 0px 3px;}
.catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;}
.catNumData {font-size:7pt;color:#005D68;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#005D68;}
a.catName:visited {text-decoration:none; color:#005D68;}
a.catName:hover {text-decoration:underline; color:#000000;}
a.catName:active {text-decoration:none; color:#005D68;}
a.catNameActive:link {text-decoration:none; color:#9D080D;}
a.catNameActive:visited {text-decoration:none; color:#9D080D;}
a.catNameActive:hover {text-decoration:underline; color:#9D080D;}
a.catNameActive:active {text-decoration:none; color:#9D080D;}
/* ----------------- */
/* Entries Style */
.eBlock {background:#FFFFFF;border:1px solid #B9FAFF; border-bottom: 2px solid #80DE4F;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:9pt;font-weight:bold;color:#008EB1;text-align:center; padding:5px; background:url('/.s/t/839/10.gif') bottom repeat-x;}
.eTitle a:link {text-decoration:none; color:#089599;}
.eTitle a:visited {text-decoration:none; color:#089599;}
.eTitle a:hover {text-decoration:none; color:#00D9D4;}
.eTitle a:active {text-decoration:none; color:#089599;}
.eMessage {text-align:justify;padding:10px !important;font-size:9pt !important;}
.eText {text-align:justify;padding:10px !important;font-size:9pt !important;}
.eDetails {font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#636363;padding:5px; text-align:left;font-size:7pt;background:#ECFEFF;}
.eDetails1 {font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#636363;padding:5px; text-align:left;font-size:8pt;background:#ECFEFF;}
.eDetails2 {font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#636363;padding:5px; text-align:left;font-size:8pt;background:#ECFEFF;}
.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/839/11.gif') no-repeat 0px 0px;}
/* ------------- */
/* Entry Manage Table */
.manTable {}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
Подобные документы
Выбор состава технических и программных средств. Проектирование структуры и макета сайта. Модуль обработки изображений в редакторе Adobe Photoshop. Серверная и пользовательская части сайта. Тестирование работоспособности сайта методом черного ящика.
дипломная работа [1,8 M], добавлен 09.07.2017Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.
курсовая работа [1,0 M], добавлен 09.01.2014Актуальность создания фирменного web-сайта. Разработка, внедрение web-сайта под названием "Удачная постройка". Анализ существующих программных решений, выбор инструментальных средств разработки. Архитектура сайта, структура данных. Тестирование и отладка.
дипломная работа [4,7 M], добавлен 19.01.2017Различные определения сущности электронного учебника, его основные формы. Этапы разработки электронного учебно-методического пособия: подбор материала, выбор программы, создание, отладка и тестирование, защита. Содержание руководства пользователя.
дипломная работа [2,6 M], добавлен 20.09.2012Характеристика программных средств, использованных при разработке сайта. Параметры аппаратных средств для демонстрации ПП. Особенности архитектуры программного обеспечения. Анализ модели жизненного цикла программного продукта. Построение Gant-диаграммы.
курсовая работа [886,9 K], добавлен 30.05.2015Суть выбора редактора для создания коммерческого сайта. Формирование интерфейса взаимодействия пользователя с системой. Изучение основных языков проектирования. Особенность тестирования программных средств. Анализ разработки сопроводительных документов.
отчет по практике [2,4 M], добавлен 20.05.2017Выбор базовых программных средств для разработки оригинального программного обеспечения. Компоненты программно-методического комплекса проектирования токарных операций. Программное обеспечение для организации интерфейса программно-методического комплекса.
дипломная работа [2,8 M], добавлен 14.05.2010Разработка общей структуры проектируемого сайта. Выбор программных и аппаратных средств для реализации поставленной задачи. Описание дизайна будущего сайта. Рассмотрение основ регистрации, правил построения программной и эксплуатационной документации.
курсовая работа [5,3 M], добавлен 31.07.2014Постановка задачи разработки сайта компании "ОргТехСервис". Выбор методики проектирование сайта, разработка проекта, тестирование и отладка. Расчет показателей надежности Интернет-услуг. Порядок разработки интерфейсов взаимодействия с пользователем.
контрольная работа [1,5 M], добавлен 22.10.2014Анализ методов разработки сайта с помощью веб-инструментов, конструктора, системы управления сайтом. Выбор языка веб-программирования, графического редактора. Разработка корпоративного сайта, его внедрение в интернет и тестирование на различных браузерах.
курсовая работа [2,5 M], добавлен 22.03.2017