Дизайн сайтов • Психология и соционика

Дизайн сайтов

Общение участников всех квадр, ваши хобби, увлечения, творчество
Правила форума
Правила Журнал "Квадра"

Дизайн сайтов

Сообщение Oleg » Пн сен 11, 2006 9:22 pm

Эта тема создана для обсуждения разработки дизайна сайтов ТИМов.

Сайты будут на Joomla.

Основные сайты о Joomla на русском языке:
http://www.joom.ru
http://www.joomlaportal.ru
http://www.myjoomla.ru

Официальный сайт Joomla на английском языке:
http://www.joomla.org
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Oleg » Пн сен 11, 2006 9:22 pm

Информация для дизайнеров по созданию шаблона.

Инструкция по установке Joomla на локальную машину:

Способ №1 (наиболее простой и быстрый)
http://www.n-admin.com/n27-878.html

Его плюс в том, что количество сайтов может быть больше двух.

Способ №2 (если первый способ по каким-то причинам не получится)
1. Сначала скачиваешь и устанавливаешь последнюю версию Денвера. Там все настройки apache и mysql уже есть.
http://www.denwer.ru/

2. Запускаешь Денвер.

3. Заходишь в phpMyAdmin, создаешь базу.

4. Потом в директорию test1 заливаешь Joomla 1.0.8 вот отсюда (справа - стабильная версия)
http://joomlaportal.ru/

5. Запускаешь инсталлятор, там практически все настройки уже есть. Нужно только пароли поставить.


Каталог сайтов с шаблонами тут:
http://joomlaportal.ru/content/view/68/79/

Расширения/допонительные модули для Joomla тут
http://extensions.joomla.org/

Обучение стилям CSS в Mambo тут
http://mamboteam.ru/index.php?option=co ... &Itemid=57

Так как Joomla выросла из Mambo, то в целом должно быть примерно тоже самое.

Вот тут уже видео-Help для работы с Mambo изнутри, очень наглядно:
http://e-planet.ru/tutorial/mambo/

Плагин разработки шаблонов Joomla для Dreamweaver
Joomla! Dreamweaver ext 1.0
http://developer.joomla.org/sf/frs/do/v ... er_ext_1_0

Варианты с шаблонами:
1. Бесплатный (минус - пока они не очень качественные)
2, Разработка собственного.

Алгоритм создания шаблонов:
1. Рисуется макет страниц
2. Делается нарезка макета в html и css
3. Утверждается админом сайта и большинством участников создания ТИМного сайта
4. Делается заточка нарезки под шаблон Joomla
5. Небольшой кусок на php, файл index.php

Основное требование - двойное меню. Сверху по ТИМам и основное слева.

Перенос сайта с localhost на сервер
http://joomlaportal.ru/content/view/51/53/
Последний раз редактировалось Oleg Пн сен 11, 2006 11:40 pm, всего редактировалось 1 раз.
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Oleg » Пн сен 11, 2006 9:37 pm

Свое желание стать дизайнерами высказали Nash для сайта Есенина и Жукова и pingvinov.net для сайта Гексли.

Nash уже успела сделать несколько рисунков, по-моему очень хорошие :)

Примеры дизайна для Жуковского сайта:
http://img110.imageshack.us/my.php?image=2222ys7.jpg
http://img108.imageshack.us/my.php?image=1111fy7.jpg
http://img144.imageshack.us/my.php?image=headersqm7.jpg
http://img183.imageshack.us/my.php?image=444gp1.jpg

Примеры дизайна для Есенинского сайта:
http://img182.imageshack.us/my.php?image=555fp3.jpg
http://img170.imageshack.us/my.php?image=444vq5.jpg
http://img227.imageshack.us/my.php?image=666nk1.jpg
http://img182.imageshack.us/my.php?image=1004lw0.jpg
http://img218.imageshack.us/my.php?image=headerswq2.jpg
http://img218.imageshack.us/my.php?imag ... rs1ay3.jpg
Последний раз редактировалось Oleg Пн сен 11, 2006 10:07 pm, всего редактировалось 2 раз(а).
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Oleg » Пн сен 11, 2006 9:38 pm

Предлагаю дизайнерам обмениваться здесь опытом и помогать друг другу, если это потребуется.
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Nash » Пн сен 11, 2006 11:13 pm

:) Вооот.. Замечательно! Oleg спасибо за темку! Тут я и напишу.
По дизайнам. Особенно по Есененскому, вот такие нюансы. Слишком разное все хотят. Особенно цветовая гамма. А дизайн-то один. Давайте уже как-то объединим желания. И решим ,что, возможно устроит всех. По цветовой гамме, по шапке и её наполнению. Если у кого-то есть картинки интересные, подходящие, давайте посмотрим? Идеи какие-то? Постите сюда, давайте думать. Только очень большая просьба - картинки в виде ссылок. У меня модем(думаю не только у меня) и инет вообще сейчас никакой. Я рискую картинки даже не увидеть, если их много наберется на странице. :(
Да! Все превьюхи, что я делала, плохого качества. Сильно сжатые. В рабочем виде в браузере смотрится гораздо привлекательнее. :)

Oleg Денвер у меня стоит. А вот саму Джумлу скачать не могу пока. :( Скорости нет вообще. Попозже скачаю, проверю таблицу стилей. Вроде я там все меняла, но могла конечно и пропустить.

Алгоритм создания шаблонов:
1. Рисуется макет страниц
2. Делается нарезка макета в html и css
3. Утверждается админом сайта и большинством участников создания ТИМного сайта
4. Делается заточка нарезки под шаблон Joomla
5. Небольшой кусок на php, файл index.php

Вот это не совсем поняла. Я просто в Ф-шопе по сохраненным фрагментам делаю свой дизайн(шапка, кнопки, фон если надо) В дриме правлю таблицу стилей, параллельно в шопе пипеткой беру цвета(с шапки например) для сохранения цветовой гаммы. Если надо меняю размеры опять же в дриме, предпросмотр в браузерах. И все. А количество кнопок прописывается в php. И сверху и сбоку. Единственное - я пока не проверяла на полной рабочей модели. Только одна страница. Скачаю-проверю. :)
Человек может поверить в невозможное, но никогда не поверит в неправдоподобное.
Оскар Уайльд
Аватара пользователя
Nash
Местный
Местный
 
Сообщения: 848
Зарегистрирован: Вс июл 02, 2006 9:30 pm
Медали: 2

Сообщение Nash » Пн сен 11, 2006 11:33 pm

Oleg Ой...
Бесплатный JamboDesigner:
http://www.jamboworks.com/content/view/44/58/

ссылка нерабочая.. :( а жаль...
Человек может поверить в невозможное, но никогда не поверит в неправдоподобное.
Оскар Уайльд
Аватара пользователя
Nash
Местный
Местный
 
Сообщения: 848
Зарегистрирован: Вс июл 02, 2006 9:30 pm
Медали: 2

Сообщение Oleg » Пн сен 11, 2006 11:35 pm

Nash, мне нравится твой синий дизайн Есевского сайта. На всех все равно не угодишь, то что у тебя получилось - профессионально :)
Я уже Татьяне мылом писал, что полтора года в рекламном интернет-агентстве Москвы работал, поэтому примерно могу оценить уровень. Все супер :)

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

Вобщем я пока за тобой не успеваю :)

Макеты можно будет и на локальном компе проверить, когда у тебя появится возможность скачать инсталятор Joomla.

А потом протестим уже на реальном сайте.

Шаблон для Joomla - это директория с его названием. То есть если все ок на своем компе, можно просто прислать мне архив, а его залью на сервер и проверю.
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Oleg » Пн сен 11, 2006 11:39 pm

Nash писал(а):Oleg Ой...
Бесплатный JamboDesigner:
http://www.jamboworks.com/content/view/44/58/

ссылка нерабочая.. :( а жаль...

То ли проект закрылся, то ли просто недоступен сайт. Пока уберу ссылку.

Поискал в инете эту прогу, ничего нет.
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Nash » Вт сен 12, 2006 8:29 am

Oleg :) Тогда я соберу до кучи все для каждого сайта, лишнее поубираю, а то там в папках куча постороннего.. А потом вышлю. На мыло? И еще хочу Есенинский помучить, идея сегодня созрела. Выложу тут на всеобщее обозрение. :)
Человек может поверить в невозможное, но никогда не поверит в неправдоподобное.
Оскар Уайльд
Аватара пользователя
Nash
Местный
Местный
 
Сообщения: 848
Зарегистрирован: Вс июл 02, 2006 9:30 pm
Медали: 2

Сообщение Espero » Вт сен 12, 2006 8:55 am

Пока я два дня болел гриппом и сидел без инета, вы тут наворотили... :)
Сейчас на http://www.sociotypes.ru/ стоит дефолтная тема. Если кто собирается брать ее за основу для реального дизайна, то предлагаю следующее: в меню убрать подсвечивание картинок-ссылок при наведении - у меня IE норовит перезагрузить каждую картинку. Знаете, не у всех есть выделенка так что...

Из таблицы стилей нужно убрать вот это:

a.mainlevel:hover {
background-position: 0px -25px;
text-decoration: none;
color: #fff;
}


И вообще предлагаю из меню убрать псевдо-кнопки.
...с топором идти по жизни.
Espero
Местный
Местный
 
Сообщения: 1253
Зарегистрирован: Пн сен 04, 2006 6:08 am
Откуда: Красноярск
Пол: Мужской
Соционический тип: Есенин
Тип по психе-йоге: Паскаль (ЛЭВФ)

Сообщение Nash » Вт сен 12, 2006 9:19 am

Espero У меня модем, я выше писала. 33,6 Кб/с скорость приема, это если работает(про закачки я ваще молчу). :) А с IE прям и не знаю, насчет подсветки кнопок. Первый раз слышу. У меня такого не бывает никогда.
Человек может поверить в невозможное, но никогда не поверит в неправдоподобное.
Оскар Уайльд
Аватара пользователя
Nash
Местный
Местный
 
Сообщения: 848
Зарегистрирован: Вс июл 02, 2006 9:30 pm
Медали: 2

Сообщение Oleg » Вт сен 12, 2006 9:25 am

А я предлагаю все-таки не убирать красивости, потому что через год-два все перейдут если не на выделенку, то хотя бы на Стрим по телефону, который в несколько раз быстрее. И к тому же изменение цвета кнопки вряд ли влияет на объем файлов и скорость загрузки. Это же не Flash какой-нибудь.

Не стоит также ориентироваться на DOS или разрешение 640*480 :) Если только под Pocket PC делать. Кстати на Oracle Portal это уже встроено, может и в Joomla в будущем какой-нибудь модуль вставят.
Последний раз редактировалось Oleg Вт сен 12, 2006 9:30 am, всего редактировалось 2 раз(а).
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Oleg » Вт сен 12, 2006 9:27 am

Nash писал(а):Espero У меня модем, я выше писала. 33,6 Кб/с скорость приема, это если работает(про закачки я ваще молчу). :) А с IE прям и не знаю, насчет подсветки кнопок. Первый раз слышу. У меня такого не бывает никогда.

Может имеется в виду изменение цвета кнопки при наведении на нее? Сейчас он на красный меняется в левом меню.
Аватара пользователя
Oleg
Администратор
Администратор
 
Сообщения: 54154
Зарегистрирован: Вс окт 09, 2005 9:08 pm
Откуда: Москва
Медали: 10
Пол: Мужской
Соционический тип: Бальзак
Тип по психе-йоге: Сократ (ВЛЭФ)
Темперамент: Флегматик
Профессия: Программист, оптимизатор

Сообщение Nash » Вт сен 12, 2006 9:34 am

Oleg
Ну да, наверное. В верхнем меню он меняется на заявленный цвет, а в левом на цвет фона(с градиентом). Но у меня корректно и IE и Опера это читает. Никаких неожиданностей. :shock: И я тоже против убирания красивостей. Помимо всего это придает странице живой вид. :)
Человек может поверить в невозможное, но никогда не поверит в неправдоподобное.
Оскар Уайльд
Аватара пользователя
Nash
Местный
Местный
 
Сообщения: 848
Зарегистрирован: Вс июл 02, 2006 9:30 pm
Медали: 2

Сообщение Espero » Вт сен 12, 2006 9:39 am

Проведите мышкой вдоль меню сверху вниз - IE перезагружает картинки. По 2-3 секунды. Это нормально? Или пожалеем бедных пользователей?
Красивости можно сделать и без динамической смены цвета при наведении мыши. Это как раз из области того, что дизайн должен быть незаметен.
...с топором идти по жизни.
Espero
Местный
Местный
 
Сообщения: 1253
Зарегистрирован: Пн сен 04, 2006 6:08 am
Откуда: Красноярск
Пол: Мужской
Соционический тип: Есенин
Тип по психе-йоге: Паскаль (ЛЭВФ)

След.

Вернуться в Клуб Квадра

Кто сейчас на конференции

Зарегистрированные пользователи: Asqard, Анатолий Овчаров, Атех, dancing_sunbeam, Exabot [Bot], GoGo [Bot], Google [Bot], Google Adsense [Bot], Istanaro, kurlemushe, MrsShadow!, nify, Гримми, Sham_rock, Yandex 3.0 [Bot], Yandex [Bot], Zevs, Феликс, Морозов, на лошади весёлой, яра