Служба ICQ. Всемирная паутина WWW.

37. Технология World Wide Web. Браузеры. Настройка параметров браузера.

Служба World Wide Web.

WWW – это единое инф пространство, состоящее из взаимосв эл док-в, хран на веб-серверах. Отдельные док-ты, составляющие пространство Web, называют веб-стр. Каждая стр может содерж текст, рисунки, анимацию и др. Группы тематически и организационно-объед Web-страниц наз сайтом (веб-сайтом, веб-узлом).

В наст вр всемир паутина явл самым известным и признанным ср-вом доступа к инф рес-сам Интернета.

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

При работе службы WWW исп протокол HTTP (передачи гипертекста).

Служба WWW организ по принципу клиент-сервер. Пользователь с пом клиентской программы (браузера) осущ запрос интересующей его стр на сервере, а web-сервер обслуживает запрос браузера.

Браузером (обозревателем) назыв программы для просмотра веб-страниц.

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

Наиболее распростр браузерами являются Internet Explorer, Netscape Communicator, Mozilla Firefox, Opera.

38. Понятие сайта. Стр-ра сайта. Этапы создания сайта.

Сайт— совок эл док (файлов) частного лица или орг-ции в комп сети, объед под одним адресом (доменным именем или IP-адресом).

Все сайты в совок сост Всемирную паутину, где коммуникация (паутина) объед сегменты инф мирового сообщ-ва в единое целое — БД и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был спец разработан протокол HTTP.

Стр-ра сайта состоит из разделов сайта.

Виды внутренней стр-ры. :

- Линейная стр-ра сайта.

- Древовидная стр-ра сайта.

- Гибридная стр-ра сайта

- Решетчатая стр-ра сайта

Внеш стр-ра – это то, каким образом будет располаг инф на стр при выборе каждого пункта меню.

Этапы создания:

1.Предварит этап

Цель— выявить все требования к дизайну и технолог основе проекта, а также опред цели и задачи рес-са и составить подробный план разраб проекта.

2.Разраб дизайна и архитектуры проекта

Работа над дизайном сайта предполагает след стадии:

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

3.Создание технологической основы

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

4.Наполнение контентом. Происходит наполн контентом БД сайта.

5.Тестирование готового решения

6.Запуск проекта

39. Технология и ср-ва, примен при созд сайтов.

Новые технологии, применяемые при созд сайта:

Измен инф на стр без ее перезагрузки – технология AJAX; Созд более интерактивных и персонифицир стр сайта; Исп CSS и созд динамичной верстки макета сайта – корректное отображ разраб сайта на мониторах разл типов и разрешений; Веб службы – орг-ция доступа через веб интерфейс к сис-мам, раб на сервере; Синдикация интернет р-сов – одновр публик инф с пом RSS на множестве сайтов; Интерактивный контент – ориентация содержания сайта на пользователя; Технология разработки web приложений Extyl MODE.

Средства создания сайтов.

HTML (HyperText Mark-Up Language) . Осн способ хран док в сети Интернет, и в месте с тем, самый популяр язык разметки гипертекст файлов. Главной особ HTML явл способность исп гиперссылки, благодаря кот возможна связь с другими док, как локальными, так и наход на др конце земного шара. HTML позвол внедрять в док изображ, звук, видео и т.д. Язык HTML состоит из набора тэгов (tags), содерж фрагменты текста док и обеспеч возможности разметки - такие, как абзацы, полужирный или курсивный текст, заголовки, встроенные графические изображя и т.д. Разметка придает док некую структуру.

Tag (Тэг). Элемент верстки языка HTML, представл собой комбинацию символов, заключ в угловые скобки. Явл активным элементом, измен представление след за ним инф. Обычно имеются два тэга - открыв и закрыв, что соотв началу и концу применения конкретной разметки в документе.

Hyperlink (Гиперссылка).

CSS (Cascading Style Sheets). Язык иерархич стилевых спецификаций.

Frames (Фреймы). Banner (Баннер)

Script (Скрипт). JavaScript (Ява-скрипт).

PHP. Язык программир, дающий возмож-ть легко и быстро созд динамично измен html-страницы, проф программир для Интернет, созд проф web-сайтов и web-приложений.

40. Язык HTML. Осн понятия языка. Стр-ра HTML-док. Теги и атрибуты.

HTML (HyperText Markup Language) - язык разметки гипертекста.

язык РАЗМЕТКИ. Из названия становится понятным его предназнач - указывать браузеру, как разместить элементы на стр при ее отображ на экране монитора. С помощью HTML мы можем указать браузеру где именно их разместить; какой текст сделать большим и жирным, а какой - маленьким курсивом; где начать новую строку, а где сделать переход на другую стр.

ТЕГИ. Между < и > находится имя тега и его параметры (если они есть). В осн все теги парные, т.е. один открыв <>, а другой - закр </>. Такая пара тегов называется контейнером. А все, что находится между ними - содержимым контейнера. Дей-я тегов распростр только на их содержимое.

Бывают также теги одиночные, т.е. не требующие закрытия. перевод строки или вставку рисунка.<body bgcolor="red">Здесь содержимое</body>

В данном случае тег <body> имеет параметр bgcolor, значение кот = "red".

Структура html-документа состоит из трех пар тегов:

<html> <head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Теги <html> </html> явл контейнером для всех остальных, т.е в них помещ все остальные. Сам док условно разделен на две части - заголовок документа (теги <head> </head>) и тело документа (теги <body> </body>). Одиночный тег <link> необход для подкля внеш файлов. каскадную табл стилей.

У тега <link> несколько атрибутов:

href - указывает URL-адрес подключаемого файла.

type - указывает тип и параметры присоединенной таблицы стилей.

Теги <script></script> используются для подкл внешних файлов скриптов.

Все, что отображ на web-странице, наход в тегах <body></body> . Это текст, картинки и исп скрипты, а также теги для оформ всего этого. alink - устан цвет активной ссылки. Текущий цвет ссылки меняется на активный при нажатии на нее. bgcolor - указ фоновый цвет документа. text - устанавливает цвет текста для всего документа.

Теги, делающие текст заголовками <h1></h1>. Теги разделения на абзацы и переноса строки <br> <p>. Теги <font></font> указ параметры шрифта текста: face - название шрифта. size – р-р шрифта в условных единицах от 1 до 7. По умолчанию 3. color - цвет текста (по умолчанию - черный).

41. Оформление HTML-док. Логич и физ форматир.

Заголовки - элементы H1 – H6. H1, H2, H3, H4, H5, H6. Первый – самый главный, отображается более крупным шрифтом, шестой – самый маленький и по значению, и по размеру шрифта.

Выравнивание – атрибут align

По умолчанию текст выравнивается по левому краю страницы. Но можно отцентрировать текст либо выровнять его по правому краю, указав атрибут align="left | center | right, justify "

Параграфы (абзацы) - элемент P

Шрифты <B>Полужирное</B> <I>Курсив</I> <S>Зачёркнутый</S> <U>Подчёркнутый</U> size color

элемент BR

Теги физического форматирования текста. <b>, <i>, <u>, <s>, <p>, <font> и т.д.

теги логического форматирования:

<DFN>– служит для описания определений;

<CITE>– служит для выделения цитат;

<INS>– отмечает свой текст как вставку;

<KBD>– используется для ввода с клавиатуры пользователя;

<SAMP>– используется для отметки результатов, выдаваемых программами, для выделения нескольких символов моноширинным шрифтом:;

<VAR>– используется для символьных переменных;

<ABBR>– используется для аббревиатур (СНГ, КПСС, WWW);

<ACRONYM>– используется для сокращений (стр., англ.) с атрибутом TITLE;

<Q>– цитированный текст в кавычках.

42. Списки в HTML-док.

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от атрибутов тега <ol>, который и применяется для создания списка. Каждый пункт нумерованного списка обозначается тегом <li>, как показано ниже.

<ol>

<li>Первый пункт</li>

<li>Второй пункт</li>

<li>Третий пункт</li>

</ol>

Если не указывать никаких дополнительных атрибутов и просто написать тег <ol>, то по умолчанию применяется список с арабскими числами (1, 2, 3,...)

В качестве нумерующих элементов могут выступать следующие значения:

арабские числа (1, 2, 3, ...);

прописные латинские буквы (A, B, C, ...);

строчные латинские буквы (a, b, c, ...);

прописные римские числа (I, II, III, ...);

строчные римские числа (i, ii, iii, ...).

Для указания типа нумерованного списка применяется атрибут type тега <ol>

</ol>

Чтобы начать список с определенного значения, используется атрибут start тега <ol>. <ol type="I" start="8">.

43. Созд и оформление табл в HTML-док.

Таблица вставляется в HTML-документ парными тегами <TABLE> и </TABLE >. Тег имеет следующие атрибуты:

border — ширина рамки;

width —ширина таблицы;

align– положение таблицы относительно боковых границ окна;

bgcolor — цвет фона под таблицей.

<TR> Строка таблицы </TR>

У этого тега есть следующие атрибуты:

аlign — вырав внутри строки:(LEFT, RIGHT, CENTER);

valign — вертикальное выравнивание(ТОР, BOTTOM, MIDDLE);

bgcolor— цвет фона внутри строки.

<TD> Столбец таблицы </TD>

Атрибуты align, valign иbgcolor аналогичны атрибутам тега<TR>;

widht -ширина ячейки;

colspan -растягивание клетки нa несколько столбцов;

rowspan — растягивание клетки нa несколько строк.

<TR>

<TD>ячейка A</TD>

<TD>ячейка В </TD> Первая строка

<TD>ячейка C</TD>

</TR>

<TR>

<TD>ячейка D </TD>

<TD>ячейка Е </TD> Вторая строка

<TD>ячейка F </TD>

</TR>

</TABLE>

· COLSPAN – сообщает программе просмотра, что нужно раздвинуть клетку таблицы на несколько столбцов. Например, если нужно объединить ячейки двух столбцов, напишем colspan =2.

· ROWSPAN – сообщает программе просмотра, что нужно раздвинуть клетку таблицы на несколько строк. Например, rowspan =2 растягивает клетку таблицы на две строки.

44. Гиперссылки в HTML-док. Ссылка на якорь в текущем доке, на др док, на почтовую программу. Исп абсолют и относит адреса док.

Гиперссылка на др стр

Гиперссылка может связывать стр как в пределах одного сайта, так и указывать на любую страницу в Интернете. При построении ссылки на чужие страницы всегда надо пользоваться абсолют адресом страницы (http://www.site.com/page.html). Если созд ссылка на страницу в пределах сайта, то предпочтительнее исп относит URL (page.html, catalog/page.html).

Для созд гиперссылки служит дескриптор <A>

1 234

Не нашли, что искали? Воспользуйтесь поиском по сайту: