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

Презентация:



Advertisements
Похожие презентации
ВВЕДЕНИЕ В Задачи урока Сформировать представление о языке HTML Познакомиться с понятиями: тег, верстка, разметка. Cделать пробную страницу на языке HTML.
Advertisements

Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Основы языка гипертекстовой разметки. Web - сайты и Web – страницы.
Коммуникационные технологии Тема: Язык разметки гипертекста HTML.
Web-страницы и Web-сайты. Структура Web- страницы.
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов.
HyperText Markup Language. Содержание: Введение Начало работы !DOCTYPE.
11 класс. №023. Представление о веб-конструировании. Основы языка гипер-текстовой разметки HTML
Катанов Александр Гребешков Александр. 2 Содержание: 1.Введение………………………………………………………………… Построение: а)Главные тэги……………………………………………………
Web-страница Web-страница (англ. Web page) гипертекстовый ресурс Всемирной паутины, обычно написанный на языке HTML. Web-страница может содержать ссылки.
СТРУКТУРА ДОКУМЕНТА HTML HyperText Markup Language -язык разметки гипертекста, являющийся общепринятым языком Всемирной паутины. HTML является языком форматирования.
Тема урока: «Язык разметки гипертекста HTML». HTML Hyper Text Markup Language – язык гипертекстовой разметки. Описательный язык разметки HTML имеет свои.
Понятие сайта. Основные определения. распределенная система, предоставляющая доступ к связанным между собой документам, расположенным на различных компьютерах,
Тема урока: Графический редактор Paint Тема урока: Графический редактор Paint Цель урока: Цель урока: отработка навыков рисования и научить выполнять над.
Технологии создания Web-документов. Введение 1991 – год рождения WWW (World Wide Web - Всемирная паутина). Тим Бернерс-Ли, сотрудник CERN (Швейцария)
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
ТЕМА : Создание статической веб – страницы, содержащей текст.
Транксрипт:

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

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

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

Создание 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 Блокнот Шаблоны

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

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

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

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

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

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

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

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