- •Перечень вопросов для подготовки к экзамену по дисциплине «Информационные технологии в биотехнических системах»
- •Элементы языка html. Понятие о веб-документах, средствах их создания и работы с ними. Структура веб-документа. Теги физического и стилевого форматирования.
- •Основные конструкции языка html. Оформление списков, вставка рисунков, видеороликов, звуковых файлов и гиперссылок в html- документ.
- •4. Таблицы каскадных стилей. Применение метода css в html-документах. Примеры определения и применения стилей для текстовых блоков html-документов. Правила разрешения конфликтов стилей.
- •5. Понятия Web-сайта, требования к Web- сайтам. Типовая структура сайта. Подготовка сайта к публикации. Порядок публикация сайта и его поддержка.
- •6. Аппаратные средства персонального компьютера. Его внутреннее устройство. Основные характеристики процессора. Устройства ввода и вывода, их назначение и основные характеристики.
- •7. Программные средства персонального компьютера пк. Системное программное обеспечение пк, его назначение. Роль bios и CmosSetup. Основные подсистемы операционной системы и их назначение.
- •8. Популярные операционные системы ос. Возможности ос, требования к объему оперативной памяти и области применения.
- •9. Компьютерные программы, средства для их создания и отладки. Языки программирования группы Си. Объектно-ориентированное программирование и классы объектов.
- •11. Средства коммуникации персонального компьютера пк с внешними устройствами. Порты и интерфейсные шины пк. Стандартные интерфейсы пк и их характеристики.
- •12. Компьютерные сети и их классификация. Виды топологии сетей, их достоинства и недостатки. Методы передачи данных в компьютерных сетях.
- •13. Модель взаимодействия открытых систем osi, уровни взаимодействия и задачи, решаемые на каждом уровне при организации обмена информацией.
- •14. Серверы, основные требования к серверам. Основные виды серверов по их назначению. Типовые серверные операционные системы, их средства и характеристики.
- •15. Типовые технологии объединения компьютерных сетей. Протоколы обмена в сетях группы Ethernet. Принципы организации передачи данных по этим протоколам, скорости передачи данных.
- •16. Протоколы обмена в сетях группы TokenRing. Принципы организации передачи данных по этим протоколам, скорости передачи данных.
- •17. Протоколы slip и ppp. Принципы организации передачи данных по этим протоколам, скорости передачи данных.
- •18. Задачи объединения компьютерных сетей и основные подходы к согласованию их протоколов.
- •19. Стеки протоколов ipx/spx, его назначение и принципы функционирования. Связь между его отдельными протоколами и уровнями модели osi?????.
- •20. Назначение стека протоколов NetBios / smb. Стек протоколов tcp/ip, его назначение и функционирование.
- •21. Типовые протоколы прикладного уровня. Их назначение и функционирование, используемые порты для обмена.
- •22. Применение повторителей и мостов для объединения локальных сетей. Примеры их применения. Схемы алгоритмов работы мостов.
- •23. Коммутаторы, маршрутизаторы, шлюзы. Их назначение и применение. Принципы функционирования маршрутизаторов. Разновидности алгоритмов маршрутизации.
- •24. Сеть Интернет и принципы работы в ней. Адресация в Интернете.
- •25. Понятие баз данных и их назначение. Классификация баз данных и принципы их организации. Типовые системы управления базами данных.
- •26. Система управления базами данных MySql. Порядок создания заготовки базы данных средствами языка sql.
- •27. Понятие языков программирования Java и Php. Локальный сервер Localhost, порядок его создания??. Применение Localhost.??
- •28. Основные области применения информационных технологий в биомедицине. Примеры применения.
4. Таблицы каскадных стилей. Применение метода css в html-документах. Примеры определения и применения стилей для текстовых блоков html-документов. Правила разрешения конфликтов стилей.
CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.
Для повышения эффективности создания сайтов удобно использовать так называемые стили, которые позволяют определить вид Web-страницы в окне браузера, например, шрифт, цвет, размеры символов. Таблицей стилей называется набор правил, по которым отображается документ. Для каждого тега HTML вы можете задать свой стиль отображения. Для управления форматированием HTML-документа можно использовать несколько таблиц стилей, при этом браузер определяет приоритетность применения таблиц. Возникает своего рода «каскад» таблиц, что определяет название технологии CSS – Cascade Style Sheets (Каскадные таблицы стилей).
Каждое правило каскадных таблиц стилей состоит из селектора и определения. Селектор указывает на тег, который нужно отформатировать в соответствии с определением. В правиле стилей определение включает в себя свойство и его значение, разделенные знаком двоеточия.
CSS может быть применён к HTML или XHTML с использованием трёх методов: связывание (linking), внедрение (embedding) и встраивание (inlining).
Связывание. В связанном методе таблица стилей создаётся и хранится в отдельном файле с расширением .css. Это связанные (или внешние) стили.
При использовании связанных стилей описание селекторов и их значений располагается в отдельном файле, как правило, с расширением css, а для связывания документа с этим файлом применяется тег <link>. Данный тег помещается в контейнер <head>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Стили</title>
<link rel="stylesheet" href="http://htmlbook.ru/mysite.css">
<link rel="stylesheet" href="http://www.htmlbook.ru/main.css">
</head>
<body>
<h1>Заголовок</h1>
<p>Текст</p>
</body>
</html>
Значение атрибута тега <link> — rel остаётся неизменным независимо от кода, как приведено в данном примере. Значение href задаёт путь к CSS-файлу, он может быть задан как относительно, так и абсолютно. Заметьте, что таким образом можно подключать таблицу стилей, которая находится на другом сайте.
Внедрение. Во внедрённом методе CSS хранится как часть HTML-страницы в теге <style> между тегами <head>. Это внедрённые (или внутренние) стили.
В динамически генерируемых страницах возможно придётся использовать внедрённые (внутренние) CSS, но это должно быть сведено к минимуму. Даже в динамических страницах любой CSS является общим для нескольких страниц и как правило должен быть перемещён в связанный (внешний) стиль.
Внедрёнными CSS являются стили, которые находятся в заголовке HTML-документа, который требует стилизации. Например, мы хотели бы, чтобы текст в этом HTML-документе был выделен полужирным шрифтом.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p {
font-weight: bold;
}
</style>
<title>
Example Web Page
</title>
</head>
<body>
<p>
Text that will be formatted.
</p>
</body>
</html>
CSS содержится в элементе <style>. Установка атрибута type="text/css" сообщает браузеру, что внедрённый стиль написан на CSS и должен быть использован для форматирования страницы, хотя в HTML5 он не обязателен, лучше его писать, например, для старых браузеров.
В этом примере стилевое правило p {font-weight: bold; } указывает браузеру сделать весь текст в любом параграфе полужирным. Текст на странице будет выглядеть также, как первом случае.
Встраивание. Во встроенном методе CSS хранится непосредственно в атрибуте стиля HTML тега, пример: <div style="font-weight: bold">Bold Font</div> Это встроенные стили.
Первый способ:
Один из самых простых способов - это привязка стилей к элементу при помощи атрибута style. Атрибут style может использоваться для любого тега, расположенного в теле документа. Форма записи свойства следующая: <элемент style="свойство1: значение1; свойство2: значение2;">:
<h1 style="color: red;">Заголовок красного цвета.</h1>
Второй способ:
Следующий способ заключается в создании таблицы стилей прямо в документе. Для этого в HTML используется парный элемент style. Данный элемент имеет один обязательный атрибут type – MIME тип содержимого и один не обязательный media – устройства для вывода документа. Для таблицы стилей значение первого атрибута должно быть равным text/css. Второй атрибут может принимать одно из следующих значений:
• all – для всех устройств.
• aural – для синтезаторов речи.
• braille – для устройств отображения азбуки брайля.
• embossed – для печати азбукой брайля.
• handheld – для переносных устройств, например, для КПК или смартфонов.
• print – для печати документа на принтере.
• projection – для проекционных устройств.
• screen – для экранных устройств, например, монитор.
• tty – для устройств с фиксированной шириной символов, например, телетайп.
• tv – для телевизионных устройств.
Хорошим тоном является указание конкретных устройств, для которых используется таблица стилей, media="screen". Хотя запись media="all" также не будет ошибочной. Если необходимо задействовать таблицу стилей для нескольких устройств, то их можно перечислить через запятую media="screen, print".
<html>
<head>
<style type="text/css" media="all">
body {
background: silver;
padding: 0;
}
h1 {color: red;}
</style>
</head>
<body>
<h1>Заголовок красного цвета.</h1>
</body>
</html>
Третий способ:
В HTML есть такой элемент, как link. Элемент link располагается в HEAD блоке HTML документа. Он предназначен для создания связи между документами. В CSS этот элемент используется для подключения внешних таблиц стилей. Внешними, называются таблицы, расположенные отдельно от HTML документа, но используемые им. Элемент link, как и style имеет два необходимых атрибута type и media. Значения этих атрибутов, такие же, как и для элемента style. Для этого элемента необходимо задать ещё два атрибута hrefи rel. Атрибут href определяет URL таблицы стилей. Атрибут rel принимает в качестве своего значения тип связи между документами и для таблиц стилей, он должен принимать значение stylesheet. Для одного HTML документа можно подключить несколько внешних таблиц стилей. Например:
<html>
<head>
<link rel="stylesheet" href="styles/main.css" type="text/css" media="screen" /
<link rel="stylesheet" href="styles/print.css" type="text/css" media="print" />
</head>
<body>
<h1>Заголовок красного цвета.</h1>
</body>
</html>
Теперь остаётся создать файлы main.css и ptint.css, который будет содержать все необходимые инструкции CSS.
h1 { color: red; }
Четвёртый способ:
Ну что же, вот мы и подошли к последнему способу подключения стилей к HTML документу. Данный способ, немного отличается от других, т.к. он не базируется на HTML элементах или их атрибутов. Речь пойдёт о директиве @import. Эта директива из CSS, и содержаться она может только в CSS документе, то есть либо в элементе style либо во внешней таблице. Эта директива должна стоять перед всеми инструкциями CSS.
<html>
<head>
<style type="text/css" media="all">
@import url(style.css);
</style>
</head>
<body>
<h1>Заголовок красного цвета.</h1>
</body>
</html>
Результат будет эквивалентен предыдущему способу подключения.
Аббревиатура CSS расшифровывается как Cascading Style Sheets (каскадные таблицы стилей), где одним из ключевых слов выступает «каскад». Под каскадом в данном случае понимается одновременное применение разных стилевых правил к элементам документа — с помощью подключения нескольких стилевых файлов, наследования свойств и других методов. Чтобы в подобной ситуации браузер понимал, какое в итоге правило применять к элементу, и не возникало конфликтов в поведении разных браузеров, введены некоторые приоритеты.
Ниже приведены приоритеты браузеров, которыми они руководствуются при обработке стилевых правил. Чем выше в списке находится пункт, тем ниже его приоритет, и наоборот.
Стиль браузера.
Стиль автора.
Стиль пользователя.
Стиль автора с добавлением !important.
Стиль пользователя с добавлением !important.
Самым низким приоритетом обладает стиль браузера — оформление, которое по умолчанию применяется к элементам веб-страницы браузером. Это оформление можно увидеть в случае «голого» HTML, когда к документу не добавляется никаких стилей.
Ключевое слово !important играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стиля или его важность, иными словами.
Синтаксис применения !important следующий:
Свойство: значение !important