Мастер - класс "Сайт

Красивый сайт –
кто и как это понимает?
• для мастера создания флэш — это хорошо
сделанный флэш-сайт с множеством объектов,
анимацией, звуком…
• для дизайнера — важно гармонично сочетаемые
цвета, формы, технически хорошо отрисованные
графические элементы, включая фото и рисунки
• для программиста — красота заключается в коде
• для заказчика — по принципу: нравится, не
нравится, «это моя детка» или сайт красивый
потому, что его сделал мой сын или…
• для конечного пользователя — нравится, не
нравится, доверяю, не доверяю
Мастер-класс
по созданию сайта
«Сайт-портфолио учителя»
МОУ «Большеяниковская СОШ» Урмарского
района
Адрес сайта в сети Интернет
http://www.awrora05.21416s19.edusite.ru/
• Материалы для составления
структуры сайта - портфолио
учителя взяты:
• журнал "Завуч" №4, 2005г.
• Сайт сделан по программе
«Конструктор школьных сайтов»
Школьный Сайт
e-Publish Education
Технология
Технология создания сайта по программе
«Конструктор школьных сайтов» проста.
Начинающим достаточно прочитать
справку в самой программе после
установки или зайти на сайт
http://www.edusite.ru и прочитать
инструкцию работы с программой.
Дальше - дело техники: читай и твори!!!
Бегущая строка
• Бегущая строка в тексте документа является
одним из легких способов оживить Webстраницу. Бегущие объекты всегда привлекают
внимание, и пользователь обязательно прочтет
что там написано.
• Бегущая строка создаётся с помощью
контейнера тэгов.
• Проще: на сайте в html-код бегущей строки
вставить ваш текст и готово: ваш текст при
запуске сайта будет бегать.
• Готовые html-коды любого вида можно найти в
сети Интернет.
Слайд-шоу на сайте
• Слайд-шоу на сайте делается просто:
нужно сделать ссылку на страничку в
сети Интернет, где находится ваш
альбом с фотографиями.
Для этого сначала на любом сервисе
фотоальбомов, например,
нужно создать альбом и загрузить туда
фотографии. Каждая фотография будет
иметь свой адрес в Интернете.
Бегущая фотогалерея
• Технология создания бегущей
фотогалереи похожа на
технологию создания бегущей
строки: нужно вставить в html-код
бегущей фотогалереи адреса
фотографий в сети Интернет в
сервисе веб-альбомов.
Быстрая загрузка
видеороликов
• На видеохостингах видео,
кинотрейлеров, мультфильмов,
видеоприколов и т.д., например,
RuTube.ru, сначала загрузить нужный
видеоролик. Каждый видеоролик будет
иметь свой адрес в Интернете. А затем
на своем сайте сделать ссылку на этот
видеоролик.
Календари, скрипты, курсоры,
музыку и разные анимационные
картинки для оформления сайта
можно найти на сайте:
• 7 простых правил, которые жизненно
необходимо соблюдать, чтоб сделать
красивый сайт:
•
•
•
•
•
•
•
Рассматривайте каждую страницу сайта как цветовые пятна
(текст тоже считается цветным объектом)
В целом сочетание цветов сайта не должно раздражать глаза:
– избегайте резких, не приятных для восприятия, "контрастноядовитых" сочетаний цветов
– избегайте часто мигающих объектов, которые превращают Вашу
страницу в новогоднюю елку.
Цветовых пятен не должно быть много, чтоб глаза знали, где
остановиться, и за что зацепиться.
Комбинируйте цветовые объекты в группы, которые
концентрируют внимание в определенных местах
Расставляйте акценты на каждой странице сайта в зависимости
от приоритетных целей страницы. По принципу, то, что важнее
– привлекает больше внимание цветом, размером, формой.
Дайте возможность сканировать Вашу страницу по цветовым
пятнам, и при этом получать всю необходимую информацию о
назначении и возможностях сайта.
И самое главное, не пытайтесь угадать, понравится
конечному пользователю сайт или нет, проведите небольшое
тестирование.
И, наконец:
творчества, фантазии и
терпения!!!!!!!!