Практическая часть работы
Требовалось создать сайт с одноименным названием курсовой работы, а именно «Сравнительный анализ современных текстовых редакторов».
Сайт создан с целью доведения информации о текстовых редакторах до всех желающих.
Структура папок для хранения структуры сайта такова: создана папка «Kursovay», в которой содержатся все страницы и всё содержимое сайта. В данной папке помещена главная страница index.html, стилевой файл style.css, и все страницы сайта. А также папки image, word, lex. В папке image содержатся графические файлы и кнопки навигации.
Общий цвет фона светлый, а текста темный, что обесᴨȇчивает приемлемое качество расᴨȇчатки, на случай если у пользователя возникнет необходимость в этом.
Подключить таблицы стилей можно несколькими способами. Например, при помощи описания в секции заголовка или inline_описания. Но наиболее удобным, по моему мнению, является подключение внешнего файла. Диапазон его воздействия распространяется на все файлы, в которые включено описание. В случае если возникнет необходимость изменить внешний вид сайта, достаточно будет изменить содержание только одного стилевого файла (style.css).
Файл с таблицами стилей имеет расширение css и подключается в секции заголовка при помощи тега <link> следующим образом:
<head>
…
<link type= «text/css» rel= «stylesheet» href= «style.css» >
…
</head>
Говоря о синтаксисе таблиц стилей можно выделить три основных группы классов: универсальные, теговые и псевдоклассы.
|
|
|
Универсальные классы можно описать так:
head {
text-align: justify;
font-size: xx-large;
color: red;
}
text {
text-align: justify;
font-size: medium;
}
Первый класс head задает внешний вид заголовка. Здесь присутствуют такие параметры, как выравнивание текста по центру и цвет текста - красный. Особое внимание стоит уделить тому, что размер шрифта задается словесно и является относительным. Все параметры записываются в фигурных скобках.
Второй пример определяет внешний вид текста: выравнивание по ширине и относительный размер шрифта medium. В данном случае цвет текста не указан, и по умолчанию он будет черным.
Что бы некоторый текст или элемент страницы сайта был оформлен в стиле универсального класса, необходимо воспользоваться следующей конструкцией:
<p class=head>Текстовые редакторы</p>
Строка текста «История кафедры информатики и вычислительной техники» будет оформлена в стиле head.
Теговые классы указывают стиль оформления тех элементов, которые заключены в соответствующие теги.
P {
text-indent: 2em;
margin-left: 1em;
margin-right: 1em;}
Описанный выше класс P устанавливает отступ красной строки размером в две средних ширены буквы m (абсолютный размер в типографских единицах), а так же отступ текста справа и слева по одной единице измерения. Отличие данного класса от универсального в том, что нет необходимости указывать класс каждый раз, когда это необходимо. При подключении файла с таблицами стилей все элементы, относящиеся к тегу P, приобретут признаки соответствующего класса.
|
|
|
И последняя группа - псевдоклассы. В отличие от обычного класса, действие его распространяется не на весь текст, к которому применен стиль, а лишь на часть и возможно лишь в определенном состоянии. Следующая строка довольно простой пример псевдокласса.
a: hover {text-decoration: underline;}
Этот псевдокласс определяет внешний вид текста ссылки в момент наведения на нее курсора, а именно появляется подчеркивание текста.
a {color: rgb (85,6,6);
font-size: large;
font-family: Verdana;
text-align: justify;
text-decoration: none;}
Еще один пример тегового класса, который помимо обычных параметров: цвет, шрифт, гарнитура шрифта и выравнивания, еще задает отсутствие подчеркивания.
В обычном состоянии текст ссылки принимает вид, описанный теговым классом, а при наведении курсора приобретает параметры, описанные псевдоклассом, то тесть появляется подчеркивание.
Для оформления сайта, в частности для создания системы навигации, использовался такой сᴨȇциализированный редактор как Xara WebStyle.
|
|
|
- З а к л ю ч е н и е -
В последнее время компьютерные технологии продвигаются очень интенсивно, и это способствует бурному развитию программного обесᴨȇчения. Каждые полгода выходят продукты с множеством нововведений. Так и текстовые редакторы не стоят на месте. С каждым разом все больше и больше функций заключают в себе данные программы. Но их развитие поставлено таким образом, что с каждой новой версией программа сохраняет предыдущий набор возможностей и пользователь может использовать как старые, так и новые функции, последние введены лишь для облегчения работы с программой. Или существенно расширяют её возможности.
Но зачастую случается так, что пользователям необходимы лишь определённый набор нужных им функций, в зависимости от их потребностей. Исходя из этого, они выбирают продукт по своему вкусу. Одних прельщает простота работы, других многофункциональность, быстрота выполнения команд. В связи с этим из всего их множества, невозможно выделить, какой-то определённый удовлетворяющий всем требованиям. Так как все они очень разные.
Дата добавления: 2015-12-17; просмотров: 16; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!