Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Проблема типологии научных революций: Глобальные научные революции и типы научной рациональности...

Марксистская теория происхождения государства: По мнению Маркса и Энгельса, в основе развития общества, происходящих в нем изменений лежит...

Процедура выполнения команд. Рабочий цикл процессора: Функционирование процессора в основном состоит из повторяющихся рабочих циклов, каждый из которых соответствует...

Интересное:

Мероприятия для защиты от морозного пучения грунтов: Инженерная защита от морозного (криогенного) пучения грунтов необходима для легких малоэтажных зданий и других сооружений...

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

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

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспруденция

Сохранение таблиц базы данных в виде HTML-страниц

2017-10-16

188

0.00 из 5.00 0 оценок

Заказать работу

⇐ ПредыдущаяСтр 6 из 6

– В Окне базы данных на вкладке Таблицы выделить нужную таблицу

– дать команду п.меню Файл à Экспорт

– в поле Тип файла выбрать «HTML Documents»

– В поле Папка указать папку «Мои документы» для сохранения

– Установить флажок þ Сохранить формат

– Нажать кнопку Экспорт

– В окне «Параметры вывода в формате HTML» не выбирать шаблон и указать вид кодировки – по умолчанию. Нажать кнопку ОК.

Рекомендации по выполнению задания 3.

Всемирная паутина World Wide Web (WWW)

Самый молодой и самый популярный в настоящее время сервис глобальной сети. В основу данной системы положено понятие гипертекста и гипермедиа.

В WWW собраны документы (странички) мультимедиа (в них кроме текста присутствуют звук, изображение, видео), связанные гиперссылками. Ссылки могут быть оформлены в виде текста (подчеркнуты одно или несколько слов) или картинки. С помощью гиперссылок можно попасть на:

o другую часть данной страницы,

o на другую страницу данного документа,

o на другой документ данного сервера,

o на другой документ любого сервера Internet.

Для работы с WWW используется специальный протокол НТТР (Hyper Text Transfer Protocol) – Протокол передачи гипертекста. Cервис WWW называют Всемирной паутиной.

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

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

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров.

Документ HTML содержит текст (содержимое страницы) и встроенные теги с инструкциями о структуре, внешнем виде и функции содержимого.

Документ HTML разделяется на две основные части: заголовок — head и тело — body. Заголовок содержит такие сведения о документе, как его название и мета-информацию, описывающую содержимое. В теле находится само содержимое документа (то, что выводится в окне браузера).

Структура HTML-документа:

<HTML> начало Web-документа

<HEAD> заголовочная часть документа

<TITLE> Заголовок окна браузера </TITLE>

</HEAD>

<BODY> тело страницы

…………..

</BODY>

</HTML>

Для создания Web-документа (с помощью текстового редактора) необходимо:

- открыть текстовый редактор: Пуск→ Программы→ Стандартные→ Блокнот;

- записать HTML- код странички;

- сохранить страничку с расширением Htm или html;

Для редактирования HTML-кода можно

1 способ. Находясь на страничке в Internet Explorer дать команду

Вид à Просмотр HTML-кода

2 способ. Находясь в Проводнике, щелкнуть по значку файла правой кнопкой мыши и выбрать команду Открыть с помощью, укажите текстовый редактор

Для распечатки внешнего вида HTML-страницы

- Запустить Internet Explorer;

- Файл→ Открыть → Обзор→ выбрать нужный файл → Открыть→ ОК.

- Файл→ Предварительный просмотр→ Печать.

Теги HTML

Каждый тег состоит из имени, за которым может следовать список необязательных атрибутов, все они находятся внутри угловых скобок < >. Содержимое скобок никогда не выводится в окне браузера. Имя тега, как правило, представляет собой аббревиатуру его функции, что облегчает его запоминание. Атрибуты являются свойствами, которые расширяют или уточняют функцию тега.

Контейнеры

Большинство тегов являются контейнерами. Это означает, что у них имеется открывающий или стартовый и закрывающий теги.

Конечный тег имеет то же имя, что и начальный, но перед ним стоит слеш (/). Конечный тег никогда не содержит атрибутов. Контейнерные теги обозначаются следующим образом:

< >...< / >. Текст, находящийся между тегами, будет выполнять содержащиеся в них инструкции.

Например:

Текст будет подчеркнут. Результат: Текст будет подчеркнут.

В некоторых случаях конечный тег не обязателен, и браузер определяет конец тега из контекста. Это разрешено не всем тегам, и не все браузеры прощают их отсутствие.

2. Форматирование тела HTML-документа

2.1. Форматирование текста

… - цвет шрифта. Можно выделить предложение, слово, символ.

… - размер шрифта. +2 – величина, на которую отличается шрифт в сторону увеличения.

… - задается тип шрифта.

… - полужирный текст.

… - наклонный текст.

… - подчеркнутый текст.

… - надстрочный текст (10⁰⁰).

… - подстрочный текст (х_i).

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

 текст</ font > 

Название цвета на русском языке Значение как название цвета

черный Black

серебряный Silver

лимонный Lime

синий Blue

бирюзовый Teal

фуксия Fuchsia

голубой Aqua

бледно-зеленый Ccffcc

бледно-розовый Ffccff

зеленый Green

серый Gray

оливковый Olive

белый White

желтый Yellow

Maroon

красный Red

пурпурный Purple

Fuchsia

Параметры тега <body>:

bgcolor =blue/green/yellow – цвет фона,

text =red/white – цвет текста

link =blue – цвет ссылки

vlink - цвет просмотренной ссылки.

Пример использования:

цвет фона – серебряный, цвет текста – пурпурный, цвет ссылок – черный.

2.2.Структурирование текста

… - абзац (параграф). Имеет параметры: align=right/left/center/justify – задается выравнивание абзаца (параграфа) по правому краю, по левому, по центру, по ширине окна браузера.

текст абзаца

<blockquote>…</blockquote> - увеличенный отступ (8 позиций) у выбранного абзаца.

<Hn>…</Hn> - заголовок, где n - уровень заголовка (всего от 1 до 6).

- разрыв строки.

<marquee>…</marquee> - бегущая строка

<hr size=4 width=80% align=center> - горизонтальная линия толщиной 4 пиксела, длиной – 80% от ширины окна браузера, с выравниванием по центру окна.

<center> ……</center> - выравнивание любого объекта по центру окна браузера

2.3. Списки

Нумерованные списки

1. Список из

2. Нумерованных

3. Элементов

<ol>

<li> Список из </li>

<li> Нумерованных</li>

<li>Элементов</li>

</ol>

Параметры:

type – тип номера списка, start =n – начало нумерации элементов списка:

type=1 | A | a | I | i

1 A a I i

2 B b II ii

Маркированные списки

· Список из

· Маркированных

· Элементов

<ul>

<li> Список из </li>

<li> Маркированных</li>

<li>Строчек</li>

</ul>

Параметры:

type – тип маркера списка:

· disc

o circle

§ square

Вложенные списки

Q Совет директоров

q Генеральный директор

Q Правление

q Дирекция по производству

<ul type=square>

<li> Совет директоров

<ul type=square >

<li> Генеральный директор

</ul>

<li> Правление

< ul type=square >

<li> Дирекция по производству

</ul>

</ul>

2.4. Форматирование изображений

Параметры:

vspace – задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях (pixel – минимальная единица изображения, точка).

hspace – тоже задает расстояние между текстом и рисунком, но по горизонтали. alt – краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд выскочит описание картинки.

width – ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки.

height – высота самой картинки (тоже в пикселях).

border – рамка вокруг самой картинки (в пикселях).

alt – альтернативный текст, отображаемый браузером на стадии загрузки изображения.

Пример:

2.5. Таблицы

Таблица – это набор строк и столбцов. Ячейки таблицы могут содержать любые элементы.

Таблица: <table>…</table>

Строка таблицы: <tr>…</tr>

Ячейка таблицы: <td>…</td>

Заголовок таблицы: <th>…</th>

Подпись таблицы: <caption>…</caption>

(версия браузера IE 6.0 позволяет не указывать закрывающих тегов ячеек, строк).

Атрибуты таблицы:

· Ширина, высота таблицы, ячейки: width, height

· Рамка вокруг таблицы: border

· Выравнивание текста: align

· Объединение ячеек по горизонтали: colspan =n, где n – количество объединяемых ячеек

· Объединение ячеек по вертикали: rowspan =n, где n – количество объединяемых ячеек

· Расстояние между ячейками: cellspacing

· Расстояние от границы ячейки до текста: cellpadding.

Например:

Среднее значение

Рост Вес

Мужчины

Женщины

<table border=3>

<tr><td rowspan=2><th colspan=2 align=center>Среднее значение

<tr align=center ><th>Рост<th >Вес

<tr ><td>Мужчины<td align=center >174

<td align=center>78

<tr ><td>Женщины<td align=center >156<td align=center>56

</table>

2.6. Гиперссылки

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

Пусть есть файл zadanie2.html на диске R:

< a href =”R:\zadanie2.html” title=”Моя ссылка”> ссылка на документ zadanie2.html < /a >

Параметр title определяет подсказку, возникающую при наведении мышки на ссылку.

<a href="http://www.melody.ru/"> музыкальный сайт </a>

Это означает, что в указанном каталоге есть файл вроде index.html, который загрузится по умолчанию.

<a href="big.jpg" target="_blank"> <img src="small.jpg"> </a>

Рисунок small.jpg является ссылкой на файл big.jpg, причем target="_blank" - указывает на то, что документ, на который ведет ссылка, откроется в новом окне браузера.

<a href="mailto:[email protected]/"> мой почтовый ящик </a>

Организация ссылки с вызовом почтовой программы. Адрес почтового ящика будет прописан в адресной строке.

2.7. Фреймы (кадры)

Фреймы позволяют разбивать Web-страницы на множественные скроллируемые подокна, (т.е. имеющие полосу прокрутки). Каждое подокно может иметь свойства:

URL, позволяющий загружать его независимо от других фреймов;

name – собственное имя, позволяющее переходить к нему из другого фрейма;

Размер фрейма может быть изменен пользователем прямо на экране.

Формат документа, использующего фреймы:

<HTML><HEAD>....</HEAD>

<FRAMESET COLS=N|ROWS=N>

<FRAME SRC=”url1”>

<FRAME SRC=”url2”>

.........

</FRAMESET></HTML>

ROWS | COLS – взаимоисключающие параметры, определяющие список горизонтальных (ROWS) / вертикальных (COLS) подокон. Величина N может задаваться фиксированным числовым значением, либо в процентах от 1 до 100.

Например, <FRAMESET COLS=100,200,*> – описывает разбивку окна на три вертикальных фрейма, первый шириной 100 точек, второй шириной 200 точек, третий – оставшееся пространство.

<FRAME SRC=”URL1” [NAME=”FRAME_NAME”] [MARGINWIDTH=”NW”] [MARGINHEIGHT=”NH”] [SCROLLING=YES|NO|AUTO] [NORESIZE]>

SRC – описывает полный путь файла, который будет отображен внутри данного фрейма. Если отсутствует – будет отображен пустой фрейм.

NAME – описывает имя фрейма. Обязательно должно начинаться с символа. Содержимое поименованных фреймов может быть задействовано из других документов при помощи специального атрибута TARGET.

Например, <A HREF=”MYDOC.HTML” TARGET=”win1”> позволит открыть файл MYDOC.HTML в окне с именем win1.

MARGINWIDTH – задает величину разделительных полос между фреймами сбоку. Задается в пикселях.

MARGINHEIGHT – задает величину нижних и верхних разделительных полос.

SCROLLING – позволяет задавать наличие полос прокрутки у фрейма.

NORESIZE – создание фрейма без возможности изменения размеров.

Пример: создать следующий вариант расположения документов:

<html><head><title>Контрольная работа</title>

<frameset rows="100,*,150">

<frame src="logo.html">

<frame src="content.html" name=”window1”>

<frame src="menu.html">

</frameset>
</head></html>

Список рекомендуемой литературы

1. Левчук, Е.А. Технология организации, хранения и обработки данных: учебное пособие /Е.А.Левчук. – Мн.:Выш.шк., 2005.- 239 с.

2. Голицына, О.Л. Информационные технологии: Учебник/ Голицына О.Л., Максимов Н.В., Партыка Т.Л., Попов И.И. – М.: ФОРУМ: ИНФРА-М, 2006. – 544 с.- (Профессиональное образование)

3. Филиппова, Г.Т. Информатика в школе: создание веб-страниц в теории и на практике. Учебное пособие/ Филиппова Г.Т, Терещук В.А., Садилова М.В. - Минск: Аверсэв, 2008. – 108с.

4. Матросов, А.В. HTML 4.0/ Матросов А.В, Сергее А.О., Чаунин М.П. - Спб: БХВ-Петербург, 2004.-672с.

5. Голицына, О.Л. Информационные технологии. Учебник (Профессиональное образование) / О.Л.Голицына, И.И.Попов, Н.В.Максимов, Т.Л.Партыка - М.: ФОРУМ. ИНФА-М, 2006.- 544 с

6. Шатунова, О.В.. Информационные технологии: Учебное пособие/ О.В. Шатунова - Елабуга: Изд-во ЕГПУ, 2007. – 77 с

7. Левчук, Е.А. Современные компьютерные офисные технологии/ Е.А.Левчук, В.В.Бондарева, С.М.Мовшович, Т.В.Астапкина, С.Г.Яковук - Минск: РИПО, 2012.- 367 с.

Дополнительная литература

1. Карпович, С.Е. Прикладная информатика: Учебное пособие/С.Е.Карпович, И.В.Дайняк - МН.: Вышэйшая школа», 2001. -326 с.

2. Прикладная информатика: Учебное пособие/А.Н.Морозевич, А.М.Зеневич, Е.В.Хандохина - МН.: Вышэйшая школа», 2003. -335 с.

3. Симонович, С.В. Практическая информатика: Учебное пособие для средней школы. Универсальный курс/ Симонович С.В, Евсеев Г.А. – М.: АСТ-ПРЕСС КНИГА: Инфорком-Пресс, 2002. – 480 с.

4. Симонович, С.В. Специальная информатика: Учебное пособие. / Симонович С.В, Евсеев Г.А., Алексеев А.Г. – М.: АСТ-ПРЕСС КНИГА: Инфорком-Пресс, 2002. – 480 с.

5. Инструкция по технике безопасности при работе в компьютерном классе

6. Колисниченко, Д. Новейший самоучитель компьютера и Интернет/ Денис Колисниченко. – М.: АСТ; СПб.:ПРАЙМ-ЕВРОЗНАК, 2008. – 633 с.

7. Левин, А.Ш. Самоучитель работы на компьютере. 10 –е изд. – СПб.: Питер, 2010. – 672 с.

⇐ Предыдущая 1 2 3 4 56

Поделиться с друзьями:

Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьшения длины пробега и улучшения маневрирования ВС при...

Биохимия спиртового брожения: Основу технологии получения пива составляет спиртовое брожение, - при котором сахар превращается...

История развития хранилищ для нефти: Первые склады нефти появились в XVII веке. Они представляли собой землянные ямы-амбара глубиной 4…5 м...

Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...

Название цвета на русском языке	Значение как название цвета
черный	Black
серебряный	Silver
лимонный	Lime
синий	Blue
бирюзовый	Teal
фуксия	Fuchsia
голубой	Aqua
бледно-зеленый	Ccffcc
бледно-розовый	Ffccff
зеленый	Green
серый	Gray
оливковый	Olive
белый	White
желтый	Yellow
	Maroon
красный	Red
пурпурный	Purple
	Fuchsia

	Среднее значение
Рост	Вес
Мужчины
Женщины