Слайд 2Наша задача:
Найти в ИНТНРНЕТе или придумать самим оригинальный дизайн классного сайта.
![Наша задача: Найти в ИНТНРНЕТе или придумать самим оригинальный дизайн классного сайта.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-1.jpg)
Слайд 3Каким должен быть дизайн школьного сайта?
сайт должен правильно отображаться, независимо от типа
![Каким должен быть дизайн школьного сайта? сайт должен правильно отображаться, независимо от](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-2.jpg)
браузера и разрешения экрана посетителя
сайт не должен содержать ничего, что может затруднять его просмотр
повторение навигации на каждой странице сайта.
Слайд 4
Не рекомендуется:
использование java скриптов, которые могут затруднить просмотр сайта. Это может быть
![Не рекомендуется: использование java скриптов, которые могут затруднить просмотр сайта. Это может](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-3.jpg)
неудачное сочетание цвета фона и текста, использование пестрого фона, java скрипты типа “Вращающиеся ссылки меню”, “Переливающиеся ссылки”, “Летающий текст”, блокирующие правую кнопку мыши, окошки типа alert при загрузке страницы, или при переходе по ссылке;
использование большого количества графики, flash-анимации, т.к. это существенно увеличивает время загрузки сайта. Исходя из этих соображений, размер одной загружаемой страницы не должен превышать 40 КБ, а если сайт сделан во flash, то необходимо сделать альтернативную HTML версию сайта;
помещение важной информации, такой как, навигационное меню в графическом виде, т.к. у посетителя может быть отключена загрузка рисунков;
использование для создания страниц HTML редакторов типа Front Page.
Слайд 5
Итак, начнём с поисков в ИНТЕРНЕТЕ.
![Итак, начнём с поисков в ИНТЕРНЕТЕ.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-4.jpg)
Слайд 6http://site990.ru/site-design.html
Красиво!
Но … дорого.
![http://site990.ru/site-design.html Красиво! Но … дорого.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-5.jpg)
Слайд 7
http://nubic.ru/?p=414 Блог Nubic’а
На этом сайте автор представляет нам скриншоты нескольких сайтегов дизайн
![http://nubic.ru/?p=414 Блог Nubic’а На этом сайте автор представляет нам скриншоты нескольких сайтегов](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-6.jpg)
которых по его мнению является красивым и качественным, либо просто стильным.
Смотрите будущие и настоящие дизайнеры, оценивайте, открывайте для себя что - то новое, вот вообщем, куда и нужно стремиться.
Слайд 8http://www.km-school.ru/r1/sch_site.asp
КОНСТРУКТОР ШКОЛЬНОГО САЙТА
![http://www.km-school.ru/r1/sch_site.asp КОНСТРУКТОР ШКОЛЬНОГО САЙТА](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-7.jpg)
Слайд 9http://c2.mwport.ru/Default.aspx?tabid=2715&language=ru-RU
Некоторые примеры
дизайнов школьного
(классного) сайта
![http://c2.mwport.ru/Default.aspx?tabid=2715&language=ru-RU Некоторые примеры дизайнов школьного (классного) сайта](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-8.jpg)
Слайд 10Кроме того,
Для дизайнера сайта необходимо познакомиться со следующими программами:
Программа обработки векторной графики.
Программа
![Кроме того, Для дизайнера сайта необходимо познакомиться со следующими программами: Программа обработки](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-9.jpg)
обработки растровой графики.
Слайд 11Программа обработки растровой графики.
Одна из важнейших программ, которую нам пришлось освоить.
![Программа обработки растровой графики. Одна из важнейших программ, которую нам пришлось освоить.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-10.jpg)
Она помогла нам при сканировании фотографий и их коррекции. Эта программа часто используется при создании тех невообразимые эффектов, которые вы видите в Internet, рекламах и т.д. По нашему мнению, обязательными являются следующие умения для этого класса программ:
Сканирование фотографий;
Коррекция отсканированных и готовых фотографий, в том числе - тоновая и цветовая коррекция;
Ретушь фотографий;
Умение кадрировать;
Понимание различий в форматах графических файлов;
Грамотное использование фильтров;
Работа со слоями.
Слайд 12
В качестве конкретных программ можно привести следующие:
Adobe PhotoShop 3.0-5.5 - данная программа
![В качестве конкретных программ можно привести следующие: Adobe PhotoShop 3.0-5.5 - данная](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-11.jpg)
является лидером в области графических программ такого рода, но она требует и соответствующих ресурсов от компьютера.
Paint Shop Pro 4.0-5.0 - по нашему мнению, лучшая shareware-программа, которая, к тому же, поддерживает фильтры от Adobe PhotoShop и очень быстро работает с объемными (>20M) фотографиями. Может импортировать и экспортировать изображения в 40-50 разных форматов.
Некоторые работы нам пришлось делать, используя разные редакторы. Идеальных редакторов нет, некоторые лучше делают одно, некоторые - другое.
Слайд 13
Программа обработки векторной графики.
Еще одна из важных для дизайнера программ. Позволяет создавать
![Программа обработки векторной графики. Еще одна из важных для дизайнера программ. Позволяет](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-12.jpg)
с нуля или с использованием клипарта различные логотипы, кнопки, эффектные надписи и т.п. вещи. Принципы векторных редакторов сильно отличаются от растровых, поэтому осваивать их пришлось отдельно; зато, освоив их, мы заодно научились изготавливать для себя фирменные визитки, бланки, брошюры и т. п. В целом, мы получили следующие навыки:
Умение работать с графическими объектами (группировка, наложение, получение нестандартных объектов);
Умение работать с кривыми и узлами кривых;
Умение работать с направляющими и сеткой;
Умение разбираться в цветовых моделях (RGB, CMYK, HSB);
Работа с текстом - умение разместить его на любой кривой;
Грамотное использование градиентов и заливок (включая фрактальные);
Грамотное использование эффектов.
Слайд 14Программа обработки векторной графики.
Типичными представителями данного класса являются Corel DRAW 7.0-8.0
![Программа обработки векторной графики. Типичными представителями данного класса являются Corel DRAW 7.0-8.0](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/371855/slide-13.jpg)
и Adobe Illustrator - они обе являются лидерами в своих областях и, соответственно, располагают самыми последними достижениями в области векторной графики.