Решение. 1. Открыть таблицу Студенты в режиме таблицы.

1. Открыть таблицу Студенты в режиме таблицы.

2. Установить курсор в поле Группа.

3. На вкладке Главная нажать кнопку Фильтр.

4. Установить галочку на номере одной нужной группы. Нажать ОК. Произойдет автоматическое включение фильтра. Данные будут отфильтрованы по установленному параметру.

5. Кнопка Применить фильтр позволяет включать и выключать установленный фильтр.

Задания для самостоятельной работы

Перед выполнением задания выполнить все упражнения, описанные выше.

Задание 1

Создать базу данных для фирмы, торгующей комплектующими для компьютеров в виде 3-х таблиц:

1) Таблица1 – Продажи, характеризуется атрибутами: Учетный № (тип счетчик), Дата заказа (Дата/время), Номер заказа (тип текстовый), Артикул (уникальный номер единицы товара, тип текстовый).

2) Таблица2 – Комплектующие включает атрибуты: Артикул (тип текстовый), Наименование (тип текстовый), Описание комплектующих (тип текстовый).

3) Таблица3 – Цены характеризуется атрибутами: Артикул (тип текстовый), Цена (тип числовой), Скидка (тип числовой).

В таблицах Комплектующие и Цены в качестве ключевого поля использовать атрибут артикул. Таблица Продажи не должна иметь ключевого поля.

Для создания таблиц использовать режим конструктора.

Ввести 4 записи в таблицу Комплектующие. Таблицу Цены заполнить с помощью мастера подстановки, используя артикул из таблицы Комплектующие. В таблицу Продажи ввести 6 записей.

Задание 2

Создать формы для заполнения каждой таблицы с помощью мастера форм и ввести по 3 записи в формы. Количество записей в таблице Продажи должно превышать количество записей в таблицах Комплектующие и Цены. В таблице Продажи должны быть записи с одинаковыми артикулами.

Задание 3

Установить связи между таблицами. Эта база данных включает в себя три отношения: Продажи, Комплектующие и Цены. Эти отношения связать через атрибут Артикул. Для отношения Продажи это связь «многие-к-одному».

Задание 4

Создать запрос на выборку, который должен содержать данные о наименовании и стоимости комплектующих по заказу 2 (в режиме Конструктор запросов).

Задание 5

Составить отчет по выше составленному запросу с помощью мастера отчетов.

Задание 6

С помощью группового запроса определить количество единиц комплектующих и суммарной стоимости каждого наименования по всем заказам.

Рекомендации: выбрать Групповые операции (Σитоги) и в поле Учетный номер таблицы Продажи задать функцию Count для определения количества комплектующих, а в поле Цена для подсчета суммарной стоимости по всем заказам функцию Sum в режиме Конструктора.

Включить поле артикул. Запрос сохранить под именем Количество комплектующих.

Задание 7

Составить перекрестный запрос, который группирует записи по номерам заказов из таблицы Продажи и наименованию из таблицы Комплектующие, подсчет суммарной стоимости выполнить в столбце Цена таблицы Цены.

Рекомендации: выбрать Перекрестный запрос в режиме Конструктора запросов, для заголовка строк использовать поле Наименование, для заголовка столбцов-номера заказов, в поле Цена задать значение и групповую операцию Sum.

Задание 8

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

Рекомендации по созданию вычислительного поля: вычислительное поле стоимости составить с помощью построителя выражений в виде:

Стоимость:[Цены] ! [Цена] *[Количество Комплектующих] ! [Count-Учетный №].

Количество Комплектующих – это запрос, который был создан выше. В поле Артикул задать функцию Count, задать поля Наименование, Цена и в вычисляемом поле Стоимость задать Группировка.

Задание 9

Составить запрос на создание таблицы.

Запрос Создание таблицы должно выполняться в режиме Конструктор, добавить таблицы Комплектующие, Продажи, Цены.

В новую таблицу вставить все поля Продажи.*, Наименование, Цена и Скидка. Вычислить цену со скидкой.

Цена со скидкой:[Цены]![Цена] - [Цены]![Цена]*[Цены]![Скидка] .

В диалоговом окне задать имя новой таблицы.

Задание 10

Сформировать инструкцию на SQL для создания запроса на выборку данных.

Рекомендации: выбрать вкладку на ленте Создание/Конструктор запросов/закрыть окно добавить таблицы.

1. Выбрать Конструктор/Режим SQL.

2. В появившемся окне сформировать инструкцию:

SELECT Продажи.[Учетный №],Продажи.[Дата заказа], Продажи.[Номер заказа], Продажи.[Артикул]

FROM Продажи

WHERE ((Продажи.[Дата заказа]=#2/2/2005#) AND (Продажи.[Номер заказа]=”1”));

Закрыть окно и просмотреть запрос.

Сохранить результаты работы в файле СУБД_ФИО_студента.accdb

Содержание отчета

Отчетом является файл СУБД_ФИО_студента.accdb, созданный в результате выполнения задания.

Технология выполнения работы

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

Вопросы для защиты работы

1. Что включает понятие структура базы данных?

2. Что такое ключевое поле?

3. Зачем создаются связи между таблицами?

4. Какие объекты СУБД вы знаете?

5. Для какой цели используются формы в MS ACCESS?

6. Какие запросы вы знаете?

7. В каком режиме создается запрос на выборку?

Лабораторная работа № 10
Создание web-страниц с помощью языка разметки HTML

Время выполнения – 4 часа.

Цель работы

Познакомиться с основами языка разметки HTML и научиться создавать собственные web-страницы с применением форматирования на основе HTML.

Задачи лабораторной работы

После выполнения работы студент должен:

1) знать понятия: "HTML", "браузер", "гиперссылка", "тег";

2) уметь применять основные теги для оформления web-страниц;

3) знать назначение &-последовательностей, комментариев в языке HTML;

4) научиться создавать и оформлять web-страницы.

Перечень обеспечивающих средств

Для обеспечения выполнения работы необходимо иметь компьютер с операционной системой и методические указания по выполнению работы.

Общие теоретические сведения

Внимательно ознакомьтесь с теоретическим материалом. Дальнейшие задания лабораторной работы будут ссылаться на представленный материал.

1. Понятие об HTML

Гипертекстовые документы создаются на специальном языке, который называется HTML (Hyper Text Markup Language – язык разметки гипертекста). Разработка этого стандарта позволила снять две существенные проблемы, которые возникали у пользователей больших сетей.

Первая из них – время доставки информации, оно существенно зависит от объема передаваемого файла. В стандарте HTML вводится иерархическая структура документов: вся информация по некоторой теме разбивается на небольшие смысловые блоки и посылается пользователю только по мере возникновения необходимости в ней. Это существенно сокращает время ожидания ответа на возникший вопрос и делает работу в сети более комфортной и дешевой. Для организации такого режима работы в языке HTML введено средство гиперссылка (см. п. 10).

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

1. Весь документ набирается только текстовыми символами (их коды понятны всем редакторам), т. е. его можно набрать в любом текстовом редакторе (например, "Блокнот", "WordPad").

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

3. В текст документа можно добавлять разнообразные команды, которые указывают, как следует изображать на экране тот или иной фрагмент текста. Эти команды называют тегами. Они так же, как и документ, набираются текстовыми символами, но отделяются от него угловыми скобками: < >.

4. Файлы c HTML-кодом должны помечаться расширением .html или .htm.

2. Структура тегов

Каждый тег обязательно содержит пару угловых скобок < >, между которыми находится ключевое слово, обозначающее основную функцию тега. Например, ключевое слово HR в теге <HR> означает, что тег вставляет в документ серую горизонтальную линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксел.

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

Атрибуты размещают после ключевого слова и перечисляют в произвольном порядке через пробел. После каждого атрибута ставят знак = и нужное значение. Например, тег <HR WIDTH=50% SIZE=4> означает, что в документ следует вставить горизонтальную линию, которая должна доходить только до середины строки и иметь ширину четыре пиксела. Значения атрибутов в некоторых случаях полагается заключать в двойные кавычки.

Атрибуты, соответствующие одним и тем же свойствам, в разных тегах часто, но не всегда, обозначаются одинаковыми словами. Например, выравнивание текста в пределах строки, ячейки таблицы или около картинки задается одинаковым словом ALIGN. А свойство «цвет шрифта» для документа в целом задается атрибутом TEXT, но для отдельно взятого фрагмента документа – атрибутом COLOR. Соответствующие теги, задающие темно-синий цвет шрифта, выглядят так:

<BODY TEXT=NAVY>, <FONT COLOR=NAVY>.

Многие теги являются парными. Открывающий тег включает какое-нибудь действие, закрывающий прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в открывающем теге дополнительно перечисляются все необходимые атрибуты, а в закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги называются контейнерами. Например, контейнер <B>Я изучаю язык HTML</B> означает, что текст Я изучаю язык HTML следует изобразить жирным шрифтом, а дальнейшие символы – так, как до него.

Замечания:

1) в ключевых словах и атрибутах строчные и прописные регистры букв не различаются;

2) URL файлов-ссылок заключаются в двойные кавычки, и регистры букв в них учитываются;

3) в последовательности пробелов, идущих подряд, учитывается только первый, остальные игнорируются;

4) признак начала новой строки игнорируется. Поэтому при составлении кода можно клавишей <Enter> разрывать его на строки так, как код удобно просматривать и редактировать. На виде документа в окне браузера это не отражается. Если нужно сохранить при просмотре через браузер введенные в код HTML пробелы и разрывы строк, следует воспользоваться тегами компоновки текста (см. п. 6).

Списки основных тегов, их функций и атрибутов приведены в табл. 1, 2, 3. Пояснения по основным группам тегов – в п.п. 4-10.

Таблица 1. Основные теги форматирования и компоновки текста

Таблица 2. Теги внесения ссылок на дополнительную информацию

Таблица 3. Основные атрибуты тегов

Примечание. Первое из перечисленных значений атрибутов тегов – значение по умолчанию.

3. &-последовательности, комментарии

Иногда в документе приходится использовать такие знаки, которые имеют в языке HTML специальный смысл. Например, двойные кавычки " " выделяют значение атрибута, и если их использовать вне тега, браузер не поймет конструкцию и пропустит ее. Чтобы этого не произошло, для отображения служебных символов используют специальные последовательности знаков, начинающиеся с символа & и заканчивающиеся знаком ; (точка с запятой) – так называемые &-последовательности. Основные из них:

– последовательность &lt; (от английского "less than") – вместо символа < (меньше);

– последовательность &gt; (от "greater than") – вместо символа > (больше);

– последовательность &quot; (от "quotations mark") – вместо символа " (двойные кавычки);

– последовательность &amp; (от "ampersand") – вместо символа &;

– последовательность &nbsp; (от nonbreaking space – неразрывный пробел) – вместо пробела, который не следует игнорировать при выдаче документа в окно браузера. Эта &-последовательность как бы вставляет в текст невидимую глазу букву, которую браузер воспринимает как реальную и оставляет для нее место на экране. Она используется для заполнения пустых ячеек таблицы, пустых абзацев, для склеивания слов (если набрать TOP&nbsp;100, то у вас никогда не получится, что TOP останется в одной строке, а 100 перенесется на следующую, например, при изменении шрифта или размера окна браузера).

Внимание: &-последовательности должны набираться только в нижнем регистре, точка с запятой в конце последовательности обязательна. Пример: чтобы пользователь увидел на экране слова крейсер "Аврора", в HTML-документе должен быть следующий код:

крейсер &quot;Аврора&quot;

Чтобы код HTML было легче понимать и править, полезно вводить в него комментарии, которые были бы видны только при работе с кодом, но не отражались бы в окне браузера при просмотре документа. Для этой цели используют специальный контейнер, написанный не по стандартным правилам. Он выглядит так: <!-- … -->

Примеры:

<!-- Это мой комментарий -->

<!-- А этот комментарий занимает в тексте несколько строк -->

Внимание: в текст комментария не допускается вставлять два и более дефисов подряд: -- или ----- (разные браузеры по-разному реагируют на это).

4. Структура документа HTML

Каждый HTML-документ состоит из трех главных частей.

1. Объявление HTML-кода – контейнер <HTML> …</HTML>

2. Заголовок документа – контейнер <HEAD> … </HEAD>

3. Тело документа – контейнер <BODY> … </BODY>

Заголовок и тело документа вкладываются внутрь объявления HTML по следующей схеме:

<HTML>

<HEAD>

…..........

</HEAD>

<BODY>

…..........

</BODY>

</HTML>

В заголовок помещаются теги, определяющие информацию о документе в целом. Наиболее употребительный из них – контейнер <TITLE>:

<TITLE> Краткая расшифровка содержания документа (не более 64 символов) </TITLE>.

Пример.

<TITLE> Гостиницы для участников конференции </TITLE>

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

В разделе «тело документа» размещается содержание документа, которое выдается в рабочее окно браузера. Атрибуты тега <BODY> задают следующие свойства:

– TEXT – цвет текста там, где он не указан специальными средствами. По умолчанию черный.

– BGCOLOR – цвет фона. По умолчанию белый.

– BACKGROUND – фоновое изображение (аналогично рисунку на Рабочем столе). Значением является URL файла–изображения.

– LINK,VLINK, ALINK – соответственно цвета непосещенных, посещенных и активных в данный момент гиперссылок.

Примеры:

<BODY TEXT=SILVER BGCOLOR=NAVY>

<BODY TEXT=SILVER BACKGROUND="море.jpg">

Первый тег задает для базового оформления документа светло-серый шрифт на темно-синем фоне. Все отступления от этого стандарта в дальнейшем надо будет оговаривать дополнительными тегами внутри документа. Второй в качестве фона использует изображение, находящееся в файле море.jpg, расположенном в том же каталоге, что и вызывающий его документ (подробнее см. п. 8). Цвет шрифта так же, как и в первом примере, – светло-серый.

Основные теги, определяющие вид документа в окне браузера, рассмотрены ниже и приведены в виде справочника в табл. 1, 2, 3.

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

В HTML существуют два подхода к шрифтовому оформлению текста – так называемые физические и логические стили. Здесь рассматриваются только физические стили. Под ними подразумевают прямое указание браузеру на изменение текущего шрифта. Теги физических стилей – контейнерные. Например, между тегами <B> и </B> будет жирный шрифт (Bold), а между <I> и </I> – курсив (наклонный – Italic). Основные контейнеры физических стилей:

В теге <FONT> допускаются атрибуты:

– SIZE – размер букв, возможные значения: 1, 2, 3, …, 7. По умолчанию 3;

– COLOR – цвет шрифта. Можно указывать шестнадцатеричными кодами или английскими словами. По умолчанию BLACK;

– FACE – изменение типа шрифта, возможные значения: ARIAL, COURIER и т. д. По умолчанию VERDANA.

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

<B> <I> пример </I> </B>

В окне браузера мы получим:

Пример

Помимо перечисленных выше тегов существуют шесть контейнерных тегов, удобных для оформления заголовков: <H1>...</H1>, <H2>...</H2>, …, <H6>…</H6>. Заголовки отличаются от текста и между собой толщиной и высотой букв (в заголовке <H1> самые крупные символы, в <H6> – самые мелкие), а также увеличением интервала по вертикали между заголовком и прочей информацией. Атрибут ALIGN управляет выравниванием заголовков по горизонтали. По умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT.

Пример:

<H4 ALIGN=CENTER> 6. Теги выделения смысловых частей текста </H4>

Результат действия тега похож на заголовок следующего параграфа.

6. Теги выделения смысловых частей текста

Абзацы в тексте выделяются контейнером <P>…</P>. Атрибут ALIGN задает выравнивание по горизонтали. По умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT. При просмотре браузером абзацы отделяются друг от друга пустой строкой. Закрывающий тег </P> необязателен. Его можно использовать только тогда, когда было заказано нестандартное выравнивание текста.

Примеры:

<P> Этот абзац расположен слева </P>

<P ALIGN=CENTER> Этот абзац по центру </P>

<P ALIGN=RIGHT> А вот этот абзац справа </P>

Приведенный выше код при просмотре выглядит так:

Этот абзац расположен слева

Этот абзац по центру

А вот этот абзац справа

Чтобы перейти на новую строку, не вставляя пустую строку в текст, применяется тег <BR>. Закрывающего тега у него нет.

Иногда полезно разделять смысловые части документа горизонтальной чертой. Это делается с помощью одиночного тега <HR>. Его атрибуты:

SIZE – толщина линии в пикселах. По умолчанию 1 пиксел.

WIDTH – длина линии в пикселах или процентах от ширины экрана. По умолчанию 100%.

ALIGN – выравнивание линии, возможные значения: LEFT, CENTER, RIGHT. По умолчанию LEFT.

COLOR – цвет линии. По умолчанию GRAY.

NOSHADE – линия рисуется без тени. По умолчанию тень есть.

Пример. Код, в котором использованы теги <BR> и <HR>:

<B> Жизненная позиция </B>

<HR NOSHADE WIDTH=250>

Хорошо на свете жить, <BR>

Информатику учить! <BR>

<HR SIZE=4 WIDTH=50% ALIGN=CENTER>

В окне браузера этот код изображается так: