*Web-дизайн - это деятельность по применению Webтехнологий для конструирования Web-ресурсов. *Интернет – это глобальная компьютерная сеть, которая включает компьютеры и сети различных уровней. *Сервер - компьютер со специализированным серверным программным обеспечением, призванным эффективно обеспечивать конкретные сетевые операции, предоставляющий свои ресурсы другим компьютерам. *Клиент – компьютер, потребляющий ресурсы сервера.
*Рубрикаторы (классификаторы) – поисковые системы, в которых используется иерархическая (древовидная) организация информации. *Словарные поисковые системы – это мощные автоматические программно-аппаратные комплексы или поисковые машины.
*Почтовый сервер – специальный компьютер, предназначенный для получения, пересылки по сети почтовых сообщений и хранения информации до востребования. *Почтовый ящик – специально организованное место на диске сервера для хранения корреспонденции. *Адрес электронной почты – адрес абонента, получаемый при заключении договора с провайдером или при создании "почтового ящика".
* World 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) – язык разметки гипертекста.
*Стартовая страница – страница, которая предназначена для загрузки в первую очередь при открытии сетевого ресурса, ее рекомендуемое имя index. htm (html). HTML является описательным языком разметки документов. *Разметка документа – описание различных фрагментов документа и их взаимного расположения. Разметка выполняется с помощью определенных символов ASCII. *Tag (тег) – указатель, метка, код, заключенный в угловые скобки <>, идентифицирующий определенный элемент документа, напр. абзац <p>, заголовок <h 3> и т. д. *Атрибут тега – дополнительный компонент тега, отвечающий за свойства объекта, содержащегося в теге, напр. <P align=”center”>.
*Сам HTML-документ заключается в тэги <html> и </html>. *Между этими тэгами располагаются две секции: секция заголовка (между тэгами <head> и </head>) и секция тела документа (между тэгами <body> и </body>). *Комментарии - текст комментария размещается в тэге <!-- …. текст комментария…. --> и не отображается в окне Браузера.
<html> <head> <title>Пример НТМLдокумента</title> </head> <body> <p>Разметка HTML-документа</p> </body> </html>
Фреймы (frame) дают возможность поделить окно браузера на части, загрузив в каждую из частей – отдельный HTML-файл. Для создания фреймов используется парный тег <frameset> вместо тега <body>. Атрибуты <frameset>: *cols – определяет количество колонок, напр. , cols ="200, *" – 2 колонки, одна размером 200 рх, другая – оставшееся пространство окна, или cols ="30%, 70%" *rows - определяет количество горизонтальных фреймов, напр. , rows ="200, 400" и т. д. *border – толщина рамок, при border="0" рамки отсутствуют. *bordercolor – цвет границ между фреймами. *frameborder – управление рамками фрейма, frameborder="0" или "1"
Содержимое каждого фрейма, т. е. загружаемый файлдокумент задается отдельным тегом <frame>. Его обязательный атрибут src с указанием имени отображаемого во фрейме файла, напр. <frame src=”file 1. htm”>. Атрибуты <frame>: *name – имя фрейма, обязательно, если фрейм целевой, т. е. в него назначаются ссылки. *noresise – фиксация размеров фрейма, иначе его границы можно передвигать. *marginwidth, marginheight – определение свободных полей в рх слева, справа, сверху и снизу фрейма. *scrolling – отображение полос прокрутки, yes, no или auto.
*<html> * <frameset rows="20%, 80%" border="4" bordercolor="008000" frameborder="1"> * <frame src="2. html" noresise> * <frame src="1. html" marginwidth=40 marginheight=30> * </frameset> *</html>
Цвет основного текста, цвет гиперссылок и фон документа описываются в начальном тэге тела документа помощью атрибутов. <body> с Атрибуты тега <body>: *background –фоновый рисунок *bgcolor –цвет фона всего документа *text –цвет текста всего документа *link – цвет непосещенной гиперссылки *vlink – цвет посещенной гиперссылки *alink – цвет активной гиперссылки *style – стиль, обычно указывается вместо атрибутов и имеет свой набор свойств. *onload – загрузка программы
*Тэг <b> </b> - используется для отображения текста полужирным начертанием. *<i> </i> - Наклонный текст *<u> </u> - Подчеркнутый текст *  - символьный примитив – один пробел. *Тэг (от английского break) – вставка новой строки. *Тэг <p> (от английского paragraph) – начинает абзац с новой строки, отделяя от предыдущего двойным межстрочным интервалом. Имеет атрибут выравнивания align = left (right, center, justify). Значения left, right, center можно использовать как самостоятельные теги, напр. <center>текст</center> *Тег <pre> - текст, заключенный между тэгами <pre> </pre > (от английского preformatted), отображается так, как он был отформатирован предварительно, со всеми пробелами переносами строк.
Тэги вида <h> виде Заголовка. …. </h> оформляют заключенный в них текст в Значения могут изменяться от 1 (самый крупный) до 6 (самый мелкий). Напр. , <h 1> …. </h 1> Тэги <h 1>, <h 2>, …, <h 6> могут иметь атрибут выравнивания align со значениями left, center, right и justify. center justify
Гипертекстовая ссылка — это адрес другого HTML-документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена. Тэги <a> …</a> - связь между HTML-документами и фрагментами документов. Атрибуты: *href = url – адрес целевого документа. Напр. , <a href= « 2. html">Здесь мои фото!</a> *title – текст всплывающей подсказки при наведении на ссылку. *target – указание окна отображения документа, значения: • “_blank” – новое окно, • “_top”- новое окно без фреймов, • “_self”- в то же окно, • “_parent” – в родительское окно фрейма.
Тэг <img> вставляет изображение в документ. Атрибуты: *src – адрес графического файла; *height и width – высота и ширина изображения в пикселях или в процентах от высоты окна Браузера; *border - толщина обрамляющей рамки в пикселях; *hspace - cвободное пространство слева и справа от изображения в пикселях *vspase - cвободное пространство сверху и снизу от изображения в пикселях *align - Выравнивание изображения по горизонтали и по вертикали. Значения задаются атрибутами top, быть значения left либо right. middle, bottom, также могут
Тег <font> в переводе на русский - "шрифт". Атрибуты: *size - размер Напри. , <font size="+4">Привет мир!!!</font> *сolor - цвет Напр. , <font color="#ff 0000">Привет мир!!!</font> Цвет шрифта станет красным. В теге <body> имеются следующие атрибуты: *text – цвет всего текста; * bgcolor - цвет фона страницы; *background – использование рисунка в качестве фона страницы; *link - цвет ссылки. *alink - цвет нажатой, активной ссылки. * vlink - цвет посещенной ссылки.
Скачать презентацию Web-дизайн — это деятельность по применению Webтехнологий для
Комп.гр..ppt