Лабораторная работа №8. Введение в язык HTML

Задание 1.

Задание 2

На основе таблицы Преподаватели создайте отчет с группированием данных по должностям.

Для создания отчета:

· откройте вкладку Отчеты и щелкните по кнопке <Создать>;

· в открывшемся окне выберите пункт Мастер отчетов;

· выберите из появившегося списка таблицу Преподаватели; щелкните по кнопке < OK>, В появившемся окне выберите поля, которые будут присутствовать в форме, щелкните по кнопке <Далее>;

· в появившемся окне присутствует перечень полей. Переведите выделение на поле "Должность"; щелкните по кнопке <Далее>;

· параметры появившегося окна оставим без изменений, поэтому щелкните по кнопке <Далее>;

· в появившемся окне выберите стиль оформления отчета; щелкните по кнопке<Далее>;

· в появившемся окне введите название отчета Преподаватели; щелкните по кнопке <Готово>. На экране появится сформированный отчет;

· просмотрите, а затем закройте отчет.

Основная литература: 6 осн. [1-638], 7 осн. [2] [1- 432].

Контрольные вопросы:

1. Какие данные называются структурированными?

2. Дайте определение и опишите назначение базы данных.

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

4. Дайте понятие ключа. Какие виды ключей вы знаете?

5. Данные каких типов могут храниться в полях базы данных?

6. Каковы основные функциональные возможности СУБД?

Лабораторная работа №7. Компьютерные сети. Интернет технологии.

План занятия:

  • Глобальные и локальные сети.
  • Организация Интернет;
  • Внутритекстовый и URL- поиск.

Основные понятия и возможности Интернета.

Глобальная сеть Интернет представляет собой объединение более 40 тысяч различных локальных сетей. Каждая локальная сеть называется узлом или сайтом, а юридическое лицо, обеспечивающие работу сайта,- провайдером. Сайт обычно состоит из нескольких компьютеров- серверов, каждый из которых предназначен для хранения информации определенного типа. Среди прочего предоставляется и возможность искать по ключевым словам не только внутри документа, но и в пределах его сетевого адреса - URL, т.е. среди имен серверов, каталогов и конечных информационных файлов. Кроме того, в поле URL, где используется латинский алфавит, нередко привносится лексика из языков, графика которых не совпадает с латинской. Это явление вполне характерно и для российского сектора

Внутритекстовый и URL- поиск.

Как известно, местоположение в Сети конечного документа (файла), однозначно задается его адресной схемой - URL. Если документ размещен не в корневом каталоге сервера, то в URL между именами узла и самого файла появляются еще и названия соответствующих каталогов. Так, для гипотетической Web-страницы rasskazy.html, находящей в подкаталоге Tolstoy каталога proza на сервере www.literature.ru,

URL выглядел бы следующим образом:

URL: https://www.literature.ru/proza/Tolstoy/rasskazy.html

Если поисковая система зарегистрировала указанный выше документ и поддерживает полноценный поиск по элементам адреса, то выйти на данную страницу можно по любому из встретившихся слов, т. е. literature, proza, Tolstoy, rasskazy и даже по их фрагментам.

В зависимости от конкретной ИПС поиск в пределах URL может задаваться различными способами - либо с помощью специальных меню и окон поискового шаблона, как, например, на Рамблере и Northern Light (см. рис. 1), либо в режиме командной строки, как на AltaVista (напр., url: literature), Yahoo (u: literature) или Яндексе (url= "www.literature*"). Некоторые поисковые машины, в частности HotBot и Рамблер, поддерживают оба альтернативных варианта.

Рис.1. Элементы расширенной формы шаблона поисковых запросов на ИПС Northern Light (www.northernlight.com), поддерживающей поиск по URL (нижнее окно).

Рис.2. Элементы расширенного шаблона Рамблера (www.rambler.ru) со специальным окном для ввода терминов из URL (внизу), которые комбинируются в запросах с терминами из текстового поля.

Большинство систем допускает комбинирование URL- запроса с ключевыми словами, входящими в текст документа (рис. 2). В расширенном поиске AltaVista это может быть выполнено в виде: url: tolstoy AND "Охота пуще неволи" (вторым элементом запроса стоит фраза, являющаяся названием рассказа).

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

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

3. Работа с информацией об электронных платежных системах.

· Введите адрес https://www/rbcnet.ru. Произойдет загрузка Web- страницы Центра электронной коммерции.

· Осуществите переход по вкладке Платежные системы.

· Познакомьтесь с информацией трех фирм. Сохраните информацию в своей папке.

4. Оформите отчет о проделанной работе. Оформите его в текстовом редакторе в виде отчета.

Основная литература: 2 осн., [1-638], 5 осн., [1- 432], 12 доп., [12-73 ].

Контрольные вопросы:

  1. Каково назначение межкомпьютерной связи?
  2. Опишите технологию "клиент–сервер".
  3. Что такое протокол коммуникации?
  4. Охарактеризуйте основные виды сетевых топологий.
  5. В каких областях и с какой целью применяются локальные сети?
  6. Перечислите основные сервисы сети Интернет.

Основные понятия языка HTML

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

Теги и структура Web- страницы.Основные теги HTML задают размер шрифта. Размеров шрифтов 6 от < H1></H1> до <H6></H6> в порядке возрастания размера. В основном тексте употребляются теги < Р> - тег абзаца, обеспечивающий правильное разбиение текста на абзацы и <BR>, задающего конец строки.

Для форматирования вида текста используются теги:

- <B></B> - жирный шрифт Bold;

- <I></I> - курсив Italic;

- <CENTER></CENTER> - центрирование текста;

- <BLINK></BLINK> - мигание.

Для создания нумерованных и маркированных списков применяются теги списков. Простые операции по размещению текста на странице выполняют теги BLOCKQUOTE> </BLOCKQUOTE> < и им подобные. Но для того чтобы скомпоновать текст и графику в красиво оформленную Web- страницу с четкими границами или рамками, необходимо заключить эти компоненты в теги таблицы.<TABLE> </TABLE>. Таблицы без разделительных окаймляющих линий применяются для размещения элементов дизайна по всей странице.

Вся страница заключается в теги <HTML> </HTML>, указывающие на то, что текст является текстом HTML, а его части в теги <BODY> </BODY>. Имеется возможность просмотра программы на HTML не как кода, а как обычного листинга, включая и специальные символы <>/. Браузер покажет все, что заключено между тегами <XML> </XML>.

Атрибуты.

Атрибуты дополняют теги, позволяя описывать внешний вид части страницы, окруженной тегами. К примеру, текст, помещенный внутри тегов <H1 ALIGN=CENTER> </H1>,будет выглядеть как большой центрированный заголовок. Атрибут ALIGN=CENTER указывает расположение текста. Тег с атрибутом <TABLE BORDER=4> показывает, что у таблицы будут граничные и разделительные линии нормальной толщины. <TABLE BORDER=0> задает таблицу без граничных линий. С помощью разнообразных атрибутов можно украсить даже самую скучную страницу.

Атрибут ALIGN= позволяет выровнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю.

Данный атрибут применим также к графике и таблицам.

По умолчанию текст HTML выравнивается по левому краю и не выравнивается по правому, то есть начало строк находится на одном уровне, а концы на разных. Чаще всего получающийся при этом текст с равными промежутками между словами выглядит лучше. Поскольку выравнивание по левому краю задается автоматически, атрибут ALIGN= LEFT можно опустить.

Текст, выравненный по правому краю и невыравненный по левому - концы строк находятся на одном уровне, а начало - на разных, часто применяется на практике, хотя бы с целью создать оригинальный дизайн. Этот эффект достигается заданием атрибута ALIGN= RIGHT в обычных тегах, например в теге <P>.

Центрирование текста и графики.

Есть несколько способов отцентрировать текст или графику. В спецификациях HTML 3.0 предлагается воспользоваться < ALIGN=CENTER>. Однако этот тег применим не для всех объектов HTML, поэтому Netscape добавил тег <CENTER>, который концентрирует любые объекты и поддерживается броузерами Netscape Navigator, Internet Explorer и некоторыми другими. Боюсь, что к тегу <CENTER> нужно относиться с осторожностью. Какой-нибудь броузер может его вообще проигнорировать, и на странице окажется выровненный по левому краю текст. Но если вы хотите быть уверенным, что в будущем вам не придется возвращаться к своим кодам и менять везде <CENTER> на <P ALIGN=CENTER>, лучше использовать оба тега, хотя, наверное, это уже перебор.

Огибание графики с помощью атрибута ALIGN= вы можете ‘ обернуть’ текст вокруг графического объекта. Для этого поместите тег <IMG SRC=’’/ путь /файл.gif’’ ALIGN=LEFT, ALIGN=RIGHT, ALIGN=CENTER. Кроме того, с помощью атрибутов HSPACE= и VSPACE=(они описываются ниже) задается ширина горизонтальных и вертикальных полей, отделяющих изображение от текста. Можно также создать рамку вокруг картинки или обрамление таблицы текстом.

Атрибут <CLEAR=> в теге <BR> используется для того, чтобы остановить в указанной вами точке обтекания текстом объекта и затем продолжить текст в пустой области за объектом. Продолжающийся за объектом текст в соответствии со значениями LEFT, RIGHT или ALL атрибута CLEAR=.

<BR CLEAR=LEFT > - текст будет продолжен, начиная с ближайшего пустого левого поля

<BR CLEAR=RIGHT> - текст будет продолжен, начиная с ближайще го пустого правого поля

<BR CLEAR=ALL> - текст будет продолжен, как только и левое, и правое поля окажутся пустыми.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: