
- •Разработка web-страниц на основе html-кода
- •650992, Г. Кемерово, пр. Кузнецкий, 39
- •Cоздание эталонных web-страниц
- •Выбрать пункт меню File-New
- •Продолжаем работать с созданной Web-страницей:
- •Продолжаем работать с созданной Web-страницей:
- •Продолжаем работать с созданной Web-страницей:
- •Создать свою Web-страницу (наполнение может быть любое, тема ваша):
- •Лабораторная работа №2 усложненные структуры текста на
- •Создать Web-страницу с использованием метки цитирования для следующего фрагмента:
- •Классы решаемых задач в офисе.
- •"Финансы и статистика"
- •Процедуры и функции
- •Экономическая информация
- •Экономическая система Элемент системы
- •Лабораторная работа №3 самостоятельная работа
- •Лабораторная работа №4 контрольная работа
- •Лабораторная работа №5 работа со списками
- •Список определений
- •1С: Бухгалтерия
- •1С: Торговля
- •1С: Склад
- •Часть I.
- •Часть II
- •Лабораторная работа №7 cоздание таблиц
- •Лабораторная работа №8 cоздание и использование таблиц
- •Лабораторная работа №9 контрольная работа
- •Выравнивание, отступы, рамки
- •Выравнивание, заголовки и подтаблицы демонстрация mножественных строк в таблице
- •Задание ширины таблицы ширина 50%
- •Лабораторная работа №10 использование графики
- •Метка простого изображения
- •Что такое парадигма?
- •Выравнивание изображений
- •Лабораторная работа №11 самостоятельная работа
- •Лабораторная работа №12 гипертекстовые ссылки
- •Определение связи в пределах Web – страницы.
- •Определение связи с другой Web – страницей.
- •Определение связи с другой Web – страницей.
- •Текстовые ссылки
- •Задание цветов фона, текста и ссылок
- •Обрамление графических ссылок
- •Лабораторная работа №13 cоздание и использование форм
- •Использование форм
- •Моделирование потоков данных
- •Подсистема
- •Лабораторная работа №15 cоздание и использование фреймов
- •Контрольная работа №16 cоздание и использование фреймов
Контрольная работа №16 cоздание и использование фреймов
Цель:
уметь создавать сложные фреймовые структуры с различными параметрами;
научиться применять в HTML документах фреймы;
освоить основные приемы работы с фреймовскими структурами.
ФРЕЙМЫ
Создать Web – страницу, имеющую фреймовую структуру.
Использовать все допустимые атрибуты.
Для каждого документа сделать свой фон.
1.1. Сохранить страницу под именем frem7.html
1.2 Сохранить под именем frаmsam.html.
Просмотреть страницу с помощью браузера Internet Explorer.
Защитить лабораторную работу у преподавателя.
Приложение 1
Инструментальные панели HTML
New – новый
Open – открыть
Save – сохранить
Cut – вырезать
Copy – копировать
Paste – вклеить
Undo – отменить
Redo – восстановить
Find – найти
Find Next – найти следующий
Check spelling – проверить орфографию
Tesaurus – тезаурус
Show/Hide Tags – показать/скрыть метки
Insert Element – вставить элемент
Remove Tags – удалить элемент
Validate SGML – подтвердить правильность SGML
Insert Table – вставить таблицу
Abbut – информация о…
Средняя панель
Heading 1 – заголовок 3 уровня
Heading 2 – заголовок 2 уровня
Heading 3-6 – заголовки 3-6 уровней
Emphasis – акцент
Strong – сильный акцент
Paragraph – абзац
Block quote – блок в кавычках
Address – адрес
Unordered list – неупорядоченный список
Ordered list – упорядоченный список
Definition list – список определений
Definition term – термин определения
Definition description – описание определения
Image – изображение
Break – обрыв строки
Horizontal rule – горизонтальная линейка
Anchor – якорь
Connect link – установить связь
Name tagert – имя объекта назначения
Нижняя панель
Preformatted – предварительно форматированный
Code elements – элементы кода
Italic – курсив
Bold – жирный шрифт
Tele Type – телетайп
Citation – цитата
Head Elements – элементы заглавия
Form Elements – элементы формы
Other lists – другие списки
ISINDEX – есть индекс
Extensions to HTML 2.0 – расширения HTML 2.0
Insert comments – вставить комментарии
Spesial characters – спецсимволы
Названия кодов и цветов |
||
RGB - код |
аНГЛИЙСКОЕ НАЗВАНИЕ |
рУССКОЕ НАЗВАНИЕ |
#FFFFFF |
WHITE |
белый |
#FF0000 |
RED |
красный |
#FFFF00 |
YELLOW |
желтый |
#00FF00 |
LIME |
светло-зеленый |
#00FFFF |
AQUA |
бирюзовый |
#0000FF |
BLUE |
синий |
#FF00FF |
FUCHSIA |
фуксиновый |
#A52A2A |
BROUN |
коричневый |
#000000 |
BLACK |
черный |
#008000 |
GREEN |
зеленый |
#800000 |
MAROON |
каштановый |
#808000 |
OLIVE |
оливковый |
#800080 |
PURPLE |
пурпурный |
#C0C0C0 |
SILVER |
серебристый |
#808080 |
GRAY |
серый |
#008080 |
TEAL |
сизый |
#000080 |
NAVY |
ультрамарин |
Приложение 2
Не все браузеры отображают полный набор символов, однако большинство из них позволяют переключать кодировку, либо связывать с кодировкой соответствующий шрифт.
Кодировка символов в HTML |
||
код символа и описание |
цифровой код символа |
символический код |
0-8 |
� -  |
|
9 горизонтальная табуляция |
	 |
|
10 перевод строки |

 |
|
32 пробел |
  |
|
33 факториал |
! |
|
34 кавычки |
" |
" |
35 знак номера |
# |
|
36 знак доллара |
$ |
|
37 знак процента |
% |
|
38 амперсанд |
& |
|
39 апостроф |
' |
& |
40 круглая открывающая скобка |
( |
|
41 круглая закрывающая скобка |
) |
|
42 звездочка |
* |
|
43 плюс + |
+ |
|
44 запятая |
, |
|
45 дефис |
- |
|
46 точка |
. |
|
60 открывающий тег < |
< |
< |
62 закрывающий тег > |
> |
> |