Обзор ресурсов интернет, посвященных проблемам Web-дизайна презентация

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

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


Слайд 2Основные понятия
Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность

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


Слайд 3Создание Web-сайта
Этапы создания веб-сайта:
Сначала необходимо продумать и разработать структуру сайта
Создание сайта
Проверка
Публикация
Реклама


Слайд 4Создание Web-сайта
Существуют программы для создания Web-страниц:
Генераторы сайтов:
Cистемы, позволяющие создавать собственные веб-сайты

и управлять ими без каких-либо дополнительных знаний и навыков
1 WEBBuiilder
2 E-Gloryon
3 Onsite.ru
Программы - HTML-редакторы:
C их помощью возможно создать свою страничку не обладая никакими знаниями HTML,во многих содержатся шаблоны.
1 MS FrontPage
2 Adobe Dreamweaver CS3
3 Web Page Maker
4 Блокнот
Шаблоны


Слайд 5

Пример шаблона

Слайд 6Создание Web-страницы
Дизайн основной и типовых страниц сайта
Начинается работа с создания дизайна,

обычно в графическом редакторе.
Вёрстка страниц сайта.
Веб-программирование.
Внутренняя SEO-оптимизациия

Слайд 7Создание Web-страницы с помощью языка HTML
Web-страницы или гипертекстовые документы (html-документы) -

это текстовые файлы, размеченные тегами (tags) с помощью языка HTML (HyperText Markup Language).
Веб-страница начинается и заканчивается парными тегами и . Между этими тегами размещаются парные теги , (голова веб-страницы), между которыми размещаются парные теги для заголовка web-страницы, а также вводятся различные метатеги для ключевых слов, описания содержания страницы и т.д. Затем следуют теги , (тело веб-страницы), между этими тегами размещается содержание или контент страницы.


Слайд 8Графические редакторы
Графические пакеты (редакторы) делятся на два типа: растровые и векторные


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

Слайд 9Графические редакторы
Редакторы растровой графики
Microsoft Paint
Adobe Photoshop
Corel Painter
Редакторы векторной

графики
Adobe Illustrator
CorelDraw
Adobe Streamline

Слайд 10Клип-Арт
Клип-арт (от англ. ClipArt) — набор графических элементов для составления целостного

графического дизайна

Слайд 11

Пример Клип-Арта

Слайд 12

Пример Клип-арта

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

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

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

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

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


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

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