Дизайн сайта

update
Это тестовая страница, где будем обговаривать дизайн сайта и его изменения. Не выбор шаблона, а его изменения.

Лог событий:
  1. Изменение интерфейса блога обсуждений (добавлены оранжевые кнопки, и еще что-то)
  2. Добавлены кнопки перехода на виртуальный музей.

Несколько рекомендаций дизайнерам:
  1. Все картинки сохранять в png формате, с прозрачным фоном.
  2. В Adobe Photoshop выбираем пункт Сохранить для Web. (Файл => Сохранить для Web.)
  3. Формулы цвета выводить в RGB (пример background-colorrgba(0, 0, 0, 0.75), где 0,75 - альфа прозрачность, или в такой записи background-color: #RrGgBb, но тогда без прозрачности)
  4. Редактор градиентов CSS3 Gradient Generator и вот еще (внизу поставить галочку на Show CSS)
  5. Тут  можно выбрать шрифт, но только для английского языка (латиницы, кириллицу не поддерживает). Также предупреждаю сразу, что шрифты особо изменять не буду, так как для каждого браузера нужно переводить в свой формат, и это все-таки отражается на загрузки страницы, т е пользователи не будут ждать пока все загрузиться, а сразу уйдут и больше никогда не зайдут на сайт).
  6. Обязательно к прочтению!!!
  7.  -
  8.  -
  9. А вообще, если вы нашли что-то интересное на другом сайте, то кидайте сюда линк с описание, а там я уже  разберусь, что можно прикрутить на сайт.
Кстати, вот Photoshop онлайн

Продолжение следует... если еще что-то вспомню, то напишу.)

НЛО прилетело и оставило это сообщение

 

 Changelog

 update 19.03

 Ссылка на фоновую картинку, так что можете делать точно такую же со своим фоном, но размер оставитьw848*h344.

 

 update 21.03 

внизу убрал надпись "Бесплатный конструктор сайтов - uCoz", не совсем убрал, просто сделал по цвету фона, при наведении надпись становиться черной (убрать можно и это), ваши предложения по этому поводу?

 update 04.04 

Интеграция с ВК

 



31 комментарий:

  1. Не скажу, что мне очень понравилось, немного наляписто... Но это только мой взгляд.

    ОтветитьУдалить
    Ответы
    1. Меню? или виджет "Архив блога" и "Авторы блога"?

      Удалить
    2. Этот комментарий был удален автором.

      Удалить
    3. "Архив блога" и "Авторы блога". Поскольку эти записи должны быть и будут многочисленные, и не самые важные на странице, то их не стоит так ярко и крупно выделять.

      Удалить
  2. "Архив блога" и "Авторы блога". Насчет этого согласен, я этого и не делал, просто меню - виджет и архив блога тоже виджет, и из-за этого все свойства, которые вписаны для меню распространяются на другие виджеты.

    ОтветитьУдалить
  3. Ну я думаю, что форум в музее не нужен, в него просто никто не будет заходит, + меньше нагрузка на сайт.

    ОтветитьУдалить
  4. Может, ты и прав...
    Артем, это ты добавил рекламный баннер в правом нижнем углу?

    ОтветитьУдалить
    Ответы
    1. Я добавил.Но это вовсе не рекламный баннер, а скрипт определение браузера и системы. Просто я тестировал движок этого блоггера, оказывается, не все скрипты можно использовать. Этот скрипт я удалю, а вместо него, хочу добавить кнопку перехода, на сайт музея школы.

      Удалить
    2. Отлично, сделай это, потому как этот скрипт врет))

      Удалить
    3. Почему вы решили, что скрипт врет?

      Удалить
  5. Ответы
    1. Такого не может быть, точнее этого, еще никто не придумал, покажите скриншот.
      http://img-fotki.yandex.ru/get/6205/101942287.0/0_650ea_fb72b0ef_orig.png

      Удалить
  6. Артем, у нас не стоит задача изменять блог. Блог существует только для того, чтобы обсуждать в нем работу над проектом.
    А работать надо над сайтом! Кстати, сайт пока пуст!!! Когда же вы возьметесь за его наполнение?

    ОтветитьУдалить
  7. Так, а чем его наполнять? Что конкретно надо сделать?

    ОтветитьУдалить
    Ответы
    1. Артем, на сайте в разделе "Выпускники" должна быть страница "Выпуск 2012". Туда нужно будет выложить опросы и воспоминания о школе. Вот из этого документа:
      https://docs.google.com/document/d/1e8WzkuJZjAZJEZLa-TcUBdA6_l78cqjQgEJNLKdIj0E/edit

      И надо создать 2 фотоальбома: (названия не знаю пока, сейчас выложу для обсуждения)

      Удалить
  8. А там некоторые залы открываются в отдельных вкладках, это так и должно быть?

    ОтветитьУдалить
    Ответы
    1. В каждом зале будет несколько экспозиций. Нельзя же на одной странице поместить ВСЮ информацию о всех выпускниках... С годами она будет накапливаться.

      Удалить
    2. ну это понятно, я имею ввиду там несколько залов в новом окне открываются, это так и должно быть? И что с главной фотографией школы, которая должна быть на начальной странице (http://school1-museum.ucoz.com/top1.jpg), я предлагаю сделать таких штук двадцать, а я скриптом их буду менять, в зависимости от времени.

      Удалить
  9. Я посмотрела. Нет, Артем, так быть не должно. Все должно быть одинаково: пусть открываются в том же окне. Поменяй, пожалуйста. Еще, ты добавил фон в клеточку? Он упрощает дизайн, без него было лучше. Стоит убрать.
    По поводу фотографий (хорошая идея со сменой кадров): их много. Тебе их в школе скинуть или выложить на файлообменник?

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

      Удалить
    2. ОК)
      Артем, Витя сделал панораму. Это пока пробный вариант (мы его ставить не будем, так как он очень мрачный), посмотри, что получилось, интересно (его надо курсором вращать)
      https://docs.google.com/file/d/0B3brNb2M6debSm9SSlEwZlFUSjZvcDFVRHBsX2E4UQ/edit

      Удалить
  10. Та не панорама немного кривовата и плохо склеена, забор кривой)))))))))))

    ОтветитьУдалить
  11. Эх, Артем, надо было скриншот блога вчера, 1 апреля сделать :)

    ОтветитьУдалить
  12. http://img-fotki.yandex.ru/get/6205/101942287.0/0_67bff_939300b6_orig.png

    ОтветитьУдалить
  13. Артем, мне очень понравились кнопки панели "Мне нравится"!
    Выложи здесь скрипт.

    ОтветитьУдалить
  14. А я точно в админах? Или просто туплю, где изменение/добавление всяких ништяков и дизайна?

    ОтветитьУдалить