пользователя и стандартным набором шрифтов для отображения полной картины шаблона на других
компьютерах. Для логотипа был использован шрифт Times New Roman. Для ссылок и
надписи Сафоновский Колледж Информационных Технологий применялся шрифт Arial.
Для остальных надписей был задан шрифт Arial Black.
Сайт имеет четкую логическую структуру и дает
возможность доступа ко всем его компонентам в любой момент времени. Его структура отображена в
навигационной карте (рис. 1). Сайт состоит из стартовой страницы, главной и типовых страниц
методического пособия.
Стартовая страница представляет собой
HTML-документ, который является визитной карточкой дипломного проекта. На ней расположены
элементы навигации для перехода к главной странице сайта Хакинг и антихакинг: защита и нападение,
на страницу автора сайта, на сайт колледжа, на библиотеку СКИТ, на вернисаж. Файлу стартовой
страницы присвоено имя index.html. Все файлы сайта помещены в отдельную папку
diplom, в том числе и главная страница сайта. Это позволило присвоить главной
странице сайта то же самое имя index.html.
Рис.3. Дизайн шаблона сайта
Для будущей нарезки шаблона используем программу
ImageReady задав направляющие. Командой Slices/Create Slices from Guides
создаем слайсы по направляющим. Комбинируем слайсы командой Slices/Combine Slices
по темам: отдельно слайсы для кнопок, это будут rollovers-элементы, под
названиями index_04 для главной, index_06 для описания автора,
index_08 для главной СКИТ, index_10 для главной библиотеки СКИТ,
index_12 для сайта с работами студентов колледжа; отдельно слайс для содержания
светло-серого цвета (#C4CAC1) режима No Image; отдельно под текст страницы
методического пособия светло-серого цвета (#EFF2ED) режима No Image; для того
чтобы изображение полностью растягивалось и сжималось в зависимости от размеров окна браузера
предварительно оставляем два крайних слайса которые в последствии сделаем в качестве background
под именами index_02 и index_23; для того чтобы текст полностью
растягивался в высоту оставляем слайс index_20 который так же в последствии
оставим в качестве background.
Готовый шаблон сохраняем с оптимизацией в формате
*.html с именем index.html.
Главную страницу сайта (index.html) открываем в
HomeSite 5 для последующей
|
