О дизайне сайта - 18 Июня 2012 - Савченко Е.М.





Меню сайта



Категории
Подготовка к ЕГЭ, часть С [17]
Моим ученикам [21]

Календарь
«  Июнь 2012  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930

Форма входа


Опросы
Оцените новый дизайн сайта
Всего ответов: 2177

Статистика
Рейтинг@Mail.ru
Geo Visitors Map
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня нас посетили


Комментарии: 2052
Форум: 26/285
Гостевая книга: 90

Поиск

Кнопка сайта



Приветствую Вас, Гость · RSS 11.12.2016, 05:13

Главная » 2012 » Июнь » 18 » О дизайне сайта
20:49
О дизайне сайта
Обновление дизайна сайта заметили постоянные посетители.
Я использовала стандартный каркас №211. В стандартный шаблон от uCoz я внесла некоторые изменения.
  • Кнопки для быстрой связи с администратором сайта я разместила в шапке сайта. Кнопка "Вконтакте" - это готовая кнопочка . А кнопку для электронной почты  и кнопку быстрого доступа в профиль администратора  я нарисовала сама, использовав программы PowerPoint и Paint. Через профиль администратора можно написать мне по системе личных сообщений сайта.
  • Кнопки сайта.   
    Это для учителей, которые делают ссылки на мой сайт для своих учеников. Рисунки я сделала в PowerPoint и Paint. Кнопку с анимацией я сделала помощью сервиса http://htmlweb.ru/gif-animator.
    Нарисовала кнопку перехода на страницу, где можно скачать код кнопки

  • В программе PowerPoint я нарисовала заголовок <рис.> и веселый логотип сайта <рис.>  Для рисования я применяю всегда  программы PowerPoint и Paint. Рисунок по запросу "санки" я взяла на сайте office.microsoft.com/ru-ru Рисунок-оригинал <рис.> Рисунок векторный, поэтому я смогла его преобразовать в векторном редакторе программы PowerPoint и реализовать свой творческий замысел с синусоидой и логотипом "Пи". Уменьшила длину санок, изменила цвет куртки. Но вот со второй картинкой пришлось повозиться, ведь второй мальчик тащит санки в гору. Как хороши получились ножки!
  • Осветлила на свой вкус фон блоков (меню, календарь, статистика) в программе Picture Manager, заменив три фоновых изображения.
  • Добавила счетчик активности посетителей, который считает комментарии к материалам, посты форума и гостевой книги. Кстати, можно подключить и счетчики материалов во всех других активных модулях сайта. Это информация для коллег, которые ведут сайт на uCoz.
  • Так как большое количество посетителей заходит на сайт из социальных сетей, поэтому появился блок кнопок "Поделиться". Код блока можно взять здесь api.yandex.ru, прямая ссылка api.yandex.ru/share Если вы уже более опытный веб-мастер, то предлагаю вам более интересный скрипт для встраивания кнопок социальных закладок на сайт. Генератор скрипта здесь http://share42.com/
  • Отрисованы под общий дизайн более 10 кнопок. Например, кнопки  графического меню, которые расположены под главным меню сайта. 
    Кнопки я сделала в программе Paint 

    Обнаружила, что мои кнопки появляются на других сайтах учителей. Значит, коллегам нравится. Поэтому не удалила "старые" кнопочки в фиолетовом цвете, может кому-то пригодятся.
    "Старые" кнопки в фиолетовом цвете     
  • Элемент дизайна "Награды сайта" я сделала в PowerPoint. Кубок для композиции я взяла здесь <рис.>. Но с рисунком кубка я тоже поработала, усилила цвет, яркость, контраст в программе Picture Manager. Дополнительно нарисовала ручки кубка в PowerPoint, т.к. при уменьшении картинки их было плохо видно. Этот элемент дизайна является графической ссылкой на страницу "Достижения сайта".
  • Дети на главной странице обуты в кроссовки, некоторые переодеты, у всех в руках математические атрибуты  <главная страница>
    Добавила на главную страницу солнце, т.к. получилось "холодно". Солнце и ссылку на линию помощи "Дети онлайн" собрала в одну картинку в PowerPoint <рис.> 

    Замечательные рисунки детей я нашла здесь   
  • Обратите внимание при прокрутке страниц вниз появляется кнопка, которая будет передвигаться за вами по всей высоте страницы (в правой части сайта). В любой момент вы можете подняться вверх. Скрипт для плавного скроллинга (прокрутки) страницы вверх я взяла здесь http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm  Чтобы перевести страницу легко и быстро, воспользуйтесь Google переводчиком. В текстовое поле для перевода внесите адрес страницы, который приведен выше, и нажмите кнопку Enter. Как работать с Google переводчиком я писала на форуме. Это можно посмотреть в разделе форума Прикольные штучки для сайта. Кнопочку-стрелку я нарисовала в PowerPoint Рисунок кнопки можно заменить на любой другой, чтобы она вписалась в ваш общий дизайн.

    Конечно, есть и более простые варианты для начинающих сайтостроителей. Например, установить в конце страницы код и у вас появится кнопка.
         
    Но у вас не будет плавного скроллинга, ведь у меня закачан в файловый менеджер скрипт. Но тем не менее скачок наверх страницы у вас будет.
  • В едином стиле выполнены графические ссылки на полезные сайты для обучающихся и учителей. Рисунки я "собрала" в PowerPoint. Эти рисунки одновременно украшают страницы сайта. Например, здесь >>>, >>>, >>> и >>>. А здесь составлена карусель из графических ссылок >>> 
  • Для оформления страниц сайта я использовала более 200 своих рисунков. Это рисунки, которые я нарисовала к урокам,  внеклассным мероприятиям, занятиям кружка, для оформления кабинета. Например, здесь >>>

Программа PowerPoint очень помогает мне при оформлении страниц сайта. Скриншоты слайдов моих презентаций украшают многие страницы. Если вы заинтересовались рисованием в PowerPoint, то рекомендую посетить разделы Рисуем в PowerPoint и глубоко изучить занятия раздела Мастерская.

Очень полезно учителям-сайтостроителям научиться делать скриншоты. Вот пример, как выглядят слайды из презентаций. Кстати, здесь можно увидеть "старый" заголовок сайта...
рис рис

[Кликните по изображению для увеличения рисунка. Нажмите и удерживайте для перемещения]

Добавляя множество авторских графических решений, я старалась сделать дизайн отличным от стандартного шаблона uCoz. Хотя мы учителя не профессионалы, но очень хочется эксклюзива и чего-то нового...

 
Первый вариант дизайна сайта.



А это уже второй вариант.
рис

Рисунки "переехали" на страницу "Математика и космос" >>>



Полезные ссылки о цвете в дизайне сайтов

Если у вас есть вопросы по ведению сайта, то вы можете написать на форуме. Здесь уже очень много полезной информации, может вы найдете ответ на свой вопрос. Кстати, копилка полезных прикольных штучек для вашего сайта пополнилась новыми кодами и ссылкой на бесплатные сервисы для украшения вашего ресурса. Прикольные штучки для сайта   Форум

Просмотров: 6954 | Добавил: admin | Рейтинг: 0.0/0
Всего комментариев: 5
4  
Здравствуйте!Хочу сразу сказать что я восхищаюсь Вами и вашем сайтом! Вот теперь делаю свой! Ваш сайт мой справочник и вот первая проблема я не могу понять как вы изменили каркас (шапку) вставили туда рисунок? и Сайт учителя математики так креативно оформили?

5  
Здравствуйте, Ирина.
На форуме я рассказывала, как изменить шапку сайта, почитайте здесь Форум

3  
Здравствуйте, Елена Михайловна!
Спасибо за то, что делитесь своими знаниями. Вы - УМНИЦА. Успехов Вам!
Ответ: Здравствуйте, Елена. Очень приятно, что материал полезен для коллег. Многие учителя хотят вести сайт для учеников. Какие мы все позитивные, хотим сделать мир лучше...

1  
Мне понравилась ваша статья Спасибо за хорошие и полезные советы. И хотя у меня 2 сайта, но я просто учитель математики и сайтами занимаюсь из интереса. Заходите в гости uwle4enia.ucoz.ru

2  
Здравствуйте Наталья Ивановна. На вашем сайте такой же каркас, как и на моем сайте. Я думаю, что учителям, которые собираются или уже ведут сайт в укоз, будет интересно посмотреть, как вы разместили фотографии. Готовый каркас (шаблон), не означает, что его нельзя изменить. Напротив, можно вносить изменения, воплощать свои творческие замыслы бесконечно. Спасибо за ссылку. biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© Савченко Е.М. 2009-2016