Презентация, доклад на тему Классификация и выбор сайта по отраслям

Содержание

Тема: Классификация и выбор сайта по отраслям

Слайд 1 Если вашего бизнеса нет в Интернете — значит вас нет в бизнесе.
Билл Гейтс

Если вашего бизнеса нет в Интернете — значит вас нет в бизнесе.Билл Гейтс

Слайд 2Тема: Классификация и выбор
сайта по отраслям

Тема: Классификация и выбор сайта по отраслям

Слайд 3Цель урока:
Сформулировать навыки правильного
выбора и классификации сайта

Цель урока:Сформулировать навыки правильного выбора и классификации сайта

Слайд 4Визитка
Портал
Блог
Интернет –магазин
Каталог –сайт
Сервис - сайт
Ключевые понятия

ВизиткаПортал Блог Интернет –магазин Каталог –сайтСервис - сайт Ключевые понятия

Слайд 5ПЛАН УРОКА

ПЛАН УРОКА

Слайд 6Ситуация
Требуется создать сайт для компании,
но для начала необходимо
разобраться каким

должен быть сайт
СитуацияТребуется создать сайт для компании, но для начала необходимо разобраться каким должен быть сайт

Слайд 7САЙТ-ВИЗИТКА
Сайт-визитка — это, можно сказать, родоначальник интернета. Именно этот тип сайтов стоял

на заре зарождения мировой сети. Конечно, сейчас такие визитные странички визуально преобразились, стали краше и наряднее. Но сама суть осталась прежней.
САЙТ-ВИЗИТКАСайт-визитка — это, можно сказать, родоначальник интернета. Именно этот тип сайтов стоял на заре зарождения мировой сети. Конечно,

Слайд 8Что такое сайт-визитка? Это всего несколько страниц: сведения о компании, информация

о продаваемых товарах / оказываемых услугах, контактные данные. Может быть ещё несколько разделов типа Акции, Новости и тому подобное. Представленная информация — статична, то есть на сайте-визитке не предполагается активного взаимодействия пользователя с сайтом. Из всего взаимодействия с клиентом — лишь форма обратной связи для отправки email прямо с сайта.

Преимущества:

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

Недостатки:

практически невозможно продвижение из-за маленького объёма содержания.
бедный функционал.
бедный дизайн.
клиент не задерживается: пришёл — глянул — ушёл.

Что такое сайт-визитка? Это всего несколько страниц: сведения о компании, информация о продаваемых товарах / оказываемых услугах,

Слайд 9КОРПОРАТИВНЫЙ САЙТ
Под корпоративным сайтом понимается многофункциональный сайт организации, назначение которого —

как донесение информации до клиента, так и непосредственно преследование коммерческих целей. То есть это сайт, который работает на ваш бизнес.
КОРПОРАТИВНЫЙ САЙТПод корпоративным сайтом понимается многофункциональный сайт организации, назначение которого — как донесение информации до клиента, так

Слайд 10
Портал — это, фактически, сильно прокачанный и улучшенный корпоративный сайт. Данный

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

ПОРТАЛ

Портал — это, фактически, сильно прокачанный и улучшенный корпоративный сайт. Данный тип сайта ориентирован на гораздо более

Слайд 11САЙТ-СЕРВИС
Сервис как правило, сконцентрирован на решении какой-то одной или нескольких однотипных

потребностей клиента.
САЙТ-СЕРВИССервис как правило, сконцентрирован на решении какой-то одной или нескольких однотипных потребностей клиента.

Слайд 12САЙТ-КАТАЛОГ

Под каталогом понимается сайт с витриной из товаров, но без возможности

добавить их в корзину и оформить заказ. Покупка товаров из каталога производится через e-mail, телефон или другие способы связи с владельцем ресурса.
САЙТ-КАТАЛОГПод каталогом понимается сайт с витриной из товаров, но без возможности добавить их в корзину и оформить

Слайд 13После того, как разобрались какие бывают сайты .
Приступим к созданию макета
Для

этого нажмите «Файл – создать».
Размеры, которые предлагает Фотошоп по умолчанию, не подойдут. Создаем файл 1024×720 пикселей, а затем сохраняем его, включаем линейки (Ctrl+R) и активируем сетку (Ctrl+Э). Если все сделано правильно, вы увидите перед собой лист, расчерченный как школьная тетрадка в клеточку:
После того, как разобрались какие бывают сайты .Приступим к созданию макетаДля этого нажмите «Файл – создать».Размеры, которые

Слайд 143.Теперь нужно установить направляющие, между которыми будет находиться Тело, или основная

часть будущего ресурса. Для этого нажмите «Просмотр-Новая направляющая» и выберите ориентацию «Вертикальная» и укажите положение от левого края будущей страницы (по линейке).

Направляющих нужно две, и расстояние между ними должно составлять не более чем 1003 пикселей (для дисплеев расширением 1024 х 720).

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

Слайд 15Создание красивого сайта – это больше чем про искусство. Это наука

Usability, помноженная на опыт разработки интернет-проектов для разных тематик. Но порядок выполнения работ в Фотошопе практически одинаков.

Для начала нужно задать фон. И не обязательно рисовать картинку самостоятельно – можно скачать бесплатное изображение с любого из стоков. Не рекомендую использовать текстуры с мелкими выделяющимися деталями: текст на таком фоне будет нечитабельным, а мелкие фрагменты отвлекут внимание пользователя от контента.

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

Слайд 16Чтобы добавить фон, откройте рисунок в Фотошопе и выделите изображение (Ctrl+A).

Скопируйте картинку (Ctrl+С) и вставьте в будущий шаблон (Ctrl+V). Справа внизу вы увидите новый слой, который можно переименовать («Параметры слоя») и изменить («Параметры наложения»).

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

Чтобы добавить фон, откройте рисунок в Фотошопе и выделите изображение (Ctrl+A). Скопируйте картинку (Ctrl+С) и вставьте в

Слайд 17Теперь мы будем создавать дизайн сайта, разбивая слои на группы.

Важно: Создавая

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

Разберем на примере хедера (header) и создания меню сайта. Создадим группу, назовем ее «Хедер» и в ней создадим подгруппу «Верхнее меню» с новым слоем «Фон». Для этого нажимаем на иконку в правом нижнем углу страницы:
Теперь мы будем создавать дизайн сайта, разбивая слои на группы.Важно: Создавая группы слоев, давайте им понятные названия.

Слайд 18Вот что у вас должно получится:

Вот что у вас должно получится:

Слайд 19Затем выставляем горизонтальные направляющие, выделяем прямоугольную область и выполняем заливку фона

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

Слайд 20Теперь добавляем пункты меню – кликаем на инструмент «Текст», выбираем нужный

шрифт и цвет и пишем. Далее добавляем изображения и текстовый контент. Не забываем добавить лого, номер телефона, кнопки соц сетей. Получится примерно следующее:
Теперь добавляем пункты меню – кликаем на инструмент «Текст», выбираем нужный шрифт и цвет и пишем. Далее

Что такое shareslide.ru?

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


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть