Индивидуальное задание

В

В качестве индивидуального задания я и обновил сайт своей кафедры вместе с Поляковым Андреем. Дизайном занимался Андрей, а моя часть - это верстка и настройка. Ниже показан скрин, а вот ссылка, чтобы посмотреть сайт целиком.

Охарактеризовать макет можно так:

• блочная верстка
• кроссбраузерное отображение (IE 7, IE 8, Firefox, Opera, Google Chrome, IE 6)
• легкие страницы сайта (малый вес)

 

Старый сайт создавался давно и, хотя по тем временам это была хорошая работа, возникла потребность в обновлении как дизайна так и структуры. Технология использования фреймом уже изжила себя и сегодня используется только для специальных целей. Минусы фреймов очевидны:

• неадекватное взаимодействие с поисковыми машинами
• невозможность добавления интернетчиками отдельной страницы сайта в "Избранное"
• несовместимость с некоторыми браузерами

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

• малый размер кода - сайты с блочной версткой быстрее грузятся . Это особенно заметно в старых браузерах;
• страница лучше обрабатывается поисковыми роботами, т.к. код сайта становится гораздо компактнее;
• блочная верстка позволяет экономить трафик, снижает нагрузку на сервер.

К сожалению, есть и минусы : сложность верстки, сложность понимания старыми версиями браузеров, т.е. необходима лополнительная настройка под старые версии браузеров.

Решение сводится к применению CSS-фильтров (также часто называемых CSS-хаками), которые позволяют выборочно применять (или не применять) стили к различным элементам. Я использую отдельные файлы стилей под различные браузеры. Обычно, один общий, один под IE 6, под IE 7 и IE 8 по необходимости.

Добавляются они условными коментариями. Условные комментарии — специальная конструкция, содержимое которой предназначено только для браузера Internet Explorer. Остальные браузеры это воспринимают как обычные коментарии. Например,

<!--[if E 7 ]>Эту строчку "увидит" только IE 7<![endif]-->

<!--[ if !IE ]>Эту строчку браузер IE(любая версия) видеть не будет<![endif]-->

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

 

 

 

• Карпачев Виталий
• Поляков Андрей
• Зубков Антон
• Очеретная Виктория
• Титаренко Станислав
• Соловова Ира
• .. все магистры

• Портал магистров
• Сайт факультета
• Моя кафедра
• Сайт университета
• ДонНТУ. Новый проект

• Автобиография
• Резюме
• Автореферат
• Библиотека
• Ссылки
• Отчет о поиске
• Инд. раздел