5.4. Работа с файлами css

Учитывая, что три основных типа страницы: с выбором языка, главная и второстепенная сходны только в фоновом оформлении (первые две), но имеют различные размеры заголовков, логотипа, а также их расположение, было решено создать три CSS-файла: StyleIndex.css, StyleIndexMain.css, Styly.css.

Свойства, принимающие одинаковые значения, относящиеся к оформлению таблицы:

width: 960px;

height:100%;

min-height: 100%;

max-height: 100%;

background-position:center top;

background-repeat:no-repeat;

background-position:top;

border-collapse: separate;

Также при создании сайта невольно сталкиваешься с понятием кроссбраузерности – способность сайта отображаться и работать во всех востребованных браузерах идентично. Если брать конкретный пример, то свойство height:100%, означающее расположение фона на всю высоту экрана, работает самостоятельно не во всех браузерах, для некоторых необходима связка height:100%; min-height: 100%.

Заключение

Итогом выполнения данной квалификационной работы является создание сайта для музея им. И. Н. Крамского. Данный сайт по дизайну, структуре и функционированию полностью удовлетворил заказчика. Он имеет интуитивно-понятный интерфейс, удобную навигацию, а также оригинальное оформление. Учитывая входные данные, разработанный сайт имеет фиксированную ширину и табличную верстку. в создании использованы технологии HTML, CSS, jQuery. Сайт доступен пользователю любой квалификации и предоставляет всю нужную музею информацию.

Список литературы

1. Артемий Лебедев Ководство/А. Лебедев; М.: Издательство Студии Артемия Лебедева, 2011 – 452 с.

2. Стив Круг Веб-дизайн: книга Стива Круга, или не заставляйте меня думать!/С. Круг; Пер. с англ. – М.: Символ-плюс, 2005 – 200 с.

3. Adobe Illustrator CS4. Руководство пользователя/Adobe Systems Inc.; Adobe Systems Inc., 2008 – 567 с.

4. Макфарланд Д. Большая книна CSS/Д. Макфарланд; Пер. с англ. – СПб.: ООО «Лидер», 2010 – 512 с.

5. Htmlbook: [сайт]. – URL: http://htmlbook.ru/ (дата обращения: 01.03.2013).

6. Habrahabr: [сайт]. – URL: http://habrahabr.ru/ (дата обращения: 03.03.2013).

Приложение 1. Листинг файла StyleIndex.Css

@charset "utf-8";

/* CSS Document */

html {

height: 100%;

min-height: 100%;

}

body {

height:100%;

min-height: 100%;

background-color:#F9ECDD; /*rgb(125, 116, 100);*/

}

table {

width: 960px;

height:100%;

min-height: 100%;

text-align:center;

background-image:url(background960Main.jpg);

background-size: 100% 100%;

background-repeat:no-repeat;

background-position:top;

text-align:center;

/*border-collapse:separate;*/

}

/*гиперссылочные данные*/

a {

text-decoration: none;

color: rgb(81, 74, 63);

font-family:sans-serif;

font-size: 18px;

}

a:visited {

color: rgb(81, 74, 63);

/*color: rgb(121, 114, 103);*/

text-decoration:inherit;

font-family:sans-serif;

/*font-family:inherit;*/

}

Приложение 2. Листинг файла StyleIndexMain.css

Приложение 3. Листинг файла Style.css

Приложение 4. Листинг файла index.html

Приложение 5. Листинг файла indexMain.html

Приложение 2. Листинг файла AboutTheMuseum.html