Основы веб дизаина

21

Основные термины

• Интерне́т  (англ.  Internet ) — Всемирная система объединённых компьютерных сетей для хранения и передачи информации. Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть.
• Интернет-прова́йдер — организация, предоставляющая услуги доступа к сети Интернет и иные связанные с Интернет услугами. К основным услугам интернет-провайдеров относят: широкополосный доступ в Интернет, коммутируемый доступ в Интернет, беспроводной доступ в Интернет
• Всеми́рная паути́на (англ. World Wide Web) — распределённая система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах, подключённых к Интернету.
• Веб-страница (англ. Web page) — документ или информационный ресурс Всемирной паутины, доступ к которому осуществляется с помощью веб-браузера. Типичная веб-страница представляет собой текстовый файл в формате HTML, который может содержать ссылки на файлы в других форматах (текст, графические изображения, видео, аудио, мультимедиа, апплеты, прикладные программы, базы данных, веб-службы и прочее), а также гиперссылки для быстрого перехода на другие веб-страницы или доступа к ссылочным файлам.
• Сайт, или веб-сайт — совокупность логически связанных между собой веб-страниц; также место расположения контента сервера.
• Контент
• Сервер

21

Основы Web-дизайна

Веб - дизайн  (от англ.  web   design ) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.

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

21

21

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

Линейная структура сайта – построенная по типу слайд-шоу

Древовидная структура сайта – самая популярная структура сайтов. Подходит для создания любого сайта.

21

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

Гибридная структура сайта – часто используемая структура.

Решетчатая структура сайта – сложная структура построения сайта. Используется чаще всего в каталогах.

21

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

Дизайн практически любого сайта состоит из следующих основных элементов:

• Шапка
• Меню
• Блок основного контента
• Один или несколько боковых блоков (сайдбар)
• Подвал
• Фон

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Постановка задания.
• Определение структуры сайта и его отдельных страниц.

21

Навигационные компоненты

• Глобальная навигация
• Локальная навигация
• Вспомогательная навигация
• Фильтры категорий
• Ссылки по теме
• Футер дублирующий все виды навигаций

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Разработка дизайн-макета страниц сайта.
• Создание и верстка страниц сайта.
• Размещение (публикация) сайта в Интернете.
• Популяризация и поддержка сайта.

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Разработка дизайн-макета страниц сайта.
• Создание и верстка страниц сайта.
• Размещение (публикация) сайта в Интернете.
• Популяризация и поддержка сайта.

http://vladmaxi.net/html-editor

21

KompoZer

Adobe dreamweaver

Microsoft sharepoint designer

Microsoft FrontPage

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Разработка дизайн-макета страниц сайта.
• Создание и верстка страниц сайта.
• Размещение (публикация) сайта в Интернете.
• Популяризация и поддержка сайта.

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Разработка дизайн-макета страниц сайта.
• Создание и верстка страниц сайта.
• Размещение (публикация) сайта в Интернете.
• Популяризация и поддержка сайта.

21

Этапы создания веб-сайтов. Основы веб-дизайна

• Разработка дизайн-макета страниц сайта.
• Создание и верстка страниц сайта.
• Размещение (публикация) сайта в Интернете.
• Популяризация и поддержка сайта.

21

https://ru.wix.com/

21

https://www.blogger.com

21

https://tilda.cc/ru/

21

Этапы создания сайта

• Определение цели создание сайта.
• Содержание сайта.
• Построение структуры сайта.
• Разработка дизайна.
• Создание сайта.
• Проверка работоспособности.

21

Рекомендации по созданию сайта

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

21

21