Разработка сайта компании (на примере ООО "Альтум Лтд")
Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | курсовая работа |
Язык | русский |
Дата добавления | 07.11.2013 |
Размер файла | 1,7 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
[Введите текст]
ВЕДЕНИЕ
World Wide Web - глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet.
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования. Сложность и объем программ, требуемых для создания того или иного сайта, зависит от множества факторов, таких, как структура, цель, требуемая функциональность, обеспечение надежности.
Целью курсовой работы является разработка web-сайта компании (на примере ООО "Альтум Лтд")
Для достижения поставленной цели в работе ставятся следующие задачи:
разработка графического дизайна;
моделирование;
создание сайта;
описание руководства по администрированию.
1. ОСНОВЫ МОДЕЛИРОВАНИЯ И РАЗРАБОТКИ WEB-САЙТОВ
1.1 Web-сайт: основные понятия, классификация и принципы создания
Веб-сайт - в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.
Изначально веб-сайты представляли из себя совокупности статических документов. В настоящее время большинству из них свойственна динамичность и интерактивность. Для таких случаев специалисты используют термин веб-приложение - готовый программный комплекс для решения задач веб-сайта. Веб-приложение входит в состав веб-сайта, но веб-приложение без данных сайтом является только технически.
В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail.google.com, news.google.com, maps.google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google.fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/, иногда используется доменное имя третьего уровня: my-site-name.example.com.
Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными.
Один и тот же сайт может быть доступен по разным адресам и хранится на разных серверах. Копия оригинального сайта в таком случае называется зеркалом. Существует так же понятие оффлайновая версия сайта - это копия сайта, которая может быть просмотрена на любом компьютере без подключения к компьютерной сети и использования серверного ПО.
Классификация веб-сайтов.
По доступности сервисов:
Открытые - все сервисы полностью доступны для любых посетителей.
Полуоткрытые - для доступа необходимо зарегистрироваться (обычно бесплатно).
Закрытые - полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей
По природе содержимого:
Статические - всё содержимое заранее подготавливается. Пользователю выдаются файлы в том виде, в котором они хранятся на сервере.
Динамические - содержимое генерируется специальными скриптами (программами) на основе других данных из любого источника.
По физическому расположению:
Внешние сайты сети Интернет.
Локальные сайты - доступны только в пределах локальной сети. Это могут как корпоративные сайты организаций, так как и сайты частных лиц в локальной сети провайдера.
По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы веб-ресурсов:
Сайт-визитка - содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.
Каталог продукции - в каталоге присутствует подробное описание товаров/услуг, сертификаты, технические и потребительские данные, отзывы экспертов и т. д. На таких сайтах размещается информация о товарах/услугах, которую невозможно поместить в прайс-лист.
Интернет-магазин - веб-сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
Промо-сайт - сайт о конкретной торговой марке или продукте, на таких сайтах размещается исчерпывающая информация о бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
Тематический сайт - веб-сайт, предоставляющий исчерпывающую информацию о какой-либо теме.
Тематический портал - это очень большой веб-ресурс, который предоставляет исчерпывающую информацию по определённой тематике. Порталы похожи на тематические сайты, но дополнительно содержат средства взаимодействия с пользователями и позволяют пользователям общаться в рамках портала (форумы, чаты) - это среда существования пользователя.
Поисковые сервисы - например, Яндекс, Google.
Фотохостинг - например, Flickr, ImageShack, Panoramio, Photobucket.
Хранение видео - например, YouTube, RuTube.
Каталог сайтов - например, Open Directory Project
Создание сайтов.
Изготовление сайтов как работающих целостных информационных ресурсов и систем есть составной процесс, вовлекающий труд различных специальностей. Этот вид деятельности называется веб-разработка.
Изначально владелец будущего сайта определяет его основные цели и задачи, придумывает название, выбирает доменное имя. В большинстве случаев владелец не может самостоятельно создать сайт и поэтому он обращается к соответствующим специалистам. Это может быть как организация (веб-студия), так и частное лицо (фрилансер). В этом случае владелец будет выступать в роли заказчика, а веб-студия или частное лицо в роли исполнителя. С организациями всегда заключается договор, а с частными лицами, в основном, происходит устная договорённость, основанная на взаимном доверии. В самом договоре описываются только общие юридические моменты, оговариваются сроки, способы оплаты и т. д. Итоговый же результат (непосредственно сам сайт) в виде приложения описывается заказчиком в задании. Чтобы избежать конфликтных ситуаций и недопонимания для сложных проектов заказчик готовит специальный документ - техническое задание, в котором подробно описывает все интересующие его моменты. Когда чётко становится известно, что должно получиться на выходе, за какой срок и какими средствами, начинается непосредственно процесс создания сайта.
Разработка дизайна.
Веб-дизайнеры разрабатывают макеты шаблонов веб-страниц. Дизайнер определяет каким образом конечный потребитель будет получать доступ к информации и услугам сайта. То есть занимается непосредственно разработкой пользовательского веб-интерфейса. В большинстве случаев веб-страницы не обходятся без графических элементов. Их подготовкой занимаются художники и фотографы. Готовые шаблоны показываются заказчику. В этот момент страницы ещё не могут содержать конечного наполнения (это в обязанности дизайнера не входит). Чтобы макеты выглядели более наглядно в них помещается произвольное содержимое. Если заказчик удовлетворён внешним видом шаблонов, то они передаются верстальщику.
Вёрстка. Верстальщик получает макеты шаблонов в виде изображений (обычно в формате PSD). Его задача - сделать из них гипертекстовые веб-страницы с вставленными в них отдельно нарезанными и подготовленными для Интернета изображениями. Содержимое верстальщик так же размещать не обязан - он всего-лишь изменяет формат. Одним из сложных моментов в работе верстальщика является обеспечение совместимости с множеством браузеров - программами для просмотра веб-страниц. Веб-обозреватели могут одни и те же элементы разметки или правила CSS интерпретировать по-своему, в результате чего некоторые пользователи могут увидеть содержимое не так, как задумывал дизайнер и ожидает увидеть заказчик. Когда верстальщик убедится что большинство браузеров идентично отображают шаблоны, они передаются дальше.
Безопасность. Существует множество сайтов, которые являются значимыми ресурсами. На этих ресурсах могут располагаться персональные данные пользователей (например, личная переписка, адреса, телефоны) или финансовая информация (например, банковские сайты). Взлом таких ресурсов может повлечь как прямые денежные убытки (например, злоумышленник может перечислить деньги с чужого счёта на свой собственный), так и косвенные, связанные с распространением конфиденциальной информации или просто злоумышленник может испортить содержимое сайта. Для многих сайтов важно обеспечить некоторый уровень безопасности. Требуемый уровень безопасности во многом зависит от располагающейся на сайте информации.
Принципы разработки интерактивных Web-сайтов.
1. Все страницы интерактивных сайтов генерируются с помощью серверных программ. Такие сайты составляют не очень большой процент и содержат информацию, не изменяющиеся с течением времени.
2. Данные для генерации страниц при разработке сайтов, обычно берутся из баз данных, потому что программисты пока еще придумали лучшего способа хранения однотипных данных, кроме помещения их в реляционные базы, которые сейчас не имеют конкуренции. Базы данных работают под управлением сервера.
3. Зачастую используется разграничение доступа к сайту. Такое разграничение доступа подразумевает, что посетители сайта имеют разные права на доступ к тем или иной информации имеющейся на сайте. Так, простые посетители могут лишь просматривать данные, в то время как «опытные» посетители могут вносить в данные любые изменения.
4. Если на сайте используется различные уровни доступа, то он обязательно имеет возможность входа на сайт для каждого пользователя. Для того чтобы войти на сайт, посетителю нужно зайти на специальную страницу входа и ввести свои имя и пароль. Если эти данные занесены в список пользователей сайта, сервер разрешит пользователю войти на сайт. Если нет, пользователю предположат зарегистрироваться на сайте.
1.2 Обзор СУБД, применяемых в Web-программировании
Клиент - серверная СУБД.
Во многих вариантах современных СУБД реализуется архитектура клиент-сервер, в которой один процесс (клиент) посылает запрос для выполнения другому процессу (серверу).
Каждый из составляющих эту архитектуру элементов играет свою роль: сервер владеет и распоряжается информационными ресурсами системы, клиент имеет возможность воспользоваться ими. Сервер базы данных представляет собой мультипользовательскую версию СУБД, параллельно обрабатывающую запросы, поступившие со всех рабочих станций. В его задачу входит реализация логики обработки транзакций с применением необходимой техники синхронизации - поддержки протоколов блокирования ресурсов, обеспечение, предотвращение и/или устранения тупиковых ситуаций.
В ответ на пользовательский запрос рабочая станция получит не «сырье» для последующей обработки, а готовые результаты. Программное обеспечение рабочей станции при такой архитектуре играет роль только внешнего интерфейса централизованной системы управления данными. Это позволяет существенно уменьшить сетевой трафик, сократить время на ожидание блокированных ресурсов данных в мультипользовательском режиме, разгрузить рабочие.
Как правило, клиент и сервер территориально отделены друг от друга, и в этом случае они входят в состав или образуют систему распределенной обработки данных.
Для современных СУБД архитектура «клиент-сервер» стала фактически стандартом. Если предполагается, что проектируемая информация будет иметь архитектуру «клиент-сервер», то это означает, что прикладные программы, реализованные в ее рамках, будут иметь распределенный характер, т. е. часть функций приложений будет реализована в программе-клиенте, другая - в программе-сервере.
Основной принцип технологии «клиент-сервер» заключается в разделении функций стандартного интерактивного приложения на четыре группы:
функции ввода и отображения данных;
прикладные функции, характерные для предметной области;
фундаментальные функции хранения и управления ресурсами (базами данных);
служебные функции.
Примеры: Oracle, Firebird, Interbase, IBM DB2, Informix, MS SQL Server, Sybase Adaptive Server Enterprise, PostgreSQL, MySQL, Cachй, ЛИНТЕР.
Объектно-ориентированная СУБД.
Направление объектно-ориентированных баз данных (ООБД) возникло сравнительно давно. Публикации появлялись уже в середине 1980-х. Однако наиболее активно это направление развивается в последние годы.
Цель проектировщиков и разработчиков ООСУБД состояла в том, чтобы предоставить разработчикам информационных приложений механизм управления данными во внешней памяти, который полностью стыковался бы со средствами объектно-ориентированного программирования.
Технология ООСУБД предполагает существование интегрированной языковой среды, которая одновременно позволяет конструировать объектную базу данных, содержащую не только данные, но и программный код (методы объектов), обеспечивающий доступ к этим данным, и код приложения. Тем самым, исчезает разрыв между пассивными данными и активными программами, проект прикладной системы ведется в рамках единой технологии, что убыстряет его разработку и облегчает последующее сопровождение. Естественно, что при этом должны преследоваться цели сохранения всех преимуществ объектно-ориентированного программирования и систем баз данных.
Примеры ООСУБД: O2, Cashe, ObjectStore, Objectivity/DB, POET, VERSANT, GemStone/S и т.д.
Перспективы развития систем управления базами данных.
Этот этап характеризуется появлением новой технологии доступа к данным - интранет. Основное отличие этого подхода от технологии клиент-сервер состоит в том, что отпадает необходимость использования специализированного клиентского программного обеспечения. Для работы с удаленной базой данных используется стандартный браузер Интернета, например Microsoft Internet Explorer или Netscape Navigator, и для конечного пользователя процесс обращения к данным происходит аналогично скольжению по Всемирной Паутине. При этом встроенный в загружаемые пользователем HTML-страницы код, написанный обычно на языке Java, Java-script, Perl и других, отслеживает все действия пользователя и транслирует их в низкоуровневые SQL-запросы к базе данных, выполняя, таким образом, ту работу, которой в технологии клиент-сервер занимается клиентская программа. Удобство данного подхода привело к тому, что он стал использоваться не только для удаленного доступа к базам данных, но и для пользователей локальной сети предприятия.
1.3 Обзор и сравнительный анализ языков web-программирования
Создать качественную Web-страницу непросто, для этого потребуются не только навыки дизайнера для красивого и стильного оформления, но и опыт программирования. Сложность и объем программ, требуемых для создания того или иного сайта, зависит от множества факторов, таких, как структура, цель, требуемая функциональность, обеспечение надежности и т.п.
Для создания современных сайтов обычно используются: HTML, CSS, JavaScript , FLASH, PHP.
HTML - это не язык программирования и не язык оформления документов. Это, в первую очередь, средство разметки текста. На сегодняшний день HTML остается самым универсальным, даже незаменимым средством разметки гипертекста, а, следовательно, и публикации в Интернет.
Написание Web страничек на HTML не требует интерпретации исходного кода в двоичный код. Язык разметки гипертекста по определению должен интерпретироваться браузером. Это, безусловно, накладывает некоторые ограничения на возможности языка и на совместимость новых конструкций со старыми версиями браузеров. Современные Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные таблицы стилей(CSS), иногда присутствуют Java-апплеты.
CSS (Cascading Style Sheets) - язык таблиц каскадных стилей. Он разработан для того, чтобы расширить возможности по оформлению Web-страниц.
CSS используется веб-разработчиками для задания внешнего вида (шрифтов, цветов, отступов, расположения и др.) веб-страниц. CSS разработан для отделения основного содержимого документа (написанного на языке разметки, например HTML) от оформления этого содержимого (написанного на CSS). Такое отделение предоставляет веб-разработчикам большую гибкость, упрощает задание внешнего вида документов и оформление повторяющихся элементов разметки.
При использовании HTML и CSS важно понимать, следующее:
HTML-код формирует текст логически, т.е. задает структуры Web-страницы: расположение и порядок следования абзацев, графических изображений, строк и ячеек в таблице и особое значение отдельных фрагментов текста.
Таблицы стилей CSS формируют тексты физически, т.е. задают представление Web-страницы: каким шрифтом будут набраны обычный текст абзацев, каким цветом выделить заголовки, будут ли у таблицы рамка и пр.
Правила хорошего тона Web-дизайна требуют, чтобы представление Web-страницы было отделено от ее структуры. Поэтому профессиональные Web-дизайнеры по возможности выносят определение стилей CSS в отдельные файлы.
Каскадные таблицы стилей по сути своей не динамичны. Они позволяют определять, как будет выглядеть документ при загрузке и не более того. Но свойства Web-страниц, созданных с помощью CSS, можно динамически менять посредством языка JavaScript.
Flash одновременно является и программой (Flash, Macromedia Inc.) и файловым форматом (расширение .swf).
Преимущества Flash:
Платформенная независимость, т.е. страницы созданные при помощи Flash выглядят одинаково в разных операционных системах и различных браузерах.
Распространенность и предоставление дизайнерам огромное количество инстркментов.
Правильно созданные Flash-файлы созданы правильно, они занимают мало места и достаточно быстро загружаются.
Недостатки Flash:
Flash-технология сложна в изучении.
Не желание многих пользователей Интернет обновлять версии проигрывателей Flash, и следовательно многие новые Flash-модули не работают.
Проблемы с интерфейсом и его стандартизацией.
Долгая загрузка из-за большого объема графических файлов.
Популярность языка JavaScript связана с его широкими возможностями по взаимодействию с элементами веб-страницы без ее перезагрузки. Это позволяет прятать и показывать фрагменты дизайна, перемещать их и менять оформление. Путем таких действий можно создавать презентационные эффекты, меню, небольшие игры, обрабатывать данные форм и управлять содержимым.
Поддержка слоев. Слои предоставляют собой фрагменты HTML, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Слои все больше приобретают признание как средство верстки веб-страниц и создания разных эффектов. Частично это связано с тем, что их параметры легко меняются динамически через скрипты, что дает возможность создавать меню и другие выразительные средства дизайна.
Работа с формами. Через скрипты удобно получать и обрабатывать любые данные форм, это позволяет проверить информацию на правильность ввода перед ее отправкой на сервер. Можно создать «защиту от дурака» для контроля того, чтобы в элементы форм вводились корректные сообщения. Так, если в текстовом поле просят ввести число, следует сразу пресекать возможность ввода нечисловых символов.
Работа с изображениями. Через скрипты можно делать предварительную загрузку изображений. Еще до прямого обращения к изображениям, браузер помещает их в свою память, чтобы по мере необходимости быстрее отобразить в документе. Основные параметры изображений, такие как: ширина, высота картинок и адрес графического файла, тоже можно менять динамически. Это позволяет создавать эффект перекатывания, когда рисунок меняется на другой при наведении на него курсора мыши и обратно, когда курсор уводится с изображения. Подобным методом делаются и галереи фотографий - смена изображений происходит в пределах одной страницы.
Определение даты и времени. Очень любимая почему-то многими дизайнерами возможность вставлять текущую дату, и даже время к себе на страницу, реализуется с помощью объекта Date, специально созданного для работы с датой. Все что можно получить от времени, здесь уже есть.
Работа с cookies. JavaScript поддерживает полноценную работу с cookies - небольшие текстовые файлы на локальном компьютере, в которых сохраняется техническая информация. Cookies можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей.
Отслеживание событий. Событием называется определенное действие пользователя или изменение состояния документа. JavaScript отслеживает большинство событий и позволяет определять реакцию на них. Например, при загрузке веб-страницы происходит событие onLoad. Если необходимо запустить скрипт сразу после загрузки документа, следует этому событию назначить функцию, которая будет выполняться при его наступлении.
Создание новых окон. Скрипты позволяют создавать новые окна, задавать у этих окон вид отображения и формировать их содержимое. Причем, у созданных таким способом окон можно отключать адресную строку, полосы прокрутки, меню и управлять их размером и положением на экране.
Проверка браузера. Подход разных браузеров к объектной модели, хоть и стандартизирован, но еще не всеми до конца принят. Поэтому для создания универсального документа, одинаково работающего везде, приходится делать проверку, какой в данный момент используется браузер, и давать ему подходящий код.
Математические функции. JavaScript содержит все необходимые арифметические операции, поддерживает все стандартные математические функции, как с целыми числами, так и с плавающей точкой.
Управление содержимым документа. Через метод write() можно вставлять любую информацию в уже созданный документ, например, сегодняшнюю дату. А также формировать полностью новый документ динамически. Это позволяет учитывать особенности поведения различных браузеров и операционных систем, выводя для них свой собственный текст.
PHP - это язык программирования, предназначенный для создания сайтов. PHP позволяет автоматизировать работу с сайтом. Это скрипт-язык, встраиваемый в HTML, который интерпретируется и выполняется на сервере. Отличие PHP от JavaScript, состоит в том, что PHP-скрипт выполняется на сервере, а клиенту передается результат работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется.
В прошлом веке, чтобы создать сайт «на мировом уровне», достаточно было просто уметь работать с HTML и обладать художественным вкусом. Спустя некоторое время требования усложнились: использование JavaScript и Dynamic HTML стало рутинным, а дизайн страниц, не имеющих подобных «украшений», считался устаревшим. Вскоре правилом «хорошего тона» для корпоративного сайта стало применение сложных программ на Perl или C++. Однако Web-дизайнеры не желали мириться с такой ситуацией. И на свет появился PHP - язык программирования, обладающий возможностями сложных скриптовых языков, но в то же время удивительно простой и легкий в изучении и применении.
PHP является внедряемым языком сценариев. Цель языка состоит в том, чтобы позволить веб-разработчикам быстро создавать динамически генерируемые страницы. Кроме того, разработчикам Web-приложений нет необходимости говорить, что web-страницы - это не только текст и картинки. Достойный внимания сайт должен поддерживать некоторый уровень интерактивности с пользователем: поиск информации, продажа продуктов, конференции и т.п. PHP работает как часть Web-сервера. В этом языке нет строгой типизации данных и нет необходимости в действиях по выделению/освобождению памяти. Программы, написанные на PHP, достаточно легко читаемы. Написанный PHP - код легко зрительно прочитать и понять.
Возможности PHP:
На PHP можно сделать все: обрабатывать данные из форм, генерировать динамические страницы, получать и посылать сеансы - куки (cookies). Кроме этого в PHP включена поддержка многих баз данных (databases), что делает написание Web-приложений с использованием БД до невозможности простым. Вдобавок ко всему PHP понимает протоколы IMAP, SNMP, NNTP, POP3 и даже HTTP, а также имеет возможность работать с сокетами (sockets) и общаться по другим протоколам. PHP может серьезно облегчить работу создателя сайта. С помощью команды include() можно автоматически вставлять один и тот же фрагмент HTML-кода во множество страниц, просто поместив в них эту команду с именем файла, содержащего код общей части. В результате для обновления такой общей части будет достаточно отредактировать один файл - тот, который ее, собственно, и содержит, и соответственно изменятся все остальные страницы. Также, при обновлении новостей редактированию придется подвергать лишь сам их текст, а не HTML-код заглавной страницы, что и самому делать легче, и неопытному помощнику доверить можно.
Помощь Web-мастеру и службе поддержки Web-ресурса - это лишь весьма малая часть функций PHP. Этот язык позволяет значительно обогатить сайт огромным количеством новых функций. Так, с помощью функции mail() легко обеспечить отправку почтового сообщения по какому-либо адресу со страниц сайта и т. д.
2. Анализ методов разработки, оптимизации и продвижения Web-сайта
2.1 Анализ средств для разработки и создания Web-сайта
Текстовые редакторы.
Веб-страницы кодируются на языке гипертекстовой разметки - HTML. Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы. Самый простой вариант - это редактор Notepad (Блокнот), входящий в стандартную поставку Windows. Собственно говоря, это именно то, что нужно, - простейшая программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и ничего лишнего.
Однако в очень простых текстовых редакторах типа Блокнота весь HTML-текст приходится писать вручную, а многим хотелось бы какую-то часть работы автоматизировать. Учитывая это желание, разработчики создали специализированные средства, призванные облегчить труд веб-программиста.
TextPad - это мощный текстовый редактор, предназначенный для работы с текстовыми файлами любых размеров (размер ограничен только свободной памятью компьютера). Программа обладает удобным интерфейсом, есть возможность работы сразу с несколькими файлами, имеется опция восстановления прерванной работы именно в том месте, где она была завершена в прошлый раз. Работает автоматическое оформление текста, неограниченная возможность отката, встроенный менеджер работы с файлами и т.д.
Рисунок 2.1 - Окно TextPad
Настройка макросов, проверка орфографии и все остальные функции, стандартные для такого рода программ. Имеет удобные опции для вставки текста из буфера блоком или построчно. В данном текстовом редакторе реализована поддержка проверки орфографии на 10 языках (для этого необходимо подключать дополнительные словари).
Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.
Рисунок 2.2 - Окно Notepad ++
Базовые возможности:
Подсветка синтаксиса
Сворачивание кода
Автодополнение и автоматическое закрытие скобок и тэгов
Регулярные выражения для поиска и замены
Запись и воспроизведение макросов
Сравнение файлов
Переопределение любых горячих клавиш
Резервное копирование сохраняемых файлов (включается в настройках)
Поддержка и конвертирование кодировок ANSI, UTF-8 и UCS-2
Подсветка синтаксиса: ActionScript, ASP, Ada, ASCII art, Assembler, AutoIt, BAT, C, C#, C++, Caml, CSS, doxygen, FORTRAN, HTML, INNO, Haskell, Java, JavaScript, KiXtart, Lisp, Lua, makefile, Matlab, NSIS Objective-C, Pascal, Perl, PHP, PostScript, Python, Ruby, Scheme, Unix Shell Script, Smalltalk, SQL, Tcl, TeX, Verilog, VHDL, VB/VBScript, XML.
Кроме того, пользователи могут задавать собственные правила подсветки и сворачивания для других языков.
Визуальные редакторы.
Визуальные редакторы не требуют от вас знаний html, css и прочих технологий для разметки страниц. В визуальном редакторе вы располагаете различные элементы вашего сайта, как будто на листе бумаги, а редактор пишет за вас код самостоятельно. Именно поэтому визуальные редакторы еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get - что видишь, то и получаешь.
Однако, следует заметить, что ни один визуальный редактор не совершенен и все они так или иначе ограничены в своих возможностях, поэтому от профессиональных кодеров требуется умение писать код руками, именно поэтому профессиональным кодерам нужны текстовые редакторы. В этих редакторах вы пишите код своими руками. В текстовых редакторах, как правило, бывают разные функции облегчающие кодеру написание кода, такие, как подсветка кода, различные горячие кнопки и клавиши, которые вставляют уже готовые конструкции (куски кода, спецсимволы) в код, и т.д.
Macromedia Dreamweaver
Профессиональный инструмент для создания web-сайтов и приложений.
Рисунок 2.3 - Окно Dreamweaver
Macromedia Dreamweaver предназначена для проектирования, разработки и администрирования профессиональных web-сайтов и приложений. Кроме того Dreamweaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash. Т.е. Dreamweaver гораздо больше, чем просто визуальный редактор, это достаточно мощный и сложный инструмент, а всякий сложный инструмент требует, чтобы на его освоение было потрачено какое-то время, прежде, чем пользователь сможет работать в нем.
Microsoft FrontPage
FrontPage позволяет создавать веб-узлы, обладающие широкими возможностями, а также предоставляет средства управления ими. На деле, FrontPage дружит с Html, Css, Dhtml, Javascript. Дает достаточно широкие возможности по управлению изображениями и flash-ролликами. Кроме того FrontPage дружит с такими технологиями, как ASP, XML, VBScript, XSL.
Рисунок 2.4 - Окно FrontPage
2.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ
С точки зрения удобства разработки, скорости, стабильности, было выделено 6 популярных PHP-фреймворков.
Zend Framework
Zend framework - это PHP-framework, созданный и поддерживаемый компанией Zend, сотрудники которой являются непосредственными авторами языка PHP. Поэтому он следует традициям и духу PHP - базируется на простоте, объектно-ориентированных принципах, дружественной лицензии и тщательно тестируемом коде с применением agile методов.
Основные особенности:
Все компоненты полностью ориентированы на PHP 5 и E_STRICT- совместимы;
Встроенный генератор кода;
Архитектура «используй только то что необходимо» с минимальными зависимостями компонентов;
Использует легко расширяемый шаблон проектирования MVC, поддерживает макеты и PHP-скрипты представления по-умолчанию;
Поддерживает множество различных баз данных включая MariaDB, MySQL, Oracle, IBM DB2, Microsoft SQL Server, PostgreSQL, SQLite, and Informix Dynamic Server;
Специальные классы для создания, отправки, получения email с помощью mbox, Maildir, POP3 и IMAP4;
Гибкая подсистема кэширования с поддержкой множества хранилищ;
Недостатки:
Слишком большой;
Многослойный;
Очень медленный без кеширования;
Очень сложная архитектура, без глубокого понимания шаблонов проектирования, сложен в освоении;
Слабое русскоязычное сообщество;
Много мелких недочетов;
Очень медленная скорость развития;
Последняя версия требует PHP 5.2;
Нет ORM.
CakePHP
CakePHP является быстроразвивающимся фреймворком для PHP, который предоставляет расширяемую архитектуру для разработки, обслуживания и развертки веб-приложений. Использует известный шаблон проектирования MVC, как и в объектно-реляционных фреймворках. Основной парадигмой CakePHP является увеличит продуктивность разработки и помогает программисту писать меньше кода. Изначально создавался как клон популярного Ruby on Rails, и многие идеи были заимствованы именно оттуда.
Особенности:
совместимость с PHP4 (до версии 1.3 включительно) и PHP5;
компоненты для авторизации, ограничения доступа (ACL), управления сессиями, cookies, представления древовидной информации (в виде Nested Sets)
хелперы (компоненты) для генерации и заполнения форм, деления на страницы (paginate), управления кэшем, JavaScript (в том числе и AJAX)
механизм интернационализации для работы сайта на множестве языков
генерация SQL-запросов, в том числе для таблиц с отношениями один ко многим и многие ко многим, ORM
Скаффолдинг и генерация CRUD-страниц для сущностей.
Автогенератор кода Bake
Миграции
Консольная интеграция, класс Shell и задачи Task
Поддержка Simple Test
Слои (layouts) и темы (Themes)
Низкий порог вхождения - быстрая разработка, основана на соглашениях
Недостатки:
Низкая производительность;
Слабая документация;
Неустойчивость к CSRF-атаке;
Нет сформированного русскоязычного сообщества;
Сложный в понимании ACL;
Строгие соглашения по именованию;
Низкая скорость развития.
Kohana
Проект Kohana был создан как ветвь PHP-фреймворка CodeIgniter под именем Blue Flame. Главной причиной ответвления был переход к более открытой для общественности модели разработки, потому, что многие пользователи были недовольны скоростью разработки и исправления ошибок в CodeIgniter. Rick Ellis - создатель и владелец CodeIgniter - подтолкнул новый фреймворк к созданию собственной документации и посоветовал переименовать проект. В июле 2007 Blue Flame был переименован в Kohana для того, чтобы избежать проблем с авторскими правами в будущем.
Особенности:
Высокая безопасность;
Хорошо прокомментированный код и встроенные средства отладки и профилирования;
Прост в понимании;
Использует парадигму MVC;
Поддержка UTF-8;
Очень легко расширяем;
Есть ORM;
Распространяется по лицензии BSD, то есть полностью свободен как для коммерческого так и бесплатного использования.
Недостатки:
Документация местами устаревшая, редко обновляется;
Слабая обратная совместимость между версиями;
Слаборазвитый форум, большинство разработчиков общается через IRC;
Нет никаких гарантий, что проект будет развиваться в будущем;
Нет сформированного русскоязычного сообщества
Codeigniter
CodeIgniter - популярный MVC фреймворк с открытым исходным кодом, написанный на языке программирования PHP, для разработки полноценных веб-систем и приложений. Разработан компанией EllisLab.
Особенности:
CodeIgniter отличает простота, которая достигается благодаря следующим факторам:
Хорошая документация;
Развитое сообщество;
Фреймворк дает свободу программисту, не создавая каких-либо структурных ограничений и конвенций;
Программисту не требуется учиться пользоваться генераторами кода из командной строки;
CodeIgniter работает практически на любом хостинговом плане, который имеет поддержку PHP версии 5.1 и выше;
CodeIgniter считается одним из быстрых и не требовательных к ресурсам фреймворков;
Поддержка баз данных MySQL, PostgreSQL, MSSQL, SQLite, Oracle.
Недостатки:
Поддержка PHP4 тянет за собой лишний код;
Нет встроенной ORM;
Нет встроенной системы разделения прав;
Медленно развивается;
Неустойчивость к CSRF-атакам.
Symfony
Symfony - PHP фреймворк, имеющий большую библиотеку классов, который написан на PHP 5. Архитектура имеет полезные компоненты и отличные инструменты предназначенные для создания сложных веб-приложений. Symfony - свободный каркас, написанный на PHP5, который использует паттерн Model-View-Controller (MVC). Symfony предлагает быструю разработку и управление веб-приложениями, позволяет легко решать рутинные задачи веб-программиста. Symfony бесплатен и публикуется под лицензией MIT.
Особенности:
Поддерживает множество баз данных (MySQL, PostgreSQL, SQLite или любая другая PDO-совместимая СУБД);
Встроенные классы для работы с email;
Гибкая система шаблонов в представлении;
Встроенный кодогенератор;
Очень гибок;
Высокая производительность.
Недостатки:
Сложен в освоении;
Подходит только для больших проектов;
Отсутствие русской документации;
Последняя версия требует PHP 5.3;
Нет встроенной ORM;
Yii
Yii - это высокоэффективный основанный на компонентной структуре PHP-фреймворк для разработки масштабных веб-приложений. Он позволяет максимально применить концепцию повторного использования кода и может существенно ускорить процесс веб-разработки.
Особенности:
Высокая производительность;
Интерфейсы DAO и ActiveRecord для работы с базами данных;
Поддержка интернационализации;
Кэширование страниц и отдельных фрагментов;
Перехват и обработка ошибок;
Ввод и валидация форм;
Аутентификация и авторизация;
Использование AJAX и интеграция с jQuery;
Генерация базового PHP-кода для CRUD-операций;
Поддержка тем оформления для их лёгкой смены;
Возможность подключения сторонних библиотек;
Миграции базы данных;
Автоматическое тестирование;
Поддержка REST.
Активное русскоязычное сообщество.
Недостатки:
Фреймворк все еще молодой;
Таблица 2.1 - Сравнение популярных фреймворков
Название |
Описание |
|
Zend Framework 1 |
Академически грамотный код. Очень гибок. Требует хорошего знания PHP и ООП. Придётся немного доводить под себя прежде, чем использовать. Сухая, но достаточно полная техническая документация. |
|
CakePHP |
Много встроенного функционала. Всё довольно тесно интегрировано. Документация не в лучшем состоянии. |
|
Code Igniter 2 |
Почти микрофреймворк. Очень лёгок для изучения. Отличная документация. Гибок. Легко использовать сторонний код. |
|
Kohana 3 |
Быстр, гибок. Свой подход к модульности. Скудная документация. |
|
Symfony 2 |
Активно использует командную строку, yaml. Мощный ORM, хорошая система view, генераторы кода, dependency injection для всего. Изучить очень непросто, несмотря на хорошую документацию |
|
Yii 1.1 |
Проще в изучении, чем Zend и Symfony. Вобрал лучшее от Rails. Неплохой AR, хорошая система view, генераторы кода. Довольно тесная интеграция. |
Преимущества использования
Гибкость разработки и развития проекта;
Эффективное использование ресурсов сервера;
Открытый код фреймворка;
Легкость и надежность веб-разработок. Фреймворк состоит из базовых, проверенных, отлаженных функций и операций. Построен на базе объектно-ориентированного программирования;
Постоянное развитие и совершенствование фреймворка;
Большой объем сопроводительной документации, примеров по разработке на разных языках;
Мировая популярность, большое количество разработчиков.
Легкость сопровождения проекта в дальнейшем, так как разработка с применением фреймворка основана на определенных соглашениях.
Фреймворк позволяет сконцентрироваться на решении архитектурных задач, а не базовых как при разработке без его применения.
Фреймворк позволяет узко решать поставленную задачу.
Одно из главных преимуществ фреймворка - это удобная разработка нестандартных проектов. Ни один крупный нестандартный проект (например, twitter.com, фотобанк с онлайн покупкой фотографий, сайт знакомств и т.д.) не делают на готовой CMS - они для этого не предназначены. Все оригинальные проекты разрабатывают на фреймворках.
Веб-проект, разработанный на фреймворке, развивается вместе с вашим бизнесом. Меняетесь вы - меняется сайт, достаточно лишь заменить отдельный блок (модуль), создать новый раздел или внести новизну в дизайне.
Недостатки применения
Из недостатков:
очень много кода не используется и лежит мертвым грузом в проекте;
сложность в освоении.
Эти недостатки весьма условны, достоинств несравнимо больше.
2.3 Обзор методов продвижения Web-сайта
сайт программирование фреймворк дизайн
В настоящее время одним из наиболее эффективных методов привлечения потребителей является интернет-маркетинг. Он обеспечивает максимальный охват целевой аудитории и высокую экономическую эффективность при проведении рекламной кампании.
Интернет-маркетинг - это комплекс мер по продвижению сайта в сети интернет для привлечения целевых посетителей, роста постоянной клиентской базы и увеличения объемов продаж.
Продвижение сайта - комплекс мер по увеличению посещаемости веб-ресурса целевыми посетителями. Часто под продвижением сайта подразумевают поисковое продвижение - комплекс технологий, специальных мер и действий, предпринимаемых для улучшения позиций сайта в результатах выдачи поисковых систем. Это неверно, так как оптимизация сайта - лишь один из инструментов продвижения сайта в целом.
Существует еще одно, более унифицированное представление о понятии продвижения и его конечной цели. Согласно ему, целью любого продвижения является конверсия. То есть отношение посетителей сайта, совершивших ожидаемое действие, ко всем посетителям (представляется в процентном выражении). Например, какой процент посетителей интернет-магазина от общего их числа совершил в нем покупку. Так как для разных сайтов ожидаемые действия посетителей могут отличаться (к примеру, скачивание фильма, телефонный звонок, регистрация аккаунта и т.д.), понятие конверсии распространяется не только на коммерческие ресурсы.
Анализ действий пользователей на сайтах осуществляется с помощью специального аналитического программного обеспечения. Для Яндекс - это Яндекс.Метрика, а для Google - GoogleAnalytics.
Поисковое продвижение (SEO). Комплекс мер для улучшения позиции веб-сайта в результатах поисковых систем (естественной выдаче), сформированных по конкретным запросам пользователей с целью привлечения стабильного потока целевой аудитории в долгосрочной перспективе. Высокий рейтинг сайта обеспечивает переход на него большего количества заинтересованных посетителей. Для достижения требуемого результата рекламной кампании необходимо 3-4 месяца.
Контекстная реклама. Отображение в верхней и правой части страницы выдачи поисковых систем коротких текстовых объявлений, соответствующих тематике запроса пользователя. Эффективна для быстрого привлечения на сайт активного потока максимального количества потенциальных клиентов. Данный способ продвижения сайтов применяется на начальных этапах раскрутки.
Раскрутка в социальных медиа. Комплекс мероприятий для привлечения на веб-ресурс заинтересованных посетителей из блогов и социальных сетей. Позволяет создать постоянную базу клиентов и увеличить качественный трафик на продвигаемый сайт. Отличается возможностью вести прямой диалог с потребителями товаров или услуг. Дает возможность привлечь на сайт максимальное количество целевой аудитории без существенных затрат.
Медийная реклама. Размещение графического баннера с рекламой веб-ресурса на популярных площадках. Направлена на повышение узнаваемости бренда компании. Позволяет эффективно продвигать веб-ресурс, сообщать пользователям о действующих скидках и акциях. Характеризуется широким охватом целевой аудитории и быстрой отдачей средств, затраченных на проведение рекламной кампании.
Участие в партнерских программах. Сотрудничество между владельцем веб-сайта и партнерами, осуществляющими продвижение товаров и услуг с помощью собственных коммерческих ресурсов. Позволяет при низком бюджете на рекламную кампанию получить большое количество внешних ссылок с тематических ресурсов и повысить показатели PR и ТИЦ. Данный способ продвижения сайта направлен на широкий охват пользователей, заинтересованных в продукции.
Продвижение картинками
Продвижение картинками - один из достаточно молодых способов продвижения сайта. Заключается в размещении на ресурсе контента из уникализированных графических изображений с прописанными метатегами.
Поисковые роботы помещают изображения на первой странице поисковой выдачи, тем самым давая пользователю дополнительную графическую информацию, а владельцам сайтов - возможность получить уникальных посетителей.
Благодаря тому, что данный вид продвижения пока мало освоен, открываются широкие перспективы перед теми, кто его использует.
Способы продвижения офлайн
Кроме стандартного продвижения в сети интернет реклама сайтов может вестись и вне виртуального пространства. Например, в виде наружной рекламы, листовок, рекламы на радио и телевидении и т.п. Такие рекламные кампании приносят свои плоды в виде увеличения количества целевых посетителей. Поэтому рекламу сайтов офлайн вполне уместно рассматривать как еще один, дополнительный инструмент продвижения.
Эффективность интернет-маркетинга усиливается в случае одновременного использования нескольких способов раскрутки сайта, а также применения дополнительных методов раскрутки: рассылки, регистрация в рейтингах и каталогах, обмен ссылками и т.д.
3. Разработка сайта компании (на примере
ООО "Альтум Лтд")
3.1 Разработка графического дизайна Web-сайта
Дизайн играет важную роль в привлечении внимания пользователей сети Internet к определенной Web - странице. При разработке дизайна Web-страницы прежде всего надобно учитывать особенности восприятия целевой аудитории. При этом оформление должно соответствовать содержанию Web-страницы. Универсального решения в области разработки дизайна Web-страниц не существует. Возможны совершенно различные варианты исполнения Web-страницы.
Все Web-страницы одного сервера должны быть оформлены в едином стиле. Это создаст дополнительное представление о фирмы и ее товарах.
Дизайн Web-страниц предполагает разработку следующих элементов:
цвет;
шрифт;
графика;
компоновка Web-страницы.
При этом сеть Internet налагает некоторые ограничения на возможности оформления Web-страниц, к ним относятся: время загрузки Web-страниц, пропускная способность канала передачи данных, размер графических файлов, совместимость браузеров, передача цветовой палитры и др.
Единая цветовая гамма Web-страниц способствует быстрому и полному восприятию содержания. Как правило, лучшая комбинация цветов для чтения - белый фон и черный текст.
Можно использовать фоновый цвет для отдельных символов текста, что дает вероятность создавать интересные композиции для заголовков, подписей к рисункам. Однако не следует изменять цвета ссылок, поскольку пользователь может решить, что уже посещал их раньше и не нашел ничего интересного.
Сайт должен иметь интерфейс, позволяющий посетителю легко ориентироваться в его ресурсах. Визуальное выделение информационных блоков, контрастные ссылки, интуитивно понятное расположение управляющих элементов.
Для графического представления предметной области был использован стандартный шаблон.
Рисунок 3.1 - Главная altum.by
3.2 Моделирование и создание Web-сайта
Прежде чем приступить к созданию веб-сайта, необходимо определиться с целями, которые планируется достигнуть с его помощью.
Опираясь на эту информацию, можно приступать к разработке концепции и предполагаемого варианта проектируемого веб-сайта.
В сценарии должны быть определены: основные структурные решения организации веб-сайта, какие конкретно информационные материалы будут публиковаться на сайте их объем, какие функциональные возможности будут предоставлены посетителям сайта и администратору, каким образом будут обновляться информационные материалы и контролироваться посещаемость веб-сайта.
Представим сценарий разрабатываемого веб-сайта:
1. Главная.
Первая страница или главная страница это лицо сервера. Здесь обычно приводится краткая привлекательная информация о направлениях деятельности компании, предоставляемых услуг.
2. Наши партнёры.
Представлены СТО, центры по замене масел, пункты продаж, с которыми ведётся сотрудничество.
3. Контакты.
На этой странице можно представить информацию и формы для контакта с руководством.
4. О компании.
Развернутые сведения о компании история, направление деятельности, предоставляемые гарантии, специалисты, сертификаты, вакансии, наши клиенты, отзывы клиентов, контактная информация.
5. Новости
Представлены новости компании.
В зависимости от концепции сервера, этот сценарий может быть усечен или дополнен специфическими элементами. Сценарий веб-сайта должен полностью соответствовать целям создания сайта и быть ориентирован на соответствующую целевую аудиторию.
3.3 Описание средств разработки и создания Web-сайта
HTML (Hyper Text Markup Language) - "язык гипертекстовой разметки", предназначенный для создания и просмотра Web-страниц в Сети.
Язык - это слово говорит о том, что HTML является компьютерным языком, связанным с другими языками программирования, и обладающий собственными правилами, терминологией и синтаксисом.
Гипертекстом называется обычный текст, "украшенный" форматированием, графикой, различными мультимедиа-средствами и ссылками на другие документы.
Разметкой называется вставка в текст дополнительных служебных символов, называемых тегами (tags). Каждый тег в HTML представляет собой команду, которая указывает браузеру, как ему следует отображать Web-страницу.
HTML - это универсальный язык для функциональной классификации различных частей документа в соответствии с их назначением. Другими словами, HTML показывает, какая часть документа является заголовком, а какая - текстом, какую часть текста надо выделить, и где должны располагаться графические изображения.
Сущность HTML заключается в том, что после разметки документа и выделения его различных частей можно быть уверенным: документ будет красиво и правильно отображаться в любом браузере и на любом компьютере.
HTML обладает многочисленными достоинствами:
Гибкость. Работу над Web-узлом можно продолжать даже вдали от компьютера, которым вы обычно пользуетесь. Используя HTML, вы перестаете зависеть от конкретной программы, которая может оказаться недоступной в данный момент.
Подобные документы
Классификация современных web-технологий. Сравнительный анализ систем управления сайтами. Исследование методов разработки, оптимизации и продвижения Web-сайта. Изучение фреймворков, используемых при разработке сайтов. Обзор создания графического дизайна.
дипломная работа [3,8 M], добавлен 07.11.2013Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.
курсовая работа [686,4 K], добавлен 13.06.2022Анализ основных средств для создания Web-сайтов. Обзор и сравнительный анализ СУБД, применяемых в Web-программировании. Анализ методов продвижения Web-сайтов. Проектирование Web-сайта в области коммунального хозяйства. Разработка графического дизайна.
курсовая работа [3,0 M], добавлен 07.11.2013Функциональные возможности веб-сайтов и их применение. Сравнительный анализ языков программирования для веб-разработки. Методические аспекты разработки образовательного веб-сайта. Определение трудозатрат на разработку и отладку программного продукта.
дипломная работа [2,8 M], добавлен 03.09.2021Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.
дипломная работа [129,4 K], добавлен 11.03.2010Значение и обзор современных средств веб-программирования на основе языков четвертого поколения. Технологические особенности разработки структуры сайта Интернет-магазина средств связи. Способы форматирования контента, систем навигации и дизайна сайта.
контрольная работа [3,2 M], добавлен 15.02.2011Разработка архитектуры сайта, структуры данных и необходимых программных модулей. Учет фирменного стиля компании при создании дизайна. Внедрение интерфейса административного редактирования сайта. Проведение экспериментального тестирования и отладки.
дипломная работа [3,0 M], добавлен 19.01.2017Разработка информационной структуры, дизайна и информационное наполнение web-сайта, который предоставляет сведения участникам турниров юных математиков. Создание анимированного баннера, логотипа, шаблона сайта. Обзор графического программного обеспечения.
дипломная работа [3,2 M], добавлен 15.05.2014Анализ сетевых технологий в гостиничном деле. Официальные сайты компаний. Технологии при создании и поддержке сайтов. Разработка модели web-ресурса, шаблона, тестового примера. Основные этапы создания веб-сайта и презентации. Цены на разработку сайта.
курсовая работа [3,6 M], добавлен 30.03.2014История развития информационных технологий. Появление Интернета, браузеры. Основы web-программирования: классификация сайтов, языки программирования. Создание сайта для кафедры высшего учебного заведения: технология создания и руководство пользователя.
дипломная работа [471,5 K], добавлен 23.04.2015