Разделы презентаций


Компьютерная графика и Web -дизайн

Содержание

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

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

Слайд 1Компьютерная графика и Web-дизайн

Компьютерная графика и  Web-дизайн

Слайд 2Web-дизайн - это деятельность по применению Web-технологий для конструирования Web-ресурсов.

Интернет

– это глобальная компьютерная сеть, которая включает компьютеры и сети

различных уровней.

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

Клиент – компьютер, потребляющий ресурсы сервера.

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

Слайд 3Рубрикаторы (классификаторы) – поисковые системы, в которых используется иерархическая (древовидная)

организация информации.

Словарные поисковые системы – это мощные автоматические программно-аппаратные комплексы

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

Слайд 4Почтовый сервер – специальный компьютер, предназначенный для получения, пересылки по

сети почтовых сообщений и хранения информации до востребования.

Почтовый ящик –

специально организованное место на диске сервера для хранения корреспонденции.

Адрес электронной почты – адрес абонента, получаемый при заключении договора с провайдером или при создании "почтового ящика".



Почтовый сервер – специальный компьютер, предназначенный для получения, пересылки по сети почтовых сообщений и хранения информации до

Слайд 5World Wide Web (Всемирная паутина или WWW) - система организации

информации в Интернет, основанная на гипертексте.
Гипертекст – текст, содержащий в

себе связи с другими текстами, графической, видео- или звуковой информацией, способ организации данных для реализации динамической связи между web-страницами или их элементами.
Ссылка (гиперссылка) – это базовый функциональный интерфейсный элемент страницы, за которым закреплен адрес какой-либо Web-страницы в сети Интернет.
Web server (Web-сервер) – сервер, предназначенный для размещения Web-сайтов в Интернет, и предоставляющий услуги по запросам клиентов, а также программа, обрабатывающая запросы пользователей.
HTTP (hypertext transfer protocol) - протокол передачи гипертекста, по которому взаимодействуют клиент и сервер WWW.
Web-page (Web-страница) – электронный документ, содержащий набор инструкций, запи¬санный на языке HTML и предназначенный для размещения (размещенный) в Интернет.
Web-site (Web-сайт) – совокупность Web-страниц, связанных между собой темой, гиперссылками и выполненных в едином стиле.
HTML (Hyper Text Markup Language) – язык разметки гипертекста.

World Wide Web (Всемирная паутина или WWW) - система организации информации в Интернет, основанная на гипертексте.Гипертекст –

Слайд 6Стартовая страница – страница, которая предназначена для загрузки в первую

очередь при открытии сетевого ресурса, ее рекомендуемое имя index.htm (html).

HTML

является описательным языком разметки документов.

Разметка документа – описание различных фрагментов документа и их взаимного расположения. Разметка выполняется с помощью определенных символов ASCII.

Tag (тег) – указатель, метка, код, заключенный в угловые скобки <>, идентифицирующий определенный элемент документа, напр. абзац

, заголовок

и т.д.

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

.

Стартовая страница – страница, которая предназначена для загрузки в первую очередь при открытии сетевого ресурса, ее рекомендуемое

Слайд 7Сам HTML-документ заключается в тэги и .

Между этими

тэгами располагаются две секции: секция заголовка (между тэгами и

) и секция тела документа (между тэгами и ).

Комментарии - текст комментария размещается в тэге
и не отображается в окне Браузера.

Сам HTML-документ заключается в тэги и . Между этими тэгами располагаются две секции: секция заголовка (между тэгами

Слайд 8

Пример НТМL-документа


Разметка HTML-документа



Пример НТМL-документа Разметка HTML-документа

Слайд 9Фреймы (frame) дают возможность поделить окно браузера на части, загрузив

в каждую из частей – отдельный HTML-файл.

Для создания фреймов

используется парный тег вместо тега .

Атрибуты :
cols – определяет количество колонок, напр., cols ="200,*" – 2 колонки, одна размером 200 рх, другая – оставшееся пространство окна, или cols ="30%,70%"
rows - определяет количество горизонтальных фреймов, напр., rows ="200,400" и т.д.
border – толщина рамок, при border="0" рамки отсутствуют.
bordercolor – цвет границ между фреймами.
frameborder – управление рамками фрейма, frameborder="0" или "1"

Фреймы (frame) дают возможность поделить окно браузера на части, загрузив в каждую из частей – отдельный HTML-файл.

Слайд 10Содержимое каждого фрейма, т.е. загружаемый файл-документ задается отдельным тегом .


Его обязательный атрибут src с указанием имени отображаемого во фрейме

файла, напр. .

Атрибуты :
name – имя фрейма, обязательно, если фрейм целевой, т.е. в него назначаются ссылки.
noresise – фиксация размеров фрейма, иначе его границы можно передвигать.
marginwidth, marginheight – определение свободных полей в рх слева, справа, сверху и снизу фрейма.
scrolling – отображение полос прокрутки, yes, no или auto.

Содержимое каждого фрейма, т.е. загружаемый файл-документ задается отдельным тегом . Его обязательный атрибут src с указанием имени

Слайд 11





marginheight=30>





Слайд 12Цвет основного текста, цвет гиперссылок и фон документа описываются в

начальном тэге тела документа с помощью атрибутов.

Атрибуты тега :
background

–фоновый рисунок
bgcolor –цвет фона всего документа
text –цвет текста всего документа
link – цвет непосещенной гиперссылки
vlink – цвет посещенной гиперссылки
alink – цвет активной гиперссылки
style – стиль, обычно указывается вместо атрибутов и имеет свой набор свойств.
onload – загрузка программы

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

Слайд 13Тэг - используется для отображения текста полужирным начертанием.

- Наклонный текст
- Подчеркнутый текст
  - символьный примитив

– один пробел.
Тэг
(от английского break) – вставка новой строки.
Тэг

(от английского paragraph) – начинает абзац с новой строки, отделяя от предыдущего двойным межстрочным интервалом.
Имеет атрибут выравнивания align = left (right, center, justify). Значения left, right, center можно использовать как самостоятельные теги, напр.

текст

Тег
 - текст, заключенный между тэгами 
 
(от английского preformatted), отображается так, как он был отформатирован предварительно, со всеми пробелами переносами строк.

Тэг  - используется для отображения текста полужирным начертанием. - Наклонный текст 	- Подчеркнутый текст  - символьный

Слайд 14Тэги вида …. оформляют заключенный в них текст в

виде Заголовка.

Значения могут изменяться от 1 (самый крупный) до

6 (самый мелкий). Напр.,

….



Тэги

,

,…,

могут иметь атрибут выравнивания align со значениями left, center, right и justify.

Тэги вида  …. оформляют заключенный в них текст в виде Заголовка. Значения могут изменяться от 1

Слайд 15Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса

Internet, который тематически, логически или каким-либо другим способом связан с

документом, в котором ссылка определена.
Тэги - связь между HTML-документами и фрагментами документов.
Атрибуты:
href = url – адрес целевого документа.
Напр., Здесь мои фото!
title – текст всплывающей подсказки при наведении на ссылку.
target – указание окна отображения документа, значения:
“_blank” – новое окно,
“_top”- новое окно без фреймов,
“_self”- в то же окно,
“_parent” – в родительское окно фрейма.

Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса Internet, который тематически, логически или каким-либо другим

Слайд 16Тэг вставляет изображение в документ.

Атрибуты:
src – адрес графического файла;
height

и width – высота и ширина изображения в пикселях или

в процентах от высоты окна Браузера;
border - толщина обрамляющей рамки в пикселях;
hspace - cвободное пространство слева и справа от изображения в пикселях
vspase - cвободное пространство сверху и снизу от изображения в пикселях
align - Выравнивание изображения по горизонтали и по вертикали.
Значения задаются атрибутами top, middle, bottom, также могут быть значения left либо right.


Тэг вставляет изображение в документ.Атрибуты:src – адрес графического файла;height и width – высота и ширина изображения в

Слайд 17Тег  в переводе на русский - "шрифт".
Атрибуты:
size - размер Напри., Привет мир!!!
сolor

- цвет
Напр., Привет мир!!!
Цвет шрифта станет красным.

В теге

имеются следующие атрибуты:

text – цвет всего текста;
bgcolor - цвет фона страницы;
background – использование рисунка в качестве фона страницы;
link - цвет ссылки.
alink - цвет нажатой, активной ссылки.
vlink - цвет посещенной ссылки.
Тег  в переводе на русский -

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

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

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

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

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


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

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