- •Cоздание эталонныхweb-страниц
- •Лабораторная работа №2. Усложненные структуры текста на
- •Классы решаемых задач в офисе
- •"Финансы и статистика"
- •Процедуры и функции
- •Экономическая информация
- •Аналитическая модель
- •Лабораторная работа №3. Самостоятельная работа
- •Лабораторная работа №4. Контрольная работа
- •Лабораторная работа №5.
- •Список определений
- •1С: Бухгалтерия
- •1С: Торговля
- •1С: Склад
- •Вложенные маркированные списки
- •Часть II
- •Лабораторная работа №8. Cоздание и использование таблиц
- •Лабораторная работа №9. Контрольная работа
- •Выравнивание, отступы, рамки
- •Выравнивание, заголовки и подтаблицы демонстрация mножественных строк в таблице
- •Задание ширины таблицы ширина 50%
- •Лабораторная работа №10. Использование графики
- •Метка простого изображения
- •Что такое парадигма?
- •Выравнивание изображений
- •Лабораторная работа №11. Самостоятельная работа
- •Лабораторная работа №12. Гипертекстовые ссылки
- •Текстовые ссылки
- •Задание цветов фона, текста и ссылок
- •Обрамление графических ссылок
- •Лабораторная работа №13. Cоздание и использование форм
- •Использование форм
- •Лабораторная работа №14.
- •Моделирование потоков данных
- •Подсистема
- •Лабораторная работа №15. Cоздание и использованиефреймов
- •Контрольная работа №16. Cоздание и использованиефреймов
- •Приложение 1
- •Приложение 2
Текстовые ссылки
Текстовые ссылки позволяют щелчком мышки по выделенному слову или фрагменту перейти к другому файлу. Эта возможность называется гипертекстом. Ссылки выделяются цветом или подчеркиванием (как настроен браузер).
Перед именем файла укажите открывающий тег <A HREF= >. <A > - тег, который является "якорем", а HREF – атрибут, определяющий гипертекстовую ссылку.
Укажите в кавычках имя файла, на который вы хотите сослаться.
Между символами > и < поместите текст, на котором будут делать щелчок мышкой.
В конце текста поставьте закрывающий тег якоря </A>
Пример:
<A HREF="color.html" >Щелкните по этой ссылке</A>
Щелкните по этой ссылке.
Создать Web – страницу следующего содержания (WW2.html):
Задание цветов фона, текста и ссылок
При изображении фона, текста и ссылок (просмотренных и непросмотренных) браузеры используют цвета, установленные по умолчанию. Фон обычно бывает серым и белым. Текст – черным. Цвет фона, текста и ссылок устанавливается в начале файла HTML в теге <BODY…>. Цвет задается как композиция красной, зеленой и синей составляющих в шестнадцатеричном представлении. Цвет можно задавать не только числом, но и по названию. Названия и коды наиболее распространенных цветов приведены в приложении_2. Нужно учитывать, что графика с прозрачным фоном выглядит не очень хорошо, когда ложится на темный фон страницы.
Откройте тег <BODY….>
Задайте атрибуты BGCOLOR=(цвет фона), TEXT=(цвет текста), LINK=(цвет не просмотренных ссылок), VLINK=( цвет просмотренных ссылок). Пример: <BODY BGCOLOR="303030" TEXT="#807060" LINK="BLUE" VLINK="GREEN">
Создать Web – страницу следующего содержания (WW3.html): Графические ссылки
Графические ссылки позволяют щелкнуть на изображении к другому файлу. Они упрощают работу с документом. Графические ссылка выделяется рамкой, цвет которой зависит от параметров настройки броузера. Для того, чтобы сделать графическую ссылку, надо набрать тот же код, что и для текстовой ссылки. Но в том месте где стоял, выделенный для ссылки гипертекст, поставьте графическое изображение, на котором будет производиться щелчок. Пример:
<A href="cat.html"><img src="example01.jpg"></A>
cat.html Щелкните по картинке и увидите фотографию моей кошки.
Создать Web – страницу следующего содержания (WW4.html):
Обрамление графических ссылок
Браузеры показывают обычные картинки без рамок, а графические ссылки – в рамках. Однако этим можно управлять. Толщина рамок измеряется в пикселях.
Пример:
<IMG SRC="examp.jpg" BORDER=5>
Сделайте обрамление графической ссылки без рамки, с рамкой, толщина рамки 5 пикселей.
Создать Web – страницу (main.html), в которой не менее 8 ссылок:
4 ссылки будут внешние(WW1.html-WW4.html), 2 внутренние, в которых есть еще ссылки.
Лабораторная работа №13. Cоздание и использование форм
Цель:
научиться публиковать данные с помощью форм;
уметь создавать следующие виды форм: переключатель, флажок, список;
самостоятельно освоить возможность использования таблиц для макетирования общего интерфейса сайта.