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

Web-проектирование. Языки, технологии и средства создания Web-сайтов (Компонентная структура). Базовый набор компонентов Web-сайта. Визуальное Web-проектирование. Пакет Microsoft Frontpage и его модификации

Web технологии, сегодня, позволяют создавать Интернет проекты самого разного типа, сложности, а также целевой направленности. Они, как и любые другие разработки, постоянно совершенствуются и развиваются. Добавляются новые, заменяются устаревшие.

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

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

CSS. Технологии такого типа позволяют осуществлять сложное форматирование, необходимое при создании практически любого сайта.

PHP. Это один из языков программирования, наиболее широко используемый сегодня. Сайты, построенные на основе PHP позволяют добавлять на web страницы различные интерактивные элементы. Сюда же можно отнести web технологии на основе VBScript и ASP. Все они предназначены для придания станицам большей интерактивности.

Macromedia Flash. Основное назначение этой web технологии – создание высококачественной интерактивной анимации. Основным ее плюсом является очень незначительный размер получаемого итогового файла.

DHTML. Это специальное расширение языка HTML. Web технологии DHTML позволяют включать в веб страницы разнообразные интерактивные элементы. Например, движущийся фон или объекты, выпадающие меню, кнопки, подсвечивающиеся при наведении курсора мыши, бегущие титры и т.д.

При создании сайтов используются различные компоненты. Компоненты, устанавливаемые в систему, позволяют создать порталы, каталоги, магазины, корпоративные сайты, онлайн-СМИ, новостные ленты, но они не являются ограничением функциональности.

Визуальным принято называть такой стиль или способ создания гипертекстовых докумтов, в котором работа с текстом и образами объектов преобладает над непосредственным кодированием. В идеале, пользователь должен быть полностью свободен от необходимости обращения к кодам HTML, а проектирование обязано вытеснить программирование

Система Dreamweaver — это визуальный редактор гипертекстовых документов. Мощная профессиональная программа Dreamweaver обладает всеми необходимыми средствами для генерации страниц HTML любой сложности и масштаба. Она обеспечивает режим визуального проектирования (WYSIWYG), отличается очень чистой работой с исходным текстом Web-документов, обладает встроенными средствами поддержки больших сетевых проектов. Прямая работа с кодами не исключена полностью, но сведена к разумному минимуму. Программа не только обладает мощным арсеналом средств визуального проектирования, но и способна отображать Web-страницы почти как специализированные программы просмотра: Microsoft Internet Explorer или Netscape Navigator. Программа Dreamweaver основана на принципах открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста, с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса: добавить новый инструмент, создать палитру или раздел меню, запрограммировать новый объект или мультимедийный ролик и пр.

Microsoft FrontPage 2002 - это обширная прикладная программа (приложение), которую можно использовать для разработки сайтов. Эта сложная программа содержит все, что вам требуется для создания сайтов, от простой веб-сводки до сложного веб-магазина розничной торговли. Используя FrontPage, вы можете легко создавать интересные сайты с хорошим дизайном и сложными элементами, не вводя ни одной строки программных кодов. Но если у вас есть определенный опыт программирования на языке HTML или вы хотите держать все под контролем, то программа FrontPage позволяет вам легко осуществлять доступ к соответствующим кодам, которые она автоматически создает в процессе вашей работы

87. Язык разметки HTML. Структура HTML-страницы. Тэги <HTML>, <HEAD>, <TITLE>, <BODY>, <МЕТА>.<а href=url>. Таблицы. Списки. Фреймы. Формы. Тэги <table>, <tr>, <td>,<FRAMESET>,<frame>,<form>

Для подготовки Web-страниц к публикации в Интернете применяется специальный язык разметки гипертекста - HTML (Hyper Text Markup Language), "язык маркировки гипертекста". Первую версию HTML разработал Тим Бернерс-Ли.

Язык HTML не является языком программирования в общепринятом смысле этого понятия. Его операторы или теги просто маркируют содержание документа (файла с текстовой, графической или другой информацией) для последующей интерпретации и отображения на экране программой-браузером.

ТЕГ - это символьная конструкция из < (открывающей) и >(закрывающей) угловых скобок, между которыми находится конкретный символ или строка символов, предписывающие браузеру отображение последующего содержания документа в соответствии с их назначением.

В соответствии со стандартами HTML простейший документ должен включать элементы HTML, HEAD, TITLE, BODY и имеет вид:

<HTML> <HEAD><TITLE>Невидимое в окне браузера название документа</TITLE>

...другие элементы, которые могут быть вложены в элемент HEAD</HEAD>

<BODY>...Содержание документа</BODY>

</HTML>

Раздел документа HEAD определяет его название и представляет необходимую информацию, для программы, интерпретирующей документ. Этот раздел начинается тегом <HEAD>. Закрывающий тег </HEAD> обозначает конец раздела. Элемент TITLE определяет название документа и является единственным обязательным элементом раздела документа HEAD. В тексте документа название браузером не отображается. Его видно в строке заголовка окна браузера. Нельзя использовать элементы разметки для форматирования содержимого элемента TITLE.

Элемент META служит для указания ключевых слов, используемых поисковыми машинами. Для этого в элементе в качестве значения атрибута NAME указывается имя определяемого свойства. А при помощи атрибута CONTENT указывается значение данного свойства. Например: <META NAME="author" CONTENT="Mariya">

Для формирования HTML-документов, содержащих кадры (фреймы) используются два тега: <frameset> и <frame>. Тег <frameset> задает количество и исходные размеры столбцов и строк кадров. Горизонтальное деление экрана задается при помощи атрибута row, вертикальное - атрибута cols. Значения атрибутов могут быть выражены в процентах или пикселях. Внутри тега <frameset> должны быть ссылки на все документы, входящие в состав сложной страницы. Делается это с помощью тега <frame>.

Списки: Ненумерованные(маркированные)списки: <ul><li>элемент1</li><li>элемент2</li></ul>

Нумерованные списки: <ol><li>элемент1</li><li>элемент2</li><li>элемент3</li></ol>

Таблица определяется тегами <TABLE> и </TABLE>, внутри которых и должны находиться все элементы и данные таблицы. <CAPTION> и </CAPTION> - определяют название таблицы: должен присутствовать внутри <TABLE> и </TABLE>, но снаружи описания какой-либо строки или ячейки. Атрибут ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. <TR> и </TR> - определяют строку таблицы. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк (горизонтальное и вертикальное выравнивание). <TD> и </TD> - определяют ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы (!), т.е. в своеобразный контейнер, образуемый тегами <TR> и </TR>, <TH> и </TH> - определяют ячейку таблицы также как и <TD> и </TD>, с небольшими отличиями: текст в данной ячейке будет выделен жирным эффектом, а данные будут позиционироваться по центру ячейки. Как правило, применяется, когда необходимо создать что то типа заголовка для строки или столбца данной таблицы.

А HREF – определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного атрибута. <A HREF="docs/title.html">Документация</A> на файл title.html в подкаталоге docs

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов.

1. Сценарии. Синтаксис JavaScript. Управляющие операторы do... while, if... else, switch…case… События. Сценарии, обеспечивающие замену рисунков

JavaScript - объектно-ориентированный язык сценариев, позволяющий включать в веб-страницы исполняемое содержимое (скрипты). JavaScript выполняется на стороне клиента и поддержка JavaScript включена практически во всех браузерах. С помощью этого языка вы сможете отойти от статики обычного HTML и создавать страницы с динамически изменяемым содержанием.

Синтаксис JavaScript и Java сделан по образцу C и C++. Отметим основные правила:

• Чувствительность к регистру. Все ключевые слова пишутся в нижнем регистре. Все переменные и названия функций пишутся точно так же, как и были определены (например, переменные Str и str являются разными переменными).
• Пробелы, табуляция и перевод строки. Эти символы игнорируются в JavaScript, так что можно использовать их для форматирования кода с тем, чтобы его было удобно читать.
• Символ точка с запятой (;). Все операторы должны быть разделены этим символом. Если оператор завершается переводом строки, то точку с запятой можно опустить. При этом нужно следить за тем, чтобы при разрыве строки одного оператора, новая строка не начиналась бы с самостоятельного оператора.
• Комментарии. JavaScript игнорирует любой текст расположенный между символами /* и */. Также игнорируется текст начинающийся символами // и заканчивающийся концом строки.
• Индентификаторы. Индентификаторами являются имена переменных, функций, а также меток. Индентификаторы образуются из любого количества букв ASCII, подчеркивания (_) и символа доллара ($). Первым символом не может быть цифра, а в версии JavaScript 1.0 не допускается использования и символа $.
• Ключевые слова. Ключевые слова не могут использоваться в качестве индетификаторов. Ключевыми словами являются: break, case, continue, default, delete, do, else, export, false, for, function, if, import, in, new, null, return, switch, this, true, typeof, with.

Синтаксис: if (condition) { statements1 [ } else { statements2 ] }

Если условие condition истинно, выполняется оператор statements1, иначе statements2. Условие может быть любым JavaScript-выражением, которое можно оценить как истинное или ложное. Операторы, которые нужно выполнить, могут быть любыми JavaScript-операторами, включая условные. Более чем один оператор должен быть заключен в фигурные скобки, { }. В следующем примере функция checkData возвращает true, если число символов в объекте Тext равно трем, в противном случае выводит аварийный бокс и возвращает false.

Оператор while.

Цикл повторяется до тех пор, пока условие истинно (true).

Синтаксис: while (условие) {операторы}

Если условие становится ложным (false), цикл прекращается и управление передается операторам после цикла. Условие проверяется не непрерывно, а первоначально и после выполнения всех операторов цикла.

1. Delphi и разработка Интернет-приложений. Архитектуры СУБД и Интернет. Технологии DDE, OLE, DLL взаимодействия приложений и создание распределенных приложений на основе технологии COM/DCOM, CORBA

Вообще, простейшее web-приложение на delphi мало чем отличается, а точнее ничем не отличается от создания программы для старой доброй dos. Это - простейшее консольное приложение, запускаемое на стороне сервера и взаимодействующие с пользователем (в случае необходимости) через броузер.

Одним из главных преимуществ создания подобных приложений именно в среде delphi является то, что вы продолжаете работать с визуальными компонентами - это значительно проще, чем создание приложений в других средах - возможность ошибки в больших проектах, где используется визуальное проектирование меньше, чем в тех, где всё описывается исключительно кодом. Кроме того, средства создания web-приложений позволяют импортировать уже существующие приложения в интернет-среду.

Архитектура СУБД обеспечивает потребности различных пользователей, выполнение их запросов, а также внутренние потребности, связанные с представлением данных в файлах и доступом к ним. Общепринятым в настоящее время является подход, обеспечивающий трехуровневое представление данных:

· на уровне внешних моделей соответствующих различным запросам различных пользователей;

· на логическом уровне, соответствующем интегральному взгляду на данные администратора ПО и администратора БД;

· на внутреннем уровне, соответствующем взгляду на данные системных программистов.

СУБД поддерживает различные описания данных на всех уровнях и их преобразования из одних видов представления в другие.Основными функциями СУБД являются:

· управление данными во внешней памяти;

· управление буферами оперативной памяти;

· управление транзакциями;

· журнализация;

· поддержка языков БД.

OLE DB и ODBC представляют собой интерфейсы приложений, которые обеспечивают доступ к целому ряду источников данных. Разработчики Microsoft спроектировали ODBC для доступа к данным SQL, а OLE DB — для доступа к любым данным в среде СОМ

Аббревиатура DDEML обозначает Dynamic Data Exchange Management Library (библиотека управления динамическим обменом данными). DDEML это надстройка над сложной системой сообщений, называемой Dynamic Data Exchange (DDE). Библиотека, содержащая DDE била разработана для усиления возможностей первоначальной системы сообщений Windows.

DDE дает возможность перейти через рамки приложения и взаимодействовать с другими приложениями и системами Windows. Dynamic Data Exchange получило свое имя потому, что позволяет двум приложениям обмениваться данными (текстовыми, через глобальную память) динамически во время выполнения. С помощью DDE можно из своего приложения управлять другими приложениями такими, как Word for Windows, Report Smith, Excel и др. Приложение, получающее данные из другого приложения по DDE и/или управляющее другим приложением с помощью команд через DDE является DDE-клиентом. В этом случае второе приложение является DDE-сервером. Одно и то-же приложение может быть одновременно и сервером, и клиентом

Комплексные системы создания распределенных приложений, а именно, CORBA консорциума OMG и COM (DCOM, COM+) фирмы Microsoft.

COM содержит все необходимое, что нужно для построения распределенной системы: технологию удаленного вызова методов (как статических, так и динамических), базы данных серверных объектов (библиотеки типов), которые могут быть импортированы для анализа структуры серверов COM, универсальный протокол обмена между клиентами и серверами, спецификации так называемых “составных документов” (ActiveDoc), объектный монитор транзакций (MTS), компонентную модель (ActiveX) и др. Все составные части прекрасно соответствуют друг другу в рамках модели COM. Уникальной возможностью COM является универсальная технология доступа к базам данных - OLE DB/ADO.

В настоящий момент CORBA не имеет своей собственной компонентной модели; работа над ней началась в 1998 г. и еще не завершена.

1. Перечислите основные методы защиты информации. Укажите их достоинства и недостатки. Приведите примеры использования различных методов защиты информации

- Физические методы ЗИ.

Физический доступ к носителю информации, как правило, дает возможность получить доступ и к самой информации. Плюс – просто, дешево,, защита от нарушения (взлом), Минус – для хранимой информации (сейф) и только. При передаче информация будет либо перехвачена и т.д.

- Криптографические методы ЗИ

Изменение определённым образом формы сообщения, которое может быть прочитано специальным образом (могут быть вскрыты при помощи криптоаналитических алгоритмов). Плюс – конфиденциальность, целостность. Минус – сертифицируемые – а значит дорогие, ограничение на использование.

- Стеганография

Скрытие факта передачи информации. Плюс – совместно с криптографией. Минус – угроза работоспособности (взлом), варварское использование канала связи.

- Программно-аппаратные.

Предоставляются устройствами, встраиваемыми непосредственно в аппаратуру АИС, или устройствами, сопряженными с аппаратурой АИС по стандартному интерфейсу и предназначенными для реализации конкретных функций защиты. Они реализуют логическую оболочку АИС, ориентированную на обеспечение безопасности. Плюс – предохранение от вирусов, дешево и просто (есть конечно и дорогие). Минус – только хранения информации.

- Административно-организационные. Правовые – на уровне законодательства.

Написание инструкций, выдача пропусков, контроль.

Дата добавления: 2015-01-03