Техник-программист Форма обучения – Очная 2016 г Содержание Тема Архитектуры информационных приложений. Взаимодействие типа «клиент-сервер»



жүктеу/скачать 1,48 Mb.
бет19/24
Дата11.05.2023
өлшемі1,48 Mb.
#176496
түріКонспект
1   ...   16   17   18   19   20   21   22   23   24
Байланысты:
лекции по web


жүктеу/скачать 1,48 Mb.

Достарыңызбен бөлісу:

Компания.



[
Новости |
Товары |
Услуги |
Контакты |
Поиск ]

Виды бытовой электроники предлагаемые Компани-ей








Контактная информация



  • Telephone (123) 12-34-56
  • FAX (123) 12-34-56
  • Почтовый адрес 123456 г. Город, ул Лесная, 106
      Электронная почта
    • Общая информация: abc@abc.su
    • Продажи: abc@abc.abc.su



Copyright © 1997 Компания

Таблица





то в ней две строки.






Если в таблице два тага
Если в стоке три тага то в ней три столбца.















В этой строке пять столбцов
а в этой только три.









Заголовок над таблицей
Текст или данные Текст или данные Текст или данные Текст или данные









Заголовок под таблицей
Текст или данные Текст или данные Текст или данные Текст или данные











Если вы хотите сделать какую-нибудь ячейку шире, чем верхняя или нижняя,

можно воспользоваться атрибутом СОLSPAN=,

чтобы растянуть ее над любым количеством обычных ячеек.





Текст или данные - ширина 100%

или




Текст или данные - ширина 50%

или




Текст или данные - ширина 200 пикселей

или




Текст или данные - ширина 100 пикселей













Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные












Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные




























Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные



Атрибут VALIGN= осуществляет выравнивание текста и графики внутри ячейки по вертикали. . Вертикальное выравнивание может быть задано несколькими способами: VALIGN=ТОР Выравнивает содержимое ячейки по ее верхней границе.
VALIMG=МIDDLE Центрирует содержимое ячейки по вертикали.
VALIGN=ВОТТОМ Выравнивает содержимое ячейки по ее нижней границе.
Пример 18




























Атрибут VALIGN= осуществляет выравнивание текста и
графики внутри ячейки по вертикали.
верх, середина, низ.
VALIGN=ТОР Выравнивает содержимое ячейки по ее верхней границе.
верх, верх, верх.
VALIGN=МIDDLE Центрирует содержимое ячейки по вертикали.
середина, середина, середина.
VALIGN=ВОТТОМ Выравнивает содержимое ячейки по ее нижней границе.
низ, низ, низ.














Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные












Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные Текст или данные












Текст или данные Текст или данные Текст или данные
Текст или данные Текст или данные



Приятное свойство таблиц состоит в том, что если вы захотите, то можете сделать их границы невидимыми. Это позволяет с помощью тага <ТАВLЕ> красиво размещать на странице текст и графику. До сих пор таг <ТАВLЕ> остается единственным мощным средством форматирования в HTML. Дизайнеры Web-страниц сейчас обладают практически такой же свободой использования <пустого пространства>, что и создатели печатных страниц. Таблицы в большей мере, чем что-либо другое, помогают отойти от иерархического размещения текста на Web-страницах.
Если броузер вообще поддерживает таблицы, он обычно правильно отображает наиболее интересные эффекты, полученные с помощью таблиц.
Пример 20








ПЕРФОРАТОР


Только сегодня!





Почти бесплатно!




Вы создали двойной фон - GIF и заданный цвет. В результате фоновый цвет будет виден на всех границах таблиц и горизонтальных линиях (<НR>). Вне зависимости от того, является ли ваш фоновый GIF серым или нет, цветные линии и границы таблиц будут заметно выделяться. Если фоновый GIF не слишком сложно устроен, время загрузки страницы лишь немного возрастет. На приведенном ниже примере показано какие, широкие возможности дает использование цвета в HTML и в частности в таблицах.
Пример 21












Как просверлить бетонную стену



ПЕРФОРАТОР


Только сегодня!






Почти бесплатно!





От 6 до 20 мм

Просверлим все


Компания.




  • Главная
  • Новости
  • Товары
  • Услуги
  • Контакты
  • Поиск




Заметим, что здесь ничего не говорится о фреймах. О них все сказано в фреймовой структуре. Единственное, о чем нужно позаботиться на каждой НТМL странице, появляющейся в фрейме, так это о том, где поместить ссылки, активирующие те или иные действия. В нашем примере, в левом фрейме, где находится оглавление, будет располагаться только одна страница. Мы хотим, чтобы при щелчке мышкой в левой странице ссылочный документ появлялся бы в правом фрейме main.


Подготовка фрейма main


Правый фрейм main будет содержать сами HTML-страницы. Ваша задача так их спроектировать, чтобы они хорошо смотрелись в меньшем, чем обычно, окне, потому что часть экрана будет занята левым кадром оглавления. Но больше эти страницы ничем не примечательны. Ниже приводится код для страницы, упомянутой первой в оглавлении ( html-pr2-4.html).
Пример 24


Главная страница


Компания.



Открытое акционерное общество Компания основанная
в 1996 году, является одним из ведущих поставщиков бытовой электроники
в России.



Основными направлениями деятельности Компании являются:

  1. реализация бытовой электроники ведущих фирм мира через сеть магазинов;
  2. создание сервисных центров по обслуживанию бытовой
    электроники.




Компания ищет агентов по сбыту бытовой
электроники.


Контактная информация


  • Telephone (123) 12-34-56
  • FAX (123) 12-34-56
  • Почтовый адрес 123456 г. Город, ул Лесная, 106
      Электронная почта
    • Общая информация: abc@abc.su
    • Продажи: abc@abc.abc.su



Copyright © 1997 Компания

Коментарии



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

Контактная информация































Имя
Тема
Компания
Адрес
Телефон
Факс
E-mail










ISTC.
Project RADLEG(#245)


RRC "Kurchatov Institute"
Dec, 25, 1995




Registration Form



......
Текст страницы.
.....













В данном примере в заголовок документа (контейнер HEAD) включен контейнер SCRIPT. До недавнего времени атрибут LANGUAGE в этом контейнере не являлся обязательным. Но с момента появления VBSCRIPT смысл в указании типа языка появился - Navigator не понимает скриптов на других языках. Отсутствие атрибута может привести к ошибкам при отображении гипертекстовых страниц.
Далее в тексте страницы определен комментарий, в который включен текст скрипта. Начинается комментарий со строки:
The JavaScript Functions Definition
и кончается строкой:
// The end of JavaScript Functions Definition -->
Внутри контейнера скрипта определены две функции пользователя: help_win() и main_menu(). Смысл этих функций достаточно прозрачен. Help_win() предназначена для организации контекстно зависимого help, а main_menu() осуществляет допуск пользователя к главному меню Website. Обе функции используют один и тот же метод open (встроенную в JavaScript функцию, которая определена над объектом window) для того, чтобы открыть новое окно Netscape Navigator и загрузить в него гипертекстовые документы. При этом функция main_menu порождает стандартное окно (с кнопочками, иконками и т.п.), а функция help_win() окно без стандартных атрибутов. У этого окна имеются только линейки прокрутки (scroll bars).
Вызов функций осуществляется после нажатия на соответствующую кнопку, которые определены в HTML-форме help_call. Таким образом, выполнение функций будет осуществлено только в том случае, если произойдет событие, описанное атрибутом onClick в контейнере INPUT соответствующего поля формы.
Если быть более точным, то приведенный пример - это фрагмент, реализующий регистрацию пользователя. К моменту его выполнения окно главного меню уже открыто, поэтому создание этого окна при выборе кнопки "NEXT" не происходит, а текст загружается в уже открытое окно.


1   ...   16   17   18   19   20   21   22   23   24



©engime.org 2024
әкімшілігінің қараңыз
    Басты бет