Вложенные маркированные списки
· Глава 1
· Глава 2
· Глава 3
Постановка задачи
Блок-схема алгоритма
§ Программа и её описание
Контрольный пример
· Глава 4
· Глава 5
11.3 Сохранить страницу под именем d5.html.
11.4 Просмотреть страницу с помощью браузера
Internet Explorer.
12. Добавить на Web-страницу вложенные комбинированные списки:
Вложенные комбинированные списки
Галактика
БЭСТ
3. 1С: Предприятие
· 1С: Бухгалтерия
· 1С: Торговля
· 1С: Склад
· 1С: Заработная плата
Турбо-бухгалтер
Инфо-бухгалтер.
12.1 Сохранить страницу под именем d5.html.
12.2 Просмотреть страницу с помощью браузера Internet Explorer. Защитить лабораторную работу у преподавателя под именем d5_ФИО.html.
Лабораторная работа №6
САМОСТОЯТЕЛЬНАЯ РАБОТА
Цель: свободное ориентирование в тэгах, примененных в
лабораторной работе №5;
Часть I.
1. Создать Web-страницу следующего образца:
А) вариант №1
Списки.
Тэги списков (синий цвет)
Существует три основных вида списков в HTML-документе:
- пронуменрованный
- непронуменрованный
- список описаний
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от браузера. Более подробно смотри в разделе "Вложенные списки".
Пронумерованные списки (цвет синий)
В пронумерованном списке браузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:
<OL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Тэг <OL> может иметь параметры:
<OLTYPE=A|a|I|i|1 START=n> где:
TYPE
Вид счетчика:
- A - большие латинские буквы (A,B,C...)
- a - маленькие латинские буквы (a,b,c...)
- I - большие римские цифры (I,II,III...)
- i - маленькие римские цифры (i,ii,iii...)
- 1 - обычные цифры (1,2,3...)
START=n
Число, с которого начинается отсчет
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Б) вариант №2
Непронумерованные списки
Для непронумерованных списков браузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь браузера.
Пронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:
<UL>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
- Программирование
- Алгоритмизация
- Проектирование
Тэг <UL> может иметь параметр:
<ULTYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
<UL TYPE=square>
<LI> Программирование
<LI> Алгоритмизация
<LI> Проектирование
</UL>
n Программирование
n Алгоритмизация
n Проектирование
В) вариант №3
Вложенные списки
Дадим пример вложенных списков:
<HTML>
<HEAD>
<TITLE> Список студентов </TITLE>
</HEAD>
<BODY>
<H2> Список студентов нашей группы </H2>
<H3> Составлено: 22 сентября 2011 года </H3>
Данный список содержит фамилии и имена всех студентов нашей группы. <P>
Список представлен в деканат. <P>
<OL>
<LI> Первая подгруппа
<UL>
<LI> Ф.И.О
<LI> Ф.И.О
</UL>
<LI> Вторая подгруппа
<UL>
<LI> Ф.И.О
<LI> Ф.И.О
</UL>
</OL>
</BODY> </HTML>
Вот, что вы увидите на экране браузера:
Список студентов нашей группы
Составлено: 22 сентября 2011 года
Данный список содержит фамилии и имена всех студентов нашей группы.
Список представлен в деканат.
- Первая подгруппа
- Вторая подгруппа
- Ф.И.О
- Ф.И.О
Г) вариант №4
Элемент списка <LI>
Тэг <LI> может иметь параметры:
<OLTYPE=disc|circle|squade> или <OLTYPE=A|a|I|i|1 VALUE=n>
в зависимости от того, в списке какого вида находится данный элемент.
TYPE
Вид маркера (см. <UL>) или счетчика (см.OL)
VALUE=n
Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
Например:
<OL TYPE=I START=15>
<LI> Программирование
<LI TYPE=i VALUE=25> Алгоритмизация
<LI> Проектирование
</OL>
- Программирование
- Алгоритмизация
- Проектирование
Список определений
Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>. Например:
<DL>
<DT> <B> Отдел маркетинга </B>
<DD> Данный отдел занимается продвижением продуктов и услуг
<DT> <B> Финансовый отдел </B>
<DD> Данный отдел занимается всеми финансовыми операциями
<DT> <B> Отдел кадров </B>
<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.
</DL>
Отдел маркетинга
Данный отдел занимается продвижением продуктов и услуг
Финансовый отдел
Данный отдел занимается всеми финансовыми операциями
Отдел кадров
Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.
2. Сохранить документ под именем v_N.html, где N – номер варианта.
Часть II
А) вариант №1
| ЭКОНОМИЧЕСКИЙ Факультет |
СПЕЦИАЛЬНОСТИ:
· 080109-БУХГАЛТЕРСКИЙ УЧЕТ, АНАЛИЗ И АУДИТ
СПЕЦИАЛИЗАЦИЯ:
- бухгалтерский учет, анализ и аудит в коммерческих организациях (кроме банков и других финансово-кредитных организаций).
КВАЛИФИКАЦИЯ:
- экономист.
· 080105-ФИНАНСЫ И КРЕДИТ
СПЕЦИАЛИЗАЦИИ:
- финансовый менеджмент;
- банковское дело;
- страхование.
КВАЛИФИКАЦИЯ:
- экономист.
· 080801-ПРИКЛАДНАЯ ИНФОРМАТИКА (В ЭКОНОМИКЕ)
СПЕЦИАЛИЗАЦИЯ:
- корпоративные экономические информационные системы
КВАЛИФИКАЦИЯ:
- информатик - экономист.
Лица, имеющие среднее профессиональное образование по компьютерной специализации, принимаются в институт на обучение в сокращенные сроки (3 года) по очнойформе обучения на договорной основе.
Б) вариант №2
Факультет
ВНЕШНЕЭКОНОМИЧЕСКОЙ
ДЕЯТЕЛЬНОСТИ (ВЭД)
СПЕЦИАЛЬНОСТЬ:
· 080102-МИРОВАЯ ЭКОНОМИКА
(только на очном отделении)
СПЕЦИАЛИЗАЦИИ:
- внешнеэкономическая деятельность предприятий и фирм;
- экономика международного туризма.
КВАЛИФИКАЦИЯ:
- экономист.
В) вариант №3
| Факультет КОММЕРЦИИ И МАРКЕТИНГА |
СПЕЦИАЛЬНОСТИ:
· 080301-КОММЕРЦИЯ (ТОРГОВОЕ ДЕЛО)
СПЕЦИАЛИЗАЦИЯ:
- организация коммерции;
- коммерция в сфере туризма.
КВАЛИФИКАЦИЯ:
- специалист коммерции.
· 080401 -ТОВАРОВЕДЕНИЕ И ЭСПЕРТИЗА ТОВАРОВ (товароведение, экспертиза и оценка товаров во внутренней и внешней торговле)
СПЕЦИАЛИЗАЦИИ:
- товароведение и экспертиза продовольственных товаров;
- товароведение и экспертиза непродовольственных товаров;
КВАЛИФИКАЦИЯ:
- товаровед-эксперт.
· 080111 -МАРКЕТИНГ
СПЕЦИАЛИЗАЦИЯ:
- маркетинг в торговле;
- маркетинг туристических услуг.
КВАЛИФИКАЦИЯ:
- маркетолог.
· 032401 -РЕКЛАМА
КВАЛИФИКАЦИЯ:
- специалист по рекламе.
· 100100 -СЕРВИС
КВАЛИФИКАЦИЯ:
- бакалавр сервиса.
| ЮРИДИЧЕСКИЙ факультет |
· 030501 - ЮРИСПРУДЕНЦИЯ
СПЕЦИАЛИЗАЦИЯ:
- гражданско-правовая.
КВАЛИФИКАЦИЯ:
- юрист.
Г) вариант №4
| Факультет МЕНЕДЖМЕНТА |
СПЕЦИАЛЬНОСТИ:
· 080507-МЕНЕДЖМЕНТА ОРГАНИЗАЦИИ
СПЕЦИАЛИЗАЦИЯ:
- менеджмент торговых предприятий.
КВАЛИФИКАЦИЯ:
- менеджер.
· 080505-УПРАВЛЕНИЕ ПЕРСОНАЛОМ
КВАЛИФИКАЦИЯ:
- менеджер.
· 080502- ЭКОНОМИКА И УПРАВЛЕНИЕ НА ПРЕДПРИЯТИИ
(в торговле)
СПЕЦИАЛИЗАЦИИ:
- экономика и управление на предприятии торговли;
- экономика и управление на предприятии туризма;
КВАЛИФИКАЦИЯ:
- экономист-менеджер.
· 080502- ЭКОНОМИКА И УПРАВЛЕНИЕ НА ПРЕДПРИЯТИИ
(операции с недвижимым имуществом)
СПЕЦИАЛИЗАЦИИ:
- экономика и управление на предприятии торговли;
- экономика и управление на предприятии туризма;
КВАЛИФИКАЦИЯ:
- экономист-менеджер.
Лабораторная работа №7
CОЗДАНИЕ ТАБЛИЦ
Цель:
- научиться публиковать данные в табличной форме;
- уметь создавать сложные таблицы: различные виды ячеек, выравнивание данных в ячейках, расстояния между отдельными ячейками, положение самой таблицы на странице и т.д.;
- самостоятельно освоить возможность использования таблиц для макетирования общего интерфейса сайта.
1. Создать Web – страницу с использованием таблицы из 4 столбцов и 3 строк:
Простая таблица
1.1 Сохранить страницу под именем tab1.html.
1.2 Просмотреть страницу с помощью браузера
Internet Explorer.
2. К таблице, созданной в п.1 добавить границы:
Простая таблица
2.1 Сохранить таблицу под именем tab1.html.
2.2 Просмотреть страницу с помощью браузера
Internet Explorer.
3.
 |
Добавить таблицу в виде одной ячейки:
3.1 Сохранить таблицу под именем tab1.html.
3.2 Просмотреть страницу с помощью браузера
Internet Explorer.
4. Добавить следующую таблицу.
| Наименование | Количество | Цена |
| Ананасы | ||
| Виноград | ||
| Персики |
Использовать атрибуты горизонтального выравнивания:
1 столбец – влево, 2 столбец – по центру, 3 столбец – вправо.
4.1 Сохранить таблицу под именем tab1.html.
4.2 Просмотреть страницу с помощью браузера
Internet Explorer.
5. В таблице созданной в п.4 выделить строки таблицы разными цветами.
5.1 Сохранить таблицу под именем tab1.html
5.2 Просмотреть страницу с помощью браузера
Internet Explorer.
6. Создать Web – страницу с использованием таблицы:
Портфельные инвестиции
| Виды бумаг | Портфель АН | Портфель КИ |
| Акции | ||
| Облигации | ||
| Ценные бумаги |
6.1 Сохранить таблицу под именем tab1.html
6.2 Просмотреть страницу с помощью браузера
Internet Explorer.
7. Добавить на Web – страницу следующую таблицу:
Расписание занятий
| Время | понедельник | вторник | среда | четверг | пятница |
| 9:00 | Математика | информатика | ЭТ | Логика | |
| 11:00 | история | Ин.язык | Математика | Физкультура | |
| 13:00 | Ин. язык | ЭТ | история | Культурология |
7.1 Сохранить таблицу под именем tab1.html.
7.2 Просмотреть страницу с помощью браузера
Internet Explorer.
8.Добавить на Web – страницу следующую таблицу:
Расписание занятий
| Время | Понедельник | вторник | среда | четверг | пятница |
| 9:00 | Математика | История | ЭТ | Ин. язык | Информатика |
| 11:00 | Физ-ра | Логика | |||
| 13:00 | Ин. язык | Культурология |
8.1 Сохранить таблицу под именем tab1.html.
8.2 Просмотреть страницу с помощью браузера
Internet Explorer.
9. Добавить следующую таблицу:
Эффективность использования основных фондов
| Показатель | Прошлый год | Отчётный год |
| Выручка | ||
| Стоимость ОФ | ||
| Фондоотдача ОФ | 1.36 | 1.48 |
| Фондоёмкость продукции | 0.73 | 0.67 |
9.1 Сохранить таблицу под именем tab1.html
9.2 Просмотреть страницу с помощью браузера
Internet Explorer.
10. Добавить на Web – страницу таблицу вида:
Реализации продукции
| Наименование товара | Количество | Цена |
| Бананы | ||
| Огурцы | ||
| Яблоки | ||
| Апельсины |
10.1 Сохранить таблицу под именем tab1.html
10.2 Просмотреть страницу с помощью браузера
Internet Explorer.
11. Добавить следующую таблицу:
Структура института
| Факультеты | |||
| Коммерции | Менеджмента | Учётно финансовый | ВЭД |
Использовать атрибуты вертикального выравнивания:
1 столбец – по верхней границе ячейке, 2 столбец – по центру, 3 столбец – по нижней границе ячейки.
11.1 Сохранить таблицу под именем tab1.html.
11.2 Просмотреть страницу с помощью браузера
Internet Explorer.
12. Добавить на Web – страницу следующую таблицу:
РГТЭУ- В БУДУЩЕМ УВЕРЕНЫ!
Специальности и направления подготовки
| Коммерция (торговое дело) | |
| Товароведение и экспертиза товаров (товароведение, экспертиза и оценка товаров во внутренней и внешней торговле) | |
| Маркетинг | |
| Реклама | |
| Бухгалтерский учет, анализ и аудит | |
| Финансы и кредит | |
| Прикладная информатика (в экономике) | |
| Мировая экономика | |
| Менеджмент организации | |
| Управление персоналом | |
| Экономика и управление на предприятии (в торговле) | |
| Экономика и управление на предприятии (операции с недвижимым имуществом) | |
| Юриспруденция | |
| Сервис |
Фон первого столбца – синий, 2-го светло-серый.
12.1 Сохранить таблицу под именем tab1.html.
12.2 Просмотреть страницу с помощью браузера
Internet Explorer. Защитить лабораторную работу у
преподавателя.
Лабораторная работа №8
CОЗДАНИЕ И ИСПОЛЬЗОВАНИЕ ТАБЛИЦ
Цель:
- научиться публиковать данные в табличной форме;
- уметь создавать сложные таблицы: различные виды ячеек, выравнивание данных в ячейках, расстояния между отдельными ячейками, положение самой таблицы на странице и т.д.;
- самостоятельно освоить возможность использования таблиц для макетирования общего интерфейса сайта.
1. Создать Web - страницу с содержанием:
Табличная структура
| Ячейка заголовка (первая строка) | |
| Ячейка данных (вторая строка) | Вторая ячейка данных |
1.1 Сохранить страницу под именем str1.html.
1.2 Просмотреть страницу с помощью браузера
Internet Explorer.
2. Используя таблицу п.1, добавить следующие таблицы:
Таблица без рамок border =0
| Таблица с самой тонкой рамкой | Border=1 |
| Таблица с толстой рамкой | Border=7 |
2.1 Сохранить страницу под именем str1.html.
2.2 Просмотреть страницу с помощью браузера
Internet Explorer.
3. Добавить следующие таблицы:
Просвет между содержимым ячейки таблицы и ее границей:
| Таблица без просвета | Cellpadding=0 |
| Таблица с малым просветом | Cellpadding=5 |
| Таблица с большим просветом | Cellpadding=15 |
3.1 Сохранить страницу под именем str1.html.
3.2 Просмотреть страницу с помощью браузера
Internet Explorer.
4. Добавить на Web-страницу таблицы следующего содержания:
Зазор между ячейками:
| Таблица с минимальной шириной рамки ячеек | Атрибут отсутствует |
| Таблица с малой шириной рамки ячеек | Cellpadding=5 |
| Таблица с большой шириной рамки ячеек | Cellpadding=15 |
4.1 Сохранить страницу под именем str1.html.
4.2 Просмотреть страницу с помощью браузера
Internet Explorer.
5. Добавить на Web-страницу таблицы следующего содержания:
| Таблица с абсолютной шириной | Width=200 |
| Таблица с относительной шириной | Width=80 |
5.1 Сохранить страницу под именем str1.html.
5.2 Просмотреть страницу с помощью браузера
Internet Explorer.
6. Добавить таблицы следующего содержания:
Таблица с различным выравниванием по вертикали
| Строка таблицы с выравниванием по вертикали | Valign=top |
| Строка таблицы с выравниванием по вертикали | Valign=center |
| Строка таблицы с выравниванием по вертикали | Valign =bottom |
6.1 Сохранить страницу под именем str1.html.
6.2 Просмотреть страницу с помощью браузера
Internet Explorer.
7. Создать таблицу следующего содержания:
| Четыре строки | Строка 1 | Две строки | Одна ячейка /строка |
| Строка 2 | Три строки | ||
| Строка 3 | Еще Две строки | ||
| Строка 4 |
7.1 Сохранить страницу под именем str1.html.
7.2 Просмотреть страницу с помощью браузера
Internet Explorer.
8.Добавить на Web-страницу следующую таблицу:
Таблицы в HTML
| Организация расположения элементов документов на странице, отличного от линейного с трудом реализуется в HTML. В современных браузерах найден выход из сложившейся ситуации: в них предусмотрены дескрипторы для определения таблиц на HTML - страницах. | Внутри таких таблиц ячейки произвольного размера можно размещать в произвольных позициях, разрешается выход ячеек за рамки одной строки или колонки, выравнивание. |
8.1 Сохранить страницу под именем str1.html.
8.2 Просмотреть страницу с помощью браузера Internet Explorer. Защитить лабораторную работу у преподавателя.
Лабораторная работа №9
КОНТРОЛЬНАЯ РАБОТА
Цель:свободное ориентирование в тэгах, примененных в
лабораторной работе №7,8;
уметь создавать сложные таблицы: различные виды ячеек, вы-
равнивание данных в ячейках, расстояния между отдельными
ячейками, положение самой таблицы на странице и т.д.
- Создать Web-страницу следующего образца:
.ОБЫЧНАЯ ТАБЛИЦА 3X2
| A… | B… | C… |
| D | E | F |
ДВА ПРИМЕРА С ROWSPAN
| Item 1 | Item 2 | Item 3 |
| Item 4 | Item 5 |
| Item 1 | Item 2 | Item 3 | Item 4 |
| Item 5 | Item 6 | Item 7 |
ПРИМЕР С COLSPAN
| Item 1 | Item 2 | |
| Item 3 | Item 4 | Item 5 |
ДЕМОНСТРАЦИЯ ЗАГОЛОВКОВ (<TH>)
| Head1 | Head2 | Head3 |
| A | B | C |
| D | E | F |