Методические указания и контрольные задания для студентов заочной формы обучения по специальностям: 151001 "Технология машиностроения" (стр. 18 из 20)
1) В соответствии с этапами разработки баз данных, указанных в пункте 2.1 данной методической разработки, разработать базу данных.
2) Оформить конструктор таблиц на бумаге, с указанием названия полей, их типов, ключевых полей и связей между таблицами.
3) На примере разработанного конструктора таблиц создать компьютерную базу данных «Автосалон» в редакторе MS Access.
4) Заполнить таблицы произвольно (не меньше десяти записей).
5) Составить форму по таблице, содержащей данные об автомобилях, которыми в данный момент располагает автосалон. Форма должна быть красочной и содержать заголовок, фотографии предложенных к продаже марок, кнопки управления формой и свободный рисунок.
6) Создать необходимые запросы для систематизации информации:
7) Выбрать автомобили купленные клиентом Ивановым.
8) Выбрать всех клиентов которые приобрели автомобили Toyota за весь период работы автосалона.
9) Выбрать марки автомобилей купленные 20.12.02г.
10) Посчитать количество автомобилей приобретенных клиентами 20.12.02г.
11) После выполнения этого пункта ваша форма может иметь вид представленный на рисунке 1 – Форма Авто.
Рисунок 1 – Форма Авто
12) Продемонстрировать результат преподавателю.
13) Оформить отчет, который должен содержать наполнение информационной системы, связи между таблицами, результаты запросов, графическое отображение формы.
Лабораторная работа 9
Проект "Создание web - сайта"
Студент д о л ж е н:
знать:
- особенности конструкции страниц web-документа;
- основные тэги языка HTML;
- основные приемы работы в редакторе Front Page.
уметь:
- создавать электронный документ с помощью языка гипертекстовой разметки;
- создавать страницы web-документа инструментами редактора Front Page;
- размещать сайт в сети.
ОБОРУДОВАНИЕ 1 КУВТ – IBM
2 Microsoft Power Point
3 Microsoft Front Page
4 ОС Windows
1 ЭТАПЫ ВЫПОЛНЕНИЯ РАБОТЫ
Данная лабораторная работа рассчитана на 10 академических часов, из них:
2 академических часа студент:
- изучает основные положения;
- разрабатывает структуру сайта в редакторе Power Point.
2 академических часа студент:
- создает сайт с помощью текстового приложения Блокнот.
2 академических часа студент:
- создает структуру сайта в редакторе FrontPage, вносит текстовое содержание в созданные электронной страницы.
2 академических часа студент:
- дополняет созданные электронные страницы сайта графическими элементами;
- завершает редактирование элементов контента сайта;
- настраивает и проверяет гиперссылочный аппарат сайта.
2 академических часа студент:
- размещает сайт в сети интернет;
- защищает готовый проект (форма защиты проекта - демонстрация группе и преподавателю эффективности созданной базы данных);
- оформляет отчет о выполнении практической работы.
2 ТЕОРЕТИЧЕСКАЯ ЧАСТЬ
2.1 Тэги языка гипертекстовой разметки
2.1.1 Начало HTML-документа
Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти "правило первой строки":
Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей.
После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается.
Затем, между тегами <HTML> и </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:
Правильный пример самого короткого HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
HEAD - Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY>
Атрибуты:
TOPMARGIN – определяет ширину (в пикселах) верхнего и нижнего полей документа.
LEFTMARGIN – определяет ширину (в пикселах) левого и правого полей документа.
BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG.
BGCOLOR – определяет цвет фона документа.
TEXT – определяет цвет текста в документе.
LINK – определяет цвет гиперссылок в документе.
ALINK – определяет цвет подсветки гиперссылок в момент нажатия.
VLINK – определяет цвет гиперссылок на документы, которые вы уже просмотрели
Пример:
<HTML>
<BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" MARGINWIDTH="40">
Текст документа.
</BODY>
</HTML>
TITLE - Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
Пример:
<HEAD>
<TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
Всегда указывайте атрибуты BGCOLOR и TEXT одновременно. Считайте, что они неразлучны. Если один из этих атрибутов не указан, браузер по умолчанию будет использовать цвет из текущей цветовой схемы Windows.
2.1.2 Гиперссылки
A- Используется для создания и использования гипертекстовых ссылок.
Атрибуты:
HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. Возможные значения:
http://... – создает ссылку на www-документ;
ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;
Пример
<A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A>
<A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>
H1,H2,...H6 - Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни – разделы и подразделы.
Атрибуты:
ALIGN – определяет способ выравнивания заголовка по горизонтали.
Возможные значения: left, right, center.
Пример:
<H1 ALIGN="center">Самый большой заголовок посередине</H1>
<H2>Заголовок поменьше</H2>
<H6>Малюююсенький такой заголовочек</H6>
2.1.3 Работа с текстом
P - Используется для разметки параграфов.
Атрибуты:
ALIGN – определяет способ горизонтального выравнивания параграфа.
Возможные значения: left, center, right. По умолчанию имеет значение left.
Пример:
<P ALIGN="center">Это центрированный параграф.<BR>
Текст располагается в центре окна браузера</P>
<P ALIGN="right">А это параграф, выровненный по правому краю.</P>
BR - Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.
HR - Вставляет в текст горизонтальную разделительную линию.
Атрибуты:
WIDTH – определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE – определяет толщину линии в пикселах.
ALIGN – определяет выравнивание горизонтальной линии.
NOSHADE – определяет способ закраски линии как сплошной. Атрибут является флагом и не требует указания значения. Без данного атрибута линия отображается объемной.
COLOR – определяет цвет линии.
Пример:
Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.
FONT - Позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами.
Атрибуты:
SIZE – определяет размер шрифта. Возможные значения:
– целое число от 1 до 7.
COLOR – определяет цвет текста.
FACE – определяет используемый шрифт.
Пример:
<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>
<FONT SIZE="3" FACE="Courier New" COLOR="Magenta">Моноширинный фиолетовый текст 3 размера</FONT>
I - Текст, заключенный между начальным и конечным тегами, будет выделен курсивом.
B - Текст, заключенный между начальным и конечным тегами, будет выделен жирным шрифтом.
U - Данный элемент отображает помещенный между начальным и конечным тегами текст как подчеркнутый.
Списки
Списки в HTML бывают двух видов: упорядоченные (пронумерованные) и неупорядоченные (непронумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.
UL - Создает неупорядоченный список. Между начальным и конечным тегами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.