Разработка Web-сайта для тату-салона

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

Рубрика Программирование, компьютеры и кибернетика
Вид статья
Язык русский
Дата добавления 09.11.2024
Размер файла 5,7 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

Размещено на http://www.allbest.ru/

Содержание

  • Введение
  • 1 Описание метода разработки
  • 1.1 Общая характеристика тату-салона
    • 1.2 Обоснование потребности в создании Web-сайта
    • 1.3 Анализ Web-сайтов аналогов
  • 2. Реализация Web-сайта
    • 2.1 Проектирование структуры Web-сайта
    • 2.2 Разработка дизайна Web-сайта
    • 2.3 Реализация Web-сайта
  • Заключение
  • Список использованных источников

Введение

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

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

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

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

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

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

Задачи курсовой работы:

- Анализ деятельности тату-салонова;

- Анализ требований к Web-сайту;

- Разработка информационной структуры и дизайна Web-сайта.

1 Описание метода разработки

1.1 Общая характеристика тату-салона

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

- художественные татуировки любой сложности;

- перманентный макияж;

- лазерное удаление тату.

1.2 Обоснование потребности в создании Web-сайта

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

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

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

Web-сайт должен осуществлять следующие функции:

1. Информационная функция.

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

2. Маркетинговая функция.

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

Реализация Web-сайта для тату-салона «Камень» с технической точки зрения позволит решить следующие ключевые задачи:

- предоставление видеоинформации;

- слайд-шоу фотографий;

- форма обратной связи;

- система отзывов;

- ведение клиентской базы данных.

1.3 Анализ Web-сайтов аналогов

В настоящее время существует большое количество Web-сайтов.

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

Создание Web-сайта нужно начинать с анализа Web-сайтов конкурентов по нескольким причинам:

- понять, для каких целей сайт создается;

- нужно заранее знать, какую информацию надо подобрать по теме: статьи, иллюстрации, данные;

- нужно знать, в каком стиле создавать сайт: цветовые сочетания, текста и тому подобное;

- с анализа нужно начинать для того, чтобы еще на начальных этапах понять - потяните ли вы создание данного проекта или нет;

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

1. Сайт тату-салона «Anatomy».

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

На главной странице нет навязчивой рекламы. Шапка, на которой написана только главная информация для записи на сеанс. Ниже: немного об организации, портфолио с выполненными работами, предоставляемые услуги, информация о коллективе, отзывы довольных и не довольных клиентов, контакты (рисунок 1).

Рисунок 1 - Главная страница сайта тату-салона «Anatomy»

2. Сайт тату-салона «Tattoo Times».

Рисунок 2 - Главная страница сайта тату-салона «Tatto Times»

По сравнению с прошлым аналогом, этот сайт немного не подходит дизайном для тату-салона ввиду ярких цветов и ассоциациям с салоном-распродажи одежды (рисунок 2).

По доступности для широкого круга пользователей (адаптивность, мобильная версия, различные браузеры) лучшие характеристики показал первый веб-сайт «Anatomy».

2. Реализация Web-сайта

2.1 Проектирование структуры Web-сайта

Цель создания сайта: предоставление информации о деятельности тату-салона и запись клиентов на прием к тату-мастеру.

Целевая аудитория сайта: лица, желающие сделать татуировку или пирсинг.

Основные требования заказчика к функциональным возможностям сайта:

- Качественная верстка HTML5;

- Дизайн, отражающий деятельность предприятия;

- Наличие качественных фотографий;

- Наличие формы обратной связи (записи на прием);

- Наличие интерактивной карты (схемы проезда);

- Наличие отзывов клиентов;

- Наличие ссылок на социальные сети.

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

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

Информационная структура сайта, представлена на рисунке 4.

Размещено на http://www.allbest.ru/

Рисунок 4 - Структура навигации по материалам Web-сайта

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

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

Для тату-салона было решено реализовать Web-сайт в виде лендинг пейдж или «одностраничника».

Посадочная страница - это Web-сайт, назначение которого - повысить показатели по конверсии. Из-за малого объема информации, пользователь обречен на скудный выбор: сделать заказ или просто уйти, проигнорировав предложение. Главное, для чего нужен лендинг - снизить финансовые затраты на создание сайта, плюс конверсия [13].

Рисунок 5 - Пример структуры посадочной страницы Web-сайта

Перечень возможностей лендинг пейдж простой - одна страничка единственный щелчок.

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

Исходя из функционала, выделяются преимущества:

- Отличная конверсивность и гибкость получается из-за идеи посадочной страницы;

- Создание страницы гарантируют небольшие вложения без «заморочек» на создание уникального и содержательного текста;

- Внимание потенциального покупателя фиксируется на одной услуге или товаре, не рассеиваясь по каталогу;

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

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

2.2 Разработка дизайна Web-сайта

Концепцию Web-сайта раскрывает дизайн, в котором следует уделить внимание таким элементам как пространство, линии, фигуры, цвет, размер и так далее.

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

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

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

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

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

Параметр «Размер» касается каждого отдельного элемента.

Разработка дизайна Web-сайта выполнялось в программе Adobe PhotoShop. Дизайн Web-сайта - это прототип Интернет-ресурса в данном случае сайта типа «посадочная страница», а если быть более точным, его главной страницы, некий графический образ с прорисованными деталями различных уровней.

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

Основные требования к дизайну Web-сайта тату-салона:

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

- основные элементы меню и другие элементы навигации должны быть доступны с главной страницы Web-сайта;

- не должно быть переизбыточности информации;

- переход к выбранной категории должен осуществляться с помощью меню;

- дизайн Web-сайта должен быть современным и лаконичным;

- внимание пользователя должно концентрироваться на выбранных объектах.

На рисунке 6 представлен дизайн шапки главной страницы Web-сайта.

Шапка Web-сайта тату-салона включает:

- привлекающую внимание фотографию;

- подпись к фотографии;

- название тату-салона;

- контактный телефон;

- график работы тату-салона.

Рисунок 6 - Подготовка графики для Web-сайта для тату-салона «Камень»

Рисунок 7 - Дизайн главной страницы Web-сайта для тату-салона

На рисунке 7 представлен дизайн шапки главной страницы Web-сайта в программе Adobe Photoshop.

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

Представлены следующие услуги:

- художественная татуировка;

- реставрация татуировок;

- перманентный макияж;

- удаление татуировок лазером и так далее.

2.3 Реализация Web-сайта

Разработка Web-сайта - это процесс, требующий предварительного планирования и четкого видения задачи.

Необходимо пройти ряд ключевых этапов реализации Web-сайта:

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

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

3. Интеграция с системой управления сайтом или верстка дизайна Web-сайта «с нуля» и проверка корректности работы ресурса с разных мобильных устройств.

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

5. Наполнение контентом. Стоит уделить внимание графике: иллюстрации и демонстрация сильнее текста.

6. Регистрация домена и размещение Web-сайта в сети Интернет.

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

В качестве инструмента реализации Web-сайта тату-салона «Камень» выбраны языки веб-разработки: HTML, CSS, JavaScript, PHP и редактор кода Visual Studio Code:

- Язык HTML позволит выполнить создание структуры (макета) Web-сайта тату-салона «Камень»;

- Язык CSS позволит выполнить создание стилевого оформления Web-сайта тату-салона «Камень»;

- Язык JavaScript и технология AJAX позволит выполнить загрузку данных в фоновом режиме для обеспечения работы Web-сайта тату-салона «Камень», обеспечит обращение к элементам посредством объектной модели документа DOM, реализацию основных функций Web-сайта тату-салона «Камень»;

- Язык PHP будет использоваться для написания кода, отвечающего за работу формы обратной связи Web-сайта тату-салона «Камень», отправку данных, вводимых пользователем в форму на электронную почту предприятия, вызов функций JavaScript.

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

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

Рисунок 8 - Онлайн-справочник Html Book по веб-языкам

Рассмотрим возможности выбранной среды Visual Studio Code. Редактор Visual Studio Code поможет в работе веб-разработчикам и верстальщикам всех уровней. С одной стороны, Visual Studio Code подходит новичкам, потому что его интерфейс интуитивно прост и понятен. С другой стороны, в Visual Studio Code встроены много возможностей, которые интересны опытным разработчикам.

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

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

Рисунок 9 - Расширения Live Server

Помимо редактора кода установлен браузер Mozilla Firefox с возможностью инспектирования кода, работы с консолью JavaScript.

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

Язык JavaScript используется в AJAX, популярном подходе к построению интерактивных пользовательских интерфейсов веб-приложений, заключающемся в «фоновом» асинхронном обмене данными браузера с веб-сервером. В результате, при обновлении данных веб-страница не перезагружается полностью и интерфейс веб-приложения становится быстрее, чем это происходит при традиционном подходе (без применения AJAX).

Поддержка интерпретатора языка JavaScript встроена во все современные браузеры. В процессе разработки был выбран популярный и удобный браузер Firefox.

Рисунок 10 - Браузер Firefox и инспектирование кода проекта

Браузер Firefox является свободным браузером на движке Gecko, разработкой и распространением которого занимается Mozilla Corporation. Firefox официально выпускается для Windows, macOS, GNU/Linux и Android

Состав файлов проекта включает:

- стартовый файл index.html;

- папку css со стиливым оформлением шаблона;

- папку fonts с основными веб-шрифтами;

- папку images с картинками, используемыми в шаблонеж;

- папку scripts с основными скриптами.

Для того, чтобы Web-сайт соответствовал современным требованиям и лучше воспринимался пользователем в Web-сайте произведены следующие основные работы, а именно:

1. Выполнена установка шрифтов Google, см. рисунок 12-13.

2. Выполнена стилизация с помощью кода CSS, см. рисунок 14-16.

3. Выполнено добавление favicon (иконки сайта), см. рисунок 17.

4. Выполнено добавление карты Google и ее стилизация для раздела «Контакты», см. рисунок 18.

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

Рисунок 11 - Структура файлов Web-сайта для тату-салона «Камень» в среде Visual Studio Code

В качестве языка разметки частей проекта используется язык HTML. Язык HTML стандартизированный язык разметки документов. Большинство веб-страниц содержат описание разметки на языке HTML. Язык интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране устройства.

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

Рисунок 12 - Выбор веб-шрифтов Google для Web-сайта тату-салона «Камень»

Язык CSS (Cascading Style Sheets) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG.

Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы от описания внешнего вида этой страницы.

Рисунок 13 - Получение кода CSS для установка веб-шрифтов Google на Web-сайт тату-салона «Камень»

Инструмент форматирования кода CSS - CSS Formatter доступный для выбранного инструмента разработки проекта Visual Studio Code организуют код в доступный и читаемый вид, в котором легко разобраться.

CSS-препроцессоры, такие как SASS, LESS, Stylus, Autoprefixer делают написание CSS сильно удобнее.

CSS @-правило позволяет указать шрифты для отображения текста на веб-страницах, которые могут быть загружены либо с удаленного сервера, либо с компьютера пользователя. Если в правиле была объявлена функция local(), с названием шрифта, то будет производиться поиск на компьютере пользователя, и в случае обнаружения будет использован этот шрифт. Иначе будет скачан и использован шрифт, указанный в функции url().

Рисунок 14 - Установка расширения для упрощения стилизации Web-сайта тату-салона с помощью кода CSS

Рисунок 15 - Написание кода CSS для подключения выбранных веб-шрифтов

Правило @font-face позволяет разрабатывать контент не ограничиваясь набором «безопасных» шрифтов (шрифтов, которые настолько распространены, что считаются доступными по умолчанию). Возможность определить локально установленный шрифт позволяет более гибко настраивать шрифты, не полагаясь на соединение с интернетом.

Рисунок 16 - Написание кода CSS (селекторов по id для стилизации элементов страницы)

Фавикон (favicon) - это в дословном переводе с англ. «значок для избранного» (FAVoritesICON). Так называются закладки в браузере Internet Explorer, где впервые стали использоваться визуальные иконки для быстрого поиска нужного сайта.

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

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

Рисунок 17 - Подбор favicon для Web-сайта тату-салона «Камень»

Рисунок 18 - Добавление карты Google и ее стилизация для Web-сайта тату-салона «Камень»

Рисунок 19 - Программирование формы записи для отправки сообщения от клиента на электронную почту с помощью языка PHP для Web-сайта тату-салона «Камень»

Карты Google (Google Maps) - набор приложений на основе бесплатного картографического сервиса и технологии компании Google.

Для получения кода карты необходимо:

- Открыть Google Карты на компьютере;

- Открыть маршрут, карту или изображение просмотра улиц, которое необходимо внедрить;

- В левом верхнем углу экрана нажать на значок меню Меню;

- Выбрать Ссылка/код. Если этого пункта нет в меню, нажать Ссылка на карту;

- Скопировать код карты и разместить его в разметке страницы внутри тега <iframe>;

- Полученный код стилизовать с помощью языка CSS.

Язык PHP (PHP: Hypertext Preprocessor) - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений.

Электронная почта - неотъемлемая часть любого проекта или бизнеса, в частности тату-салона. Электронные письма можно отправлять с помощью языка PHP, а именно функции mail() (см. рис. 30).

Функция mail() в PHP вызывает программу Sendmail, обычно настраиваемую системным администратором, которая и позволяет отправлять электронные письма. Чтобы использовать функцию mail(), хостинг-провайдер должен позволять вручную управлять службой Sendmail в панели управления хостингом. Синтаксис команды: mail(получатель, тема, сообщение, заголовки).

Заключение

В результате написания курсовой работы

- проведен анализ деятельности тату-салонов;

- проведен анализ требований для Web-сайта;

- выполнено создание структуры Web-сайта тату-салона;

- выполнена разработка дизайна Web-сайта тату-салона.

Web-сайт для тату-салона позволит:

- увеличить количество клиентов;

- автоматизировать процесс сбора заявок клиентов и их персональных данных;

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

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

Разработка Web-сайта - это процесс, требующий предварительного планирования и четкого видения задачи.

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

В ходе выполнения данной работы основная цель - разработка и реализация Web-сайта для тату-салона на базе языков HTML, CSS, JavaScritpt, PHP - достигнута.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

web сайт тату салон

1. Байков, В. Д. Интернет: поиск информации и продвижение сайтов: Пособие / Байков В.Д. - URL: https://znanium.com/catalog/product/939974 (дата обращения: 07.05.2024).

2. Бенкен, Е. С. AJAX: программирование для Интернета: Практическое руководство / Бенкен Е.С., Самков Г.А. - URL: https://znanium.com/catalog/ (дата обращения: 07.05.2024).

3. Бенкен, Е. С. PHP, MySQL, XML: программирование для Интернета / Е. С. Бенкен. - 3-е изд., перераб. и доп. - URL: https://znanium.com/catalog/product/352144 (дата обращения: 07.05.2024).

4. Будилов, В. А. Интернет-программирование на Java: Пособие / Будилов В.А. - СПб:БХВ-Петербург, 2016. - URL: https://znanium.com/catalog/product/940239 (дата обращения: 10.05.2024). - Режим доступа: по подписке.

5. Горнаков, С. Г. Осваиваем популярные системы управления сайтом (CMS) [Электронный ресурс] / С. Г. Горнаков. - URL: https://znanium.com/catalog/product/407798 (дата обращения: 10.05.2024).

6. Дронов, В. А. Django. Практика создания Web-сайтов на Python: Посо-бие / Дронов В.А. - СПб:БХВ-Петербург, 2017. - URL: https://znanium.com/catalog/product/941019 (дата обращения: 10.05.2024).

7. Дронов, В. А. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов: Практическое руководство / Дронов В.А. - URL: https://znanium.com/catalog/product/351455 (дата обращения: 11.05.2024).

8. Дронов, В. А. PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов: Пособие / Дронов В.А. - URL: https://znanium.com/catalog/product/944562 (дата обращения: 11.05.2024).

9 Загуменнов, А. П. Загуменов, А. П. Как раскрутить и разрекламиро-вать Web-сайт в сети Интернет / А. П. Загуменов. - Москва: ДМК Пресс, 2017. - URL: https://znanium.com/catalog/product/407483 (дата обращения: 11.05.2024).

10. Зеньковский, В. А. 3D-эффекты при создании презентаций, сайтов и рекламных видеороликов: Практическое руководство / Зеньковский В.А. - СПб:БХВ-Петербург, 2017. - URL: https://znanium.com/catalog/product/355088 (дата обращения: 13.05.2024).

11. Клонингер, К. Свежие стили Web-дизайна: как сделать из вашего сайта «конфетку» [Электронный ресурс] / К. Клонингер; Пер с англ. - Москва: ДМК Пресс, 2016. - URL: https://znanium.com/catalog/product/408541 (дата обращения: 13.05.2024).

12. Колисниченко, Д. Н. Выбираем лучший бесплатный движок для сайта. CMS Joomla! и Drupal: Практическое руководство / Колисниченко Д.Н. -URL: https://znanium.com/catalog/product/351459 (дата обращения: 13.05.2024).

Размещено на Allbest.ru

...

Подобные документы

  • Выбор инструментальных и программных средств для создания сайта. Структура программного продукта. Создание сайта при помощи программы WordPress. Тестирование разработанной программы. Разработка структуры и дизайна сайта. Наполнение сайта контентом.

    курсовая работа [1,0 M], добавлен 09.01.2014

  • Выбор сред разработки для реализации сайта. Основная концепция и содержание веб-сайта. Роль дизайна сайта в его создании и определение основных требований к его содержанию и внешнему виду. Особенности разработки удобного и красивого интерфейса сайта.

    курсовая работа [686,4 K], добавлен 13.06.2022

  • Понятие web-сайта и их типы. Программы для создания web-сайта. Описание структуры проекта. Алгоритм создания сайта. Описание конструктора Jimdo. Языки программирования серверного выполнения. Создание полнофункционального веб-сайта для ОАО "КУЛЗ".

    курсовая работа [3,5 M], добавлен 05.06.2015

  • Проектирование структуры и информационного содержания сайта. Анализ поисковой статистики и подбор синонимов. Целевая аудитория сайта. Реализация каркаса сайта. Разработка навигации и дизайна сайта с использованием css. Реализация интерактивности.

    курсовая работа [10,7 M], добавлен 01.09.2016

  • Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.

    дипломная работа [3,6 M], добавлен 08.04.2014

  • Разработка сайта в приложении FrontPage. Программные средства и технологии, используемые при разработке сайта. Основная структура сайта и размещение исходных файлов. Создание графических страниц, элементов и рисунков. Размещение сайта в сети Internet.

    курсовая работа [1,6 M], добавлен 13.06.2013

  • Проектирование сайта учителя в системе Ucoz с учетом особенностей педагогической деятельности. Обновление и пополнение содержимого сайта. Регистрация пользователей. Настройка дизайна и выбор модулей для сайта. Создание меню и наполнение сайта контентом.

    курсовая работа [2,1 M], добавлен 14.06.2014

  • Проектирование web-сайта. Пользовательские персонажи, детальная концепция сайта. Разработка скелетной схемы страниц, информационной архитектуры. Создание прототипа web-сайта. Выбор среды разработки. CMS системы и их анализ. Стадии проектирования сайта.

    курсовая работа [346,7 K], добавлен 18.09.2016

  • Рассмотрение основных этапов создания сайта. Использование вайрфреймов как документации по проекту. Использование мокапа и структура навигации сайта. Правильный выбор цветов для проекта. Использование модульной сетки и разработка дизайна сайта.

    презентация [2,8 M], добавлен 01.09.2019

  • Формирование виртуальной странички предприятия в Internet. Обоснование выбора платформы. Разработка структуры и дизайна сайта, электронного каталога продуктов фирмы. Оптимизация сайта под поисковые системы. Основные принципы и правила продвижения сайта.

    дипломная работа [3,0 M], добавлен 01.01.2018

  • Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.

    дипломная работа [2,3 M], добавлен 19.01.2017

  • Основы моделирования и разработки Web-сайтов. Обзор и сравнительный анализ языков программирования. Фреймворки, используемые при создании сайта. Разработка графического дизайна, моделирование и создание Web-сайта, руководство по администрированию.

    курсовая работа [1,7 M], добавлен 07.11.2013

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

    курсовая работа [5,3 M], добавлен 31.07.2014

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

    дипломная работа [1,5 M], добавлен 08.12.2013

  • История веб-дизайна и сайтов. Пример раннего сайта Angelfire. Популярные браузеры, цветовая модель RGB. Структура корпоративного сайта. Предпроектный анализ разрабатываемого веб-сайта. Основные блоки макета. Пример адаптивной верстки. Макет в Photoshop.

    дипломная работа [8,0 M], добавлен 10.10.2015

  • Разработка информационной структуры, дизайна и информационное наполнение web-сайта, который предоставляет сведения участникам турниров юных математиков. Создание анимированного баннера, логотипа, шаблона сайта. Обзор графического программного обеспечения.

    дипломная работа [3,2 M], добавлен 15.05.2014

  • Исследование принципов работы, технологии и стандартов IP–телефонии, оценка качества телефонной связи и сжатия речи. Анализ планирования структуры сайта, разработки дизайна, верстки макета. Характеристика регистрации доменного имени и хостинга сайта.

    курсовая работа [52,7 K], добавлен 23.12.2011

  • Обзор и анализ используемых технологий, содержания и дизайна сайтов ВУЗов, в том числе созданных на основе CMS. Исследование содержания сайта ПРИПИТ и информационных потребностей различных групп его потенциальных посетителей. Разработка дизайна сайта.

    дипломная работа [129,4 K], добавлен 11.03.2010

  • Технические характеристики компьютерных систем. Анализ интернет-сайта филиала предприятия и выявление основных проблем. Обновление структуры и подгонка сайта под современные стандарты с помощью программы WebSite X5. Создание дизайна веб-страницы.

    отчет по практике [410,2 K], добавлен 14.01.2015

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

    дипломная работа [3,0 M], добавлен 19.01.2017

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.