- •1.Компьютерные сети. Назначение. Аппаратное и программное обеспечение.
- •2.Сеть Интернет (история создания, структура, принцип работы, адресация ресурсов).
- •1968. Проект arpanet. Цели проекта:
- •1974. Разработка tcp/ip
- •3.Развитие сети Интернет в России.
- •4.Локальные сети (классификация, структура).
- •5.Глобальные вычислительные сети (структура, принцип обмена информацией, протоколы передачи данных).
- •6.Службы сети Интернет (электронная почта).
- •Протоколы получения почты
- •7.Службы сети Интернет (служба новостей, телнет, ftp).
- •8.Сервис World Wide Web, браузеры.
- •9.Информационно поисковые системы в Интернете.
- •10.Язык html. История развития. Структура. Синтаксис. Примеры.
- •11.Структура открывающей метки, структура html документа.
- •12.Форматирование шрифтов. Метки физического и логического форматирования.
- •13.Форматирование абзацев.
- •14.Ссылки в html документах.
- •15.Таблицы в html документах (структура, свойства ячеек, методы объединения ячеек).
- •16.Размещение графических объектов. Форматы графических объектов.
- •17.Методы создания анимации на web-сайтах (gif-анимация, JavaScript, Flash).Сравнение
- •18.Программа разработки Web-сайтов DreamWeaver (dw) (характеристика программы, интерфейс).
- •19.Создание Web-сайта в dw. Особенность работы в режиме сайта.
- •20.Визуальный интерфейс в dw, работа в режиме кода. Взаимодействие.
- •21.Каскадные таблицы стилей css (назначение, примеры использования).
- •22.Свойства форматирования шрифтов и абзацев с помощью css.
- •23.Cпособы задания цвета на основе css.
- •25.Блоковая модель в css.
- •26.Dw. Работа с ap элементами.
- •27.Позиционирование в css.
- •28.Dw. Каскадные таблицы стилей (Создание, применение в разных документах).
- •29.Графический формат jpeg (достоинства и недостатки).
- •30.Графический формат gif (достоинства и недостатки).
- •31.Графический формат png (достоинства и недостатки).
- •32.Обработка эскизов сайтов с использованием программы Photoshop (выделение фрагментов, обрезка, автоматическая генерация структуры web-страницы.
- •33.Методы верстки Web-документов.
8.Сервис World Wide Web, браузеры.
Термин ГИПЕРТЕКСТ
Тед Нельсон 1965 год гипертекст - это просто непоследовательная запись
ПРЕДПОСЫЛКИ WWW
Проблема доступа к большому количеству разнообразных ресурсов.
1990 – первая система поиска в Интернете – Archie. Система поиска документов на ftp серверах.
1991 – система Gopher – иерархическая система меню, связывающая посредством ссылок документы, находящееся на различных серверах.
ПЕРВЫЕ ШАГИ
1990 Старт разработки
1991 год
состоялось первое подключение первого Web-сервера
появилось первое средство просмотра документов – браузер командной строки.
РАСТПРОСТРОНЕНИЕ WWW
1993 Национальный центр суперкомпьютерных приложений (NCSA) – Марк Андрессен.
Проект Mosaic – разработка доступных некоммерческого решения.
Появление свободнораспространяемого сервера Mosaic.
Создание графического браузера Mosaic.
1994 Netscape Communication (первая коммерческая разработка в системе www)
КОМПОНЕНТЫ WWW
HTML (HyperText Markup Language)
URL (Universal Resource Locator)
HTTP (HyperText Transfer Protocol)
CGI (Common Gateway Interface)
бРАУЗЕРЫ
мозила, интернет эксплорер, мозаик (уже не используется). Гугл хром, опера, сафари…
9.Информационно поисковые системы в Интернете.
ПРЕДПОСЫЛКИ ПОЯВЛЕНИЯ
Появление WWW
Графические браузеры
Стремительный рост объемов разнородных документов в Интернете.
Сложность определения местоположения получения информации.
ТИПЫ
Поисковые машины
Тематические каталоги
- ТЕМАТИЧЕСКИЙ КАТАЛОГ
В www:
сперва появлялись личные коллекции ссылок.
Развитие – тематические каталоги (www.yahoo.com 1994 год).
Составные части:
Иерархическая совокупность тем (рубрик)
(обычно постоянно совершенствуется и использует перекрестные ссылки)
База описаний ресурсов с привязкой к рубрикам (возможно к нескольким)
Механизм отслеживания описания ресурсов и пополнения базы.
- ПОИСКОВАЯ МАШИНА
Появились с популярностью www
Одни из первых (1993 год)
ALIWEB (просматривала META теги)
Exite (анализировала статистику появления слов в документе)
Lycos (индексировал страницу целиком)
Поисковая машина состоит из
программы-паука (робот), которая просматривает сайты Интернета и индексирует их в автоматическом режиме.
базы данных (индекса), в которой находится информация о просмотренных сайтах.
В современных системах база содержит и сами документы (размером до нескольких десятков килобайт).
10.Язык html. История развития. Структура. Синтаксис. Примеры.
HTML (HyperText Markup Language) - язык гипертекстовой разметки документов
Состояние на сейчас
HTML+CSS (HTML 4.01, CSS 2.0 (3.0))
CSS – (Cascading Style Sheets — каскадные таблицы стилей )
XHTML (Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) – отвечает стандартам XML
XML+XSL
XML – (eXtensible Markup Language — расширяемый язык разметки)
XSL - (Extensible Stylesheet Language) — расширяемый язык таблиц стилей
СТРУКТУРА
Любой HTML документ должен содержать следующие теги <html></html>, <head></head>, <body></body>, <title></title>. Порядок расположения тегов в HTML документе представлен ниже
<html>
<head>
<title>Название вашей страницы</title>
</head>
<body>
Тело вашего документа
</body>
</html>
Внутри тега <head></head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции <head></head> могут располагаться так называемые Мета Теги. Их назначение и описание смотри в справочнике по Мета Тегам.
ТЕГИ
Заголовки <H1> … </H1> <H2> … </H2> ….. <H6> … </H6> <H1 ALIGN=CENTER> … </H1>
Абзацы <P> … </P> <P ALIGN=justify | right | left | center> … </P> * - закрывающий необязателен
Разрыв строки <BR> <BR clear=right | left | all> * - <NOBR> … </NOBR> не переводить строку
<HR>
<HR align=… size=… color=… width=… noshade>
СПИСКИ
<OL> … </OL> order list (упорядоченный список) *нумерованный*
<LI> - list item – элемент списка
<OL>
<LI>Пункт первый
<LI>Пункт второй
</OL>
Параметры (TYPE и START)
TYPE 1 A a I i (по умолчанию 1)
START (по умолчанию 1)
<OL TYPE=I START=1703>
<LI> В этом году ….
<LI VALUE=2004> В этом году ….
</OL>
*<UL> используется для маркированного списка*
Еще DL и DT (для обозначения термина и его определения) DT в данном случае термин.
ТИПЫ ТЕГОВ (СИНТАКСИС)
Типы тегов
Контейнеры открывающий тег, содержимое, закрывающий тег <ИМЯ-тега параметр1=значение параметр2 …> содержимое </ИМЯ тега> Если значение параметра содержит пробел - необходимо заключать в кавычки
Автономные элементы – (без содержимого и закрывающего тега) – обычно вставка объектов.