- •Билет 1. Билет 7
- •Билет 2. Билет 8.
- •Билет 3. Билет 9. Билет 23.
- •Билет 4.Билет 10. Билет 24
- •Билет 5. Билет 11. Билет 27
- •Билет 6. Билет 12. Билет 28
- •Билет 13. Билет 19. Билет 31. Html. Структура документа, физическое и логическое форматирование, оформление абзацев и списков
- •Билет 14. Билет 20. Билет 32. Html. Рисунки и гиперссылки
- •Билет 15. Билет 25. Html. Использование и оформление таблиц
- •Билет 16. Билет 26. Html. Разбиение окна на фреймы
- •Билет 17. Html. Оформление документов с использованием css
- •I способ - Внутренние стили
- •II способ - Глобальные стили
- •III способ - Связанные или внешние стили
- •Билет 18. Html. Типы css
- •Билет 21. Билет 29.
- •Билет 22
- •Билет 30 Структуры в языке с
- •Билет 33 Библиотека qt. Создание приложений в qtCreator.
- •Билет № 34 Библиотека qt. Работа со строками.
- •Билет 35 Использование JavaScript при оформлении динамических html страниц
- •Билет 36 Использование объектной модели документа (dom) в JavaScript
- •Иерархия классов dom
- •Билет 37 Формы и их использование в JavaScript
- •Билет № 38 Объектная модель браузера и ее использование в JavaScript
Билет 17. Html. Оформление документов с использованием css
CSS (Cascading Style Sheets - каскадные таблицы стилей) - технология, использующаяся для оформления веб-страниц с помощью стилей.
Основная идея CSS состоит в том, чтобы разделить структуру и содержание веб страниц от их оформления:
- c помощью HTML создается страница - ее каркас, а также вносится ее содержимое. - с помощью CSS создается дизайн - задается оформление для элементов страницы.
Стили - это набор правил форматирования, применяемых к элементам страницы для изменения их свойств и параметров представления на странице: в основном это касается их внешнего вида и занимаемого положения.
Стили представлены свойствами CSS. Каждое свойство по своему влияет на оформление того или иного элемента страницы. Некоторые свойства не применимы к некоторым элементам.
Элементы страницы - это теги HTML или их содержимое.
Существует три способа применения стилей к элементам страницы:
I способ - Внутренние стили
II способ - Глобальные стили
III способ - Связанные или внешние стили
Пример:
<link rel="stylesheet" type="text/css" href="My_base.css" />
или же иной пример
<style type="text/css">
body {background-color:Silver}
h1 {text-align: center; color:teal; font-family:fantasy}
h2 {text-align: center; color:purple;font-family:Arial}
Задание: Разработать класс, характеризующий ж/д вагон (кол - во мест, тип вагона, и т.д.).Класс должен иметь конструктор по умолчанию и конструктор с параметрами
#include<string> #include<iostream> #include<stdio.h> #include <stdlib.h> using namespace std; //объявление класса
class RadioDet { private: std::string tip; int nominal; public: RadioDet(); RadioDet(std::string t,int nom); ~RadioDet(); std::string GetTip(); void SetTip(std::string t); int GetNom(); void SetNom(int nom); }; //программа использующая класс
int main() { int n=3; RadioDet R1; RadioDet R2("Diod",200); R1.SetTip("Usilitel"); R1.SetNom(100); cout«R1.GetTip()«" "«R1.GetNom()«endl; cout«R2.GetTip()«" "«R2.GetNom()«endl;
RadioDet R3[n]; std::string nt; int nnom; for(int i=0;i<n;i++) { cout«"Vvedite tip "; cin»nt; R3[i].SetTip(nt);
cout«"Vvedite nominal "; cin»nnom; R3[i].SetNom(nnom); } for(int i=0;i<n;i++) cout«R3[i].GetTip()«" "«R3[i].GetNom()«endl; return 0;}
RadioDet::RadioDet() { } RadioDet::RadioDet(std::string t,int nom)
{tip=t; nominal=nom;} RadioDet::~RadioDet() {} std::stringRadioDet::GetTip() {return tip;} int RadioDet::GetNom() {return nominal;} void RadioDet::SetTip(std::stringt) {tip=t;} void RadioDet::SetNom(intnom) {nominal=nom;}
Билет 18. Html. Типы css
Для добавления стилей на веб-страницу существует несколько способов, которые различаются своими возможностями и назначением. Далее рассмотрим их подробнее.
При использовании связанных стилей описание селекторов и их значений располагается в отдельном файле, как правило, с расширением css, а для связывания документа с этим файлом применяется тег <link>. Данный тег помещается в контейнер <head>
Значение href задает путь к CSS-файлу, он может быть задан как относительно, так и абсолютно. Заметьте, что таким образом можно подключать таблицу стилей, которая находится на другом сайте.
<title> Внешние стили </title> <link rel="stylesheet" type="text/css" href="style.css">
Фрагмент кода из файла со стилями:
p {border:#FF0000 solid 2px; color:#33CC99; padding:5px} h2 {border:#33CC99 solid 2px; background-color:#FF0066; color:#FFFFFF;padding:5px}
Файл со стилем не хранит никаких данных, кроме синтаксиса CSS. В свою очередь и HTML-документ содержит только ссылку на файл со стилем, т.е. таким способом в полной мере реализуется принцип разделения кода и оформления сайта. Поэтому использование связанных стилей является наиболее универсальным и удобным методом добавления стиля на сайт. Ведь стили хранятся в одном файле, а в HTML-документах указывается только ссылка на него.
При использовании глобальных стилей свойства CSS описываются в самом документе и располагаются в заголовке веб-страницы. По своей гибкости и возможностям этот способ добавления стиля уступает предыдущему, но также позволяет хранить стили в одном месте, в данном случае прямо на той же странице с помощью контейнера <style>
<title> Глобальные стили </title> <style type="text/css"> p {font-size:16px; font-style:italic; color:#339999} </style> </head>
Внутренний или встроенный стиль является по существу расширением для одиночного тега используемого на текущей веб-странице. Для определения стиля используется атрибут style, а его значением выступает набор стилевых правил .
<p style="font-size:20px; color:#3366CC;"> … </p>
Все описанные методы использования CSS могут применяться как самостоятельно, так и в сочетании друг с другом. В этом случае необходимо помнить об их иерархии. Первым всегда применяется внутренний стиль, затем глобальный стиль и в последнюю очередь связанный стиль.
Задание: Разработать класс, характеризующий функцию (процедуру) любого языка программирования (имя, тип и кол - во параметров и т.д.).Класс должен иметь конструктор по умолчанию и конструктор с параметрами
#include<string> #include<iostream> #include<stdio.h> #include <stdlib.h> using namespace std; //объявление класса class RadioDet { private: std::string tip; int nominal; public: RadioDet(); RadioDet(std::string t,int nom); ~RadioDet(); std::string GetTip(); void SetTip(std::string t); int GetNom(); void SetNom(int nom); }; //программа использующая класс int main() { int n=3; RadioDet R1; RadioDet R2("Diod",200); R1.SetTip("Usilitel"); R1.SetNom(100); cout«R1.GetTip()«" "«R1.GetNom()«endl; cout«R2.GetTip()«" "«R2.GetNom()«endl; RadioDet R3[n]; std::string nt; |
int nnom; for(int i=0;i<n;i++) { cout«"Vvedite tip "; cin»nt; R3[i].SetTip(nt); cout«"Vvedite nominal "; cin»nnom; R3[i].SetNom(nnom); } for(int i=0;i<n;i++) cout«R3[i].GetTip()«" "«R3[i].GetNom()«endl; return 0; }RadioDet::RadioDet() {//конструкторпоумолчанию } RadioDet::RadioDet(std::string t,int nom) //конструктор с параметрами {tip=t; nominal=nom;} RadioDet::~RadioDet() { } std::stringRadioDet::GetTip() {return tip;} int RadioDet::GetNom() {return nominal;} void RadioDet::SetTip(std::stringt) {tip=t;} void RadioDet::SetNom(intnom) {nominal=nom;}
|