Презентация по созданию сайта для компании

1


Сайт компании. Для чего нужен сайт компании. Как сделать эффективный сайт? Центр Веб-решений

2


Веб-сайт компании это основа интернет-маркетинга. Сейчас сайты – это динамические центры коммуникаций. Сайт – это отражение бизнеса в интернете. Центр Веб-решений

3


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

4


Формирование ценности Ценность = Выгоды / Издержки = (Функциональные выгоды + Эмоциональные выгоды) / (Денежные издержки + Временные затраты + Энергетические издержки + Материальные расходы). С помощью сайта можно как увеличить выгоды, так и уменьшить издержки. Например: возможность круглосуточного отслеживания положения груза через веб-интерфейс сайта. Ценность перевозки груза как услуги в этой компании возрастает. Товар или предложение будут иметь успех на рынке только тогда, когда они представляют ценность для целевого потребителя и приносят ему удовлетворение. Центр Веб-решений

5


Как сделать эффективный сайт? Необходима заинтересованность топ-менеджмента предприятия Зачем? Необходим перенос бизнес-процессов в он-лайн Центр Веб-решений

6


Основные ошибки и неудовлетворенность сайтом 1. Веб-сайт не ориентирован на целевую аудиторию. Переделываем сайт под целевую аудиторию, занимаемся интернет-маркетингом 2. На веб-сайте не хватает важного содержимого. Проводим беседы с текущими клиентами 3. Веб-сайт привлекает слишком мало потенциальных клиентов, а те, кого он все же привлекает, размещают мало заказов. Работаем над восприятием сайта у клиентов, привлекаем на сайт потенциальных клиентов Центр Веб-решений

7


Основные ошибки и неудовлетворенность сайтом 4. Недостаточная интеграция с общей стратегией и процессами продаж и маркетинга. Описываем бизнес-процессы, на основе этого перерабатываем сайт. 5. Сложно обновлять веб-сайт и поддерживать его актуальность. Отдаём обновление на аутсорс или обучаем сотрудников или меняем систему управления сайтом. 6. Не удается оценить эффективность веб-сайта и рентабельность инвестиций. Ставим SMART-цели перед сайтом, системы анализа посетителей, пользуемся экспертными оценками. Центр Веб-решений

8


Эффективный сайт Под эффективным сайтом будем понимать тот сайт, который выполняет задачи, которые на него возложены. Примеры SMAPT-цели сайта: количество заявок через форму обратной связи к январю 2011 года должно быть не менее 30 в месяц; количество отказов на странице оформления заказа (страница заполнения контактной информации) должно быть уменьшиться до 10% от общего количества переходов к корзину. Центр Веб-решений

9


Факторы эффективности сайта 1. Контекст. Структура и дизайн. 2. Содержание. Текст, рисунки, звук, видеоряд. 3. Общность. Как сайт позволяет общаться пользователям? 4. Кастомизация. Способность сайта адаптироваться к пользователям или позволять пользователям персонализировать сайт. 5. Коммуникация. Способность сайта поддерживать контакты сайт-пользователь, пользователь-сайт или двухстороннюю коммуникацию. 6. Соединение. To, как сайт связывается с другими сайтами. 7. Коммерция. Возможности сайта осуществлять коммерческие сделки. Центр Веб-решений

10


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

11


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

12


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

13


Спасибо за внимание Вопросы? Парников Роман Евгеньевич Коммерческий директор ЗАО «Центр Веб-решений»

1. Создание сайта для предприятия

Студентка группы 41П
Зеленина Арина

2. Введение

Целью данного проекта является создание и разработка
сайта агентства по аренде квартир.
Задачами данного проекта являются:
• Рассмотреть функциональные возможности языка
гипертекстовой разметки HTML5.
• Получить ТЗ от руководителя предприятия.
• Разработать макет сайта.
• Наполнить сайт информацией.
• Разработать руководство пользователя.

3.

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

4. Аппаратное и программное обеспечение предприятия

В главном офисе предприятия установлены компьютеры на базе
процессора IntelPentiumDualCPUE2200 2.20GHz. Оперативная
память – 4 Гбайт, объем жесткого диска-160 Гбайт. Все компьютеры
главного офиса ООО «КУГА» объединены в беспроводную локальную
сеть.
Коммутатор Hewlett Packard — HP 1910-24G-PoE.
Основные программные продукты применяемые в ООО «КУГА» :
операционная система Windows7 компании Microsoft, пакет
офисных программ MS Office 2016. Для получения справочноправовой информации используется программа — Консультант-Плюс.
Для ведения бухгалтерской документации и расчета заработной платы программа фирмы «1C» — информационная система «1С:
Предприятие» версии 8.3. WinRAR – это 32-разрядная версия
архиватора RAR для Windows мощного средства создания и управления
архивами.

5. Организация защиты информации на предприятии

В организации кроме файлового и почтового серверов существует
еще и сервер, на котором установлен Kaspersky Security
Center, позволяющий централизованно управлять рабочими
станциями, на которых установлен Kaspersky Endpoint
Security, используя Агент администрирования Касперского.
Для защиты информации предпринято использование антивирусного
программного обеспечения Kaspersky Endpoint Security,
содержащее в себе такие функции, как:
• Средства системного администрирования
• Мониторинг уязвимостей и установка исправлений
• Многоуровневая защита, в том числе шифрование
• Инструменты контроля рабочих мест
• Контроль и защита мобильных устройств
• Централизованное управление системой защиты
Также у каждого начальника отдела установлен пароль на ПК.

6. Проектирование модели информационной системы

Для более выполнения данной цели была выполнена следующая
задача — макет сайта. Макет используется для того, чтобы
визуализировать наглядно, как будет выглядеть будущий сайт
после верстки и наполнения.
Макет представляется в виде упорядоченного набора текста,
графических изображений, объектов, которые будут отображены в
браузере, без активных кнопок и других динамических элементов.
Специфика разработки графического дизайн-макета применительно
к сайту представляет из себя сочетание технических и визуальных
параметров будущего сайта. Это проработка расположения и
размера элементов сайта с точки зрения удобства поиска и
использования информации на сайте.
Основой для разработки дизайн-макета сайта являются
предоставленные заказчиком материалы: логотип, слоган,
фирменные (или предпочтительные) цвета, графические
элементы, фотографии и другие элементы дизайна, а также
заполненная клиентом анкета.
Макет выполнялся в графическом редакторе Adobe Photoshop.

7. Проектирование пользовательского интерфейса для приложения

Сайт создается с помощью языка гипертекстовой разметки HTML и каскадных таблиц стилей –
CSS.При проектировании пользовательского интерфейса приложения и для облегчения
взаимодействия пользователя с приложением использовались каскадные таблицы стилей.
Разберем на примере кнопки Заказа звонка. При создании кнопки использовалась картинка с
иконкой трубки, для того, чтобы пользователь понял, что данная кнопка используется не для
регистрации, вызова онлайн – консультанта, а именно для заказа звонка от агентства. Далее
Кнопка сделана интерактивной и пульсирующей, чтобы привлекать внимание, но цветовая гамма
подобрана в стиле самого сайта.
Кнопка находится внизу страницы, и по мере того, как пользователь спускается вниз, кнопка
спускается вместе с ним, чтобы не потеряться из виду. При наведении кнопка становится темнее и
выделяется из общего фона.
Для создания кнопки использовались свойства стилей,такие как:
background-color:#000926; (цвет фона),
border: 2px solid #000926; обводка толщиной в 2 пикселя цвета аналогичного самой кнопке,
position:absolute;(позиция относительно сайта, для того, чтобы кнопка была зафиксирована и
опускалась вместе с пользователем),
width:100px;height:100px; ( ширина и высота кнопки),
background-image:url(mini.png); (добавление картинки),
background-position: center center; (позиция картинки относительно кнопки) и т.д.

8. Интерактивная кнопка

9. Макет в photoshop

10. Сайт

11.

12. О КОМПАНИИ

13. КОНТАКТЫ

14. ЗАКЛЮЧЕНИЕ

Создание сайтов очень актуально в наше время, а также
помогает при коммуникации и нахождении новых клиентов.
Во время прохождения практики были закреплены полученные
во время учебы теоретические навыки практическими. Цель
была достигнута, а именно закрепление теоретических
знаний, полученных путем разработки дизайн-макета Webсайта предприятия, а также самого сайта, представляющего
собой реализацию работы организации ООО «КУГА».

Этапы создания (разработки) web-сайта
1 этап — определение целей создания сайта
2 этап — проведение исследований по теме

• анализ темы, изучение сайтов потенциальных конкурентов

3 этап — определение типа сайта, разработка ТЗ и структуры
ТЗ, как минимум, должно включать следующие пункты:

• Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)
• Функционал сайта (поиск, каталог, лента новостей и т.д.)
• Стиль дизайна (строгий, веселый, мрачный и т.д.)
• Структура сайта (какие страницы должны быть на сайте)
• Структура страниц (какие блоки должны быть на страницах и в каком виде)

4 этап — разработка макета дизайна сайта
Этот этап делится на несколько подэтапов:

• Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.
• Разработка предварительного макета дизайна главной страницы.
• Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.
• Разработка внутренних страниц по аналогичному алгоритму.

Каждый шаг разработки макета дизайна

должен выполняться в соответствии с ТЗ и целями сайта.

5 этап — HTML-CSS вёрстка
В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям. Обычно эти требования такие:

• Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).
• Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.
• Быстрота обработки кода браузером
• Валидность — соответствие стандартам
• Семантическая корректность — логичное и правильное использование элементов HTML

6 этап — программирование и установка на CMS
7 этап — заполнение сайта контентом (информацией)

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

8 этап — тестирование сайта и исправление ошибок

• Тестирование сайта может проводить как разработчик, так и заказчик.
• Наилучший вариант — это совместное тестирование.

9 этап — публикация сайта в интернете

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

10 этап — продвижение сайта и реклама в интернете

• Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

Слайд 1

Создание Web-сайта Выполнила:ученица10 класса Пушкарёва Марина

Слайд 2

2 способа: Ручной С использованием конструктора В чем причина возникновения интереса к интернет-ресурсам ?

Слайд 3

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

Слайд 4

По уровню персонификации сайты классифицируются:

Слайд 5

Этапы создания сайта: Анализ и проектирование сайта Информационное наполнение сайта Креатив , или визуальная составляющая сайта Написание кода Тестирование Публикация Раскрутка Поддержка

Слайд 6

Этапы создания сайта: Анализ и проектирование сайта. Анализ аналогичных сайтов с выделением сильных и слабых их сторон. Сайт проектируется исходя из интересов предполагаемой аудитории. Информационное наполнение сайта ( контент ). Привлекает потенциальных пользователей. Информация должна быть интересна для целевой аудитории и качественно оформлена.

Слайд 7

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

Слайд 8

Этапы создания сайта: Тестирование. Проверяется удобство навигации, целостность данных, корректность ссылок и орфография: 1) альфа-версия – ошибки проверяют сами разработчики; 2) бета-версия – проверяют другие люди. Публикация . Сайт размещается в Интернете. Можно воспользоваться бесплатным хостингом www.narod.ru , www.boom.ru , либо разместить сайт у провайдера.

Слайд 9

Этапы создания сайта: Раскрутка. Рекламная компания по узнаванию сайта и повышению его посещаемости – регистрация сайта в поисковых системах, обмен ссылками и.т.д. Поддержка . Постоянное обновление сайта. (не реже 1 раза в 2 недели).

Слайд 10

Элемент ( element ) — конструкция языка HTML .Это контейнер, содержащий данные и позволяющий отформатировать их определённым образом. Любая Web -страница представляет собой набор элементов. Одна из основных идей гипертекста — возможность вложения элементов. Тег ( tag ) – начальный или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web — страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой.

Слайд 11

Атрибут ( attribute ) – параметр или свойство элемента. Это переменная, которая имеет стандартное имя и которой может присваиваться определённый набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в кавычки, но некоторые броузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри начального тега и отделяются друг от друга пробелами. Гиперссылка – фрагмент текста , который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Слайд 12

Фрейм ( frame ) –этот термин имеет два значения. Первое- область документа со своими полосами прокрутки. Второе — одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма). Примечание — вместо термина «фрейм» в специальной литературе и локализованных программных продуктах иногда можно встретить термин «кадр» или «рамка». HTML – файл или HTML – страница – документ, созданный в виде гипертекста на основе языка HTML . Такие файлы имеют расширения htm или html . В гипертекстовых редакторах и броузерах эти файлы имеют общее название «документ».

Слайд 13

Апплет ( applet )- программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web — страницы. Скрипт или сценарий ( skript ) – программа, включенная в состав Web — страницы для расширения её возможностей. Броузер Internet Explorer в определённых ситуациях выводит сообщение: «Разрешить выполнение сценариев на странице?». В этом случае имеются в виду скрипты . Расширение ( extension ) – элемент, не входящий в спецификацию языка, но использующийся, обеспечивая возможность создания нового интересного эффекта форматирования.

Слайд 14

CGI ( Common Gateway Interface ) – общее название для программ, которые, работая на сервере, позволяют расширить возможности Web — страниц. Например, без таких программ невозможно создание интерактивных страниц. Программный код или код – аналог понятия «текст программы». Код HTML — гипертекстовой документ в своём первоначальном виде, когда видны все элементы и атрибуты. World Wide Web , WWW или Web – Всемирная паутина, распределённая система доступа к гипертекстовым документам, существующая в Интернете, HTML является основным языком для создания документов в WWW . Изучая его, мы изучаем часть этой системы, хотя область применения языка намного шире.

Слайд 15

Web – страница – документ (файл),подготовленный в формате гипертекста и размещённый в World Wide Web . Сайт ( site ) – набор Web –страниц, принадлежащих одному владельцу. Броузер ( browser ) – программа для просмотра Web – страниц. Пользовательский агент ( user agent ) – броузер или другая программа, работающая на компьютере – клиенте. Загрузка ( downloading ) – копирование файлов с сервера на компьютер – клиент.

Слайды и текст этой презентации