Веб дизайн и компьютерная графика

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

World Wide Web (Всемирная паутина или WWW) - система организации информации в Интернет, основанная на гипертексте.
Гипертекст – текст, содержащий в себе связи с другими текстами, графической, видео- или звуковой информацией, способ организации данных для реализации динамической связи между web-страницами или их элементами.
Ссылка (гиперссылка) – это базовый функциональный интерфейсный элемент страницы, за которым закреплен адрес какой-либо Web-страницы в сети Интернет.

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

Стартовая страница – страница, которая предназначена для загрузки в первую очередь при открытии сетевого ресурса, ее рекомендуемое имя index.htm (html).
HTML является описательным языком разметки документов.
Разметка документа – описание различных фрагментов документа и их взаимного расположения. Разметка выполняется с помощью определенных символов ASCII.
Tag (тег) – указатель, метка, код, заключенный в угловые скобки <>, идентифицирующий определенный элемент документа, напр. абзац
, заголовок
и т.д.
Атрибут тега – дополнительный компонент тега, отвечающий за свойства объекта, содержащегося в теге, напр.
.

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

Моя личная страница

Цвет основного текста, цвет гиперссылок и фон документа описываются в начальном тэге тела документа с помощью атрибутов.
Атрибуты тега :
background –фоновый рисунок
bgcolor –цвет фона всего документа
text –цвет текста всего документа
link – цвет непосещенной гиперссылки
vlink – цвет посещенной гиперссылки
alink – цвет активной гиперссылки
Например:

Тэги вида
….
оформляют заключенный в них текст в виде Заголовка.
Значения могут изменяться от 1 (самый крупный) до 6 (самый мелкий). Напр.,
….
Тэги
,
,…,
могут иметь атрибут выравнивания align со значениями left, center, right и justify.
Например:
Здравствуй, мир!

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

Тег
в переводе на русский - "шрифт".
Атрибуты:
size - размер
Напри.,
Привет мир!!!
сolor - цвет
Напр.,
Привет мир!!!
Цвет шрифта станет красным.
Например:
Привет мир!!!
Тег
- текст, заключенный между тэгами
(от английского preformatted), отображается так, как он был отформатирован предварительно, со всеми пробелами и переносами строк.

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

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

Списки могут быть:
неупорядоченные(маркированные)
упорядоченные (нумерованные)
и являться списком определений

Неупорядоченные списки
Неупорядоченный список задаётся тегом
.
Каждый элемент в свою очередь задаётся тегом
после которого идёт текст нужного нам "пункта".
Для тега
закрывающий тег
необязателен.
Например:
Пункт первый..
Пункт второй..
Пункт третий..

Теги
и
имеют атрибут type который присуждает элементу списка или же всему списку целиком определённый стиль.
Может иметь одно и трёх значений:
disk - кружок, диск (по умолчанию)
circle - полый круг
square - квадрат

Упорядоченные списки
Упорядоченный или нумерованный список задаётся тегом
.
Так же как и в неупорядоченном списке элемент списка присуждается тегом
.
Например:
< ol>
Пункт первый..
Пункт второй..
Пункт третий..

Атрибут type в сочетании с упорядоченным списком может иметь следующие значения:
А - Заглавные буквы
а - Строчные буквы
I - Заглавные римские цифры
i - Строчные римские цифры
1 - Арабские цифры (по умолчанию)
В упорядоченном списке есть ещё один атрибут start его числовое значение говорит о том с какого номера следует строить упорядоченный список.

Списки определений
Со списком определений дело обстоит немного иначе нежели чем с уже знакомыми списками. Задаётся данный вид списка тегом
. Пункты списка определений размечаются тегом
, а определения этих пунктов тегом
.
Всё вместе пишется по следующей схеме:
Например:
Слово «коса» может иметь следующие определения:
сельскохозяйственный инструмент
хитрая девичья причёска
отмель реки
Слово «ключ» тоже имеет несколько значений:
гаечный
источник, родник

Фоновая музыка
Тег
позволяет внедрять в страницу сайта фоновую музыку.
Атрибуты тега
:
src - адрес звукового файла
loop - число повторов звукового файла
balance - стереобаланс
volume - громкость
Обычно тег
располагают в "голове" документа между тегами .
Сам аудио файл должен быть в формате: WAV, AU или MIDI.

Также для вставки аудио- или видео-файла можно использовать тэг
.
После загрузки страницы автоматически загружается и проигрывается звуковой файл. При этом в окне появляется панель проигрывателя (или пульт управления).
Атрибуты тэга
:
src - адрес звукового файла
width - ширина панели в пикселях (можно и в процентах)
height - высота панели в пикселях (или процентах)
align - расположение панели относительно текста, возможные значения left, right, center; hidden - позволяет скрыть панель, значения аттрибута: true - панель скрыта, false - панель видима (значение по умолчанию)
autostart - значение true - проигрыватель стартует автоматически, false - ждет нажатия на кнопку "воспроизведение«
loop - цикл, т.е. при значении true мелодия будет проигрываться по кругу, а при значении false - только один раз.