Сайт портфолио
#1
Отправлено 08 сентября 2010 - 09:55
Макет сайта.
maket.jpg 89,81К 124 Количество загрузок
Дизайн уже практически готов и нуждается только в небольшой доработке. Делается всё в фотошопе + нарезка.
Что я хочу:
1. Меню странички я буду анимировать во флеше.
2. Далее снизу будет находится флеш галерея с прокруткой. Картинки будут грузится из XML файла. Может быть вы могли бы подсказать где можно найти информацию о создании галереи с прокруткой? Хочу, что бы при клике на картинку большой размер грузился поцентру экрана, затемняя всю страничку (примерно как тут http://www.elenasaba.../portfolio.html).
3. Основной контент будет в ХТМЛе
4. Снизу я хочу сделать облако тегов. Как и чем оно делается?
Чем можно несложно связать всё это между собой, что бы при загрузки новой работы, оно шло, при желании, в облако тегов?
Это основные вопросы. Думаю, что как начнётся реализация, вопросов будет больше
#2
Отправлено 08 сентября 2010 - 14:34
Флеш это конечно хорошо, но не все его любят.1. Меню странички я буду анимировать во флеше.
Опять же флеш галерея, ну наверно дизайнерам так проще ;) Зачем ХМЛ файл? Он в основном используется для хранения текстовой информации. Возьми пхп инклюд и из него уже грузи, с помощью вариаблов. О банальном "клик и картинка по-центру" написано множество статей, делается или воруется на яваскрипте (самое, имхо, простое.) но можно и на пхп.2. Далее снизу будет находится флеш галерея с прокруткой. Картинки будут грузится из XML файла. Может быть вы могли бы подсказать где можно найти информацию о создании галереи с прокруткой? Хочу, что бы при клике на картинку большой размер грузился поцентру экрана, затемняя всю страничку (примерно как тут http://www.elenasaba.../portfolio.html).
Ну этим в наше время не удивишь, главное следуй w3 нормам. И не забывай для флеша сделать правильный object.3. Основной контент будет в ХТМЛе
http://en.wikipedia.org/wiki/Tag_cloud4. Снизу я хочу сделать облако тегов. Как и чем оно делается?
Внизу ссылки.
опять же пхпшным инклюдом или запросом к MySql базе данных. Чтобы при клике на изображении менялся также инклюд с тэгами.Чем можно несложно связать всё это между собой, что бы при загрузки новой работы, оно шло, при желании, в облако тегов?
Удачи.
Сообщение изменено: Clement (08 сентября 2010 - 14:36 )
#3
Отправлено 08 сентября 2010 - 16:06
Что я хочу:
Флеш это конечно хорошо, но не все его любят.
Опять же флеш галерея, ну наверно дизайнерам так проще ;) Зачем ХМЛ файл? Он в основном используется для хранения текстовой информации. Возьми пхп инклюд и из него уже грузи, с помощью вариаблов. О банальном "клик и картинка по-центру" написано множество статей, делается или воруется на яваскрипте (самое, имхо, простое.) но можно и на пхп.
Ну этим в наше время не удивишь, главное следуй w3 нормам. И не забывай для флеша сделать правильный object.
http://en.wikipedia.org/wiki/Tag_cloud
Внизу ссылки.
опять же пхпшным инклюдом или запросом к MySql базе данных. Чтобы при клике на изображении менялся также инклюд с тэгами.
Удачи.
можно и без флеша. может уже есть готовые движки для реализации. в пхп я полный 0
Сообщение изменено: Knartz (08 сентября 2010 - 16:07 )
#5
Отправлено 08 сентября 2010 - 16:37
1. С помощью Javascript фреймворков можно тоже красиво сделать.1. Меню странички я буду анимировать во флеше.
2. Далее снизу будет находится флеш галерея с прокруткой. Картинки будут грузится из XML файла. Может быть вы могли бы подсказать где можно найти информацию о создании галереи с прокруткой? Хочу, что бы при клике на картинку большой размер грузился поцентру экрана, затемняя всю страничку (примерно как тут http://www.elenasaba.../portfolio.html).
3. Основной контент будет в ХТМЛе
4. Снизу я хочу сделать облако тегов. Как и чем оно делается?
2. У неё на сайте как-раз таки то, что я упоминал в 1 ответе. Загугли prototype, lightbox, scriptaculous.
4. В зависимости от остальной реализации галереи.
– Совсем худо, – заключил хозяин, – что-то, воля ваша, недоброе таится в мужчинах, избегающих вина, игр, общества прелестных женщин, застольной беседы. Такие люди или тяжко больны, или втайне ненавидят окружающих.
#6
Отправлено 08 сентября 2010 - 19:49
это planb.ee?
ничего общего! может только расположение галереи
Сообщение изменено: Knartz (08 сентября 2010 - 19:50 )
#7
Отправлено 09 сентября 2010 - 16:22
Картинка на весь экран это lightbox, хоть существует и множество неплохих альтернатив.
Разные галереи с прокруткой или без например тут.
Облако тегов. Да и в принципе, в чем смысл облака тегов в портфолио?
П.С. Если будут ещё вопросы или нужна помощь, пиши в ЛС.
Сообщение изменено: djeux (09 сентября 2010 - 16:28 )
Мужчина без женщины - всё равно, что дерево без гусеницы. © не Gra4-а, ему знакомый сказал
#8
Отправлено 09 сентября 2010 - 18:31
schit.jpg 104,38К 77 Количество загрузок
Сделано 3 дива - хедер, боди и футер.
Проблема в боди. Сделана таблица в 2 строчки. Верхняя строка 80 пикс высотой. Средняя ячейка (основная для контента) - мердж 2х полей строчек. Проблемы начинаются тогда, когда в основное поле вбивается инфа. строка с циферкой 1. растягивется. Понимаю, что браузер привязывается к верхней строке в смердженной ячейке. Как уйти от данного косяка? ИЕ видит этот косяк, Мозила показывает всё нормально. больше ничем не тестил.
Сообщение изменено: Knartz (09 сентября 2010 - 19:02 )
#9
Отправлено 09 сентября 2010 - 19:02
P.S. Если картинка и сайт одного размера и я правильно понял, у тебя сайт шириной 1064 px что, как бе далеко от правильного построения, делай на 960px или гибкую верстку (не фиксированную).
Сообщение изменено: djeux (09 сентября 2010 - 19:05 )
Мужчина без женщины - всё равно, что дерево без гусеницы. © не Gra4-а, ему знакомый сказал
#11
Отправлено 10 сентября 2010 - 15:34
А вообще, с тех пор как гугль объявил ему войну, под него верстают только самые серьёзные конторы
Сообщение изменено: Clement (10 сентября 2010 - 15:37 )
#12
Отправлено 10 сентября 2010 - 20:22
"Сообщения об ошибках отображения сайта от гордых пользователей IE версии 6 и ниже — не принимаются."
Мужчина без женщины - всё равно, что дерево без гусеницы. © не Gra4-а, ему знакомый сказал
#13
Отправлено 16 сентября 2010 - 15:26
На пхп пока не имею ни малейшего понятия как сажать, почитаю.
Снизу, где письмо с ручкой, будет вызываться почтовая форма как лайтбокс. Пока не искал её. Может чего подкините.
На перо от планшета думаю сделать какой-нибудь скрипт типа текст выскакивает. Тоже не искал пока ничего такого.
Лайтбоксы конфликтовали со скриптами карусельки, поэтому поставил хреновенький лайтбокс. Может чего посоветуете?
чуть не забыл. В карусельке в цсс хочу сделать обводку вокруг картинок со скруглёнными краями, но пока не могу разобраться как. Помогайте!
Сообщение изменено: Knartz (16 сентября 2010 - 15:32 )
#15
Отправлено 16 сентября 2010 - 17:13
Крутилку, как написал выше, можно и получше. Плюс ты хочешь реализовать на них лайтбоксом большой вариант? Какой смысл на главную сразу работы выкладывать, если у тебя есть кнопочка "Портфолио"?
#16
Отправлено 16 сентября 2010 - 18:43
Лучше найди CMS под портфолио, купи/найди/скачай готовый дизайн и переделай его.
Сейчас скажем так, сайт пугает. Человеку пришедшему на сайт, глубоко побоку кто его делал, сам владелец или кто-либо другой, а вот некачественный сайт скорее всего спугнет.
Мужчина без женщины - всё равно, что дерево без гусеницы. © не Gra4-а, ему знакомый сказал
#17
Отправлено 16 сентября 2010 - 19:33
#18
Отправлено 16 сентября 2010 - 20:21
Твои идеи делаются на банальных onMouseOver and onMouseOut, ну вообщем стандартный яваскрипт пойдёт. Хотя правильно, сейчас же есть jQuery ^^
Все остальные навороты там же.
#19
Отправлено 16 сентября 2010 - 21:19
чтоб показазывать самые новые работы. Есть такое желаниеТы не ответил на вопрос: зачем тебе крутилка, если в меню есть портфолио?
#20
Отправлено 16 сентября 2010 - 21:39
Ну тогда ладно. Ты сразу определись будет писать динамику с пхп или чистый xhtml and jQuery.чтоб показазывать самые новые работы. Есть такое желание
С этого уже и будешь верстать. Вот ту же форму обратно связи легко написать на пхп, а остальной контент можно тогда и так.
Здесь не звери сидят, помогут, если чётко сформулируешь вопрос. А готовый кусок кода на твою идею вряд ли дадут.
Сообщение изменено: Clement (16 сентября 2010 - 21:41 )
#21
Отправлено 16 сентября 2010 - 22:04
Здесь не звери сидят, помогут, если чётко сформулируешь вопрос. А готовый кусок кода на твою идею вряд ли дадут.
Хорошо, буду по порядку - как добавить скруглённые рамки вокруг картинок в цсс стиль от карусели?
#24
Отправлено 17 сентября 2010 - 16:52
-moz и -webkit это не CSS3, это вендорные решения разработчиков браузеров, поэтому они поддерживаются в более старых версиях браузеров.Это CSS3, который не все браузеры поддерживают.
Есть ещё вариант.
Создаешь 4 картинки с разным углом поворота, где 1 часть это цвет фона, другая прозрачная, потом при помощи div или span распихиваешь по углам parent div-а. Так делали раньше, например форум PHPBB3 так делал(ет).
Но я это не рекомендую. Так как увеличивает количество "мусора" в коде. Лучше обойтись без них.
Ещё, если у тебя будет один из главных элементов с круглыми краями, придется лепить всё с ними
Мужчина без женщины - всё равно, что дерево без гусеницы. © не Gra4-а, ему знакомый сказал
#25
Отправлено 17 сентября 2010 - 18:39
А border-radius - CSS3.-moz и -webkit это не CSS3, это вендорные решения разработчиков браузеров, поэтому они поддерживаются в более старых версиях браузеров.
Всё-таки не у всех ещё последние браузеры.
http://designformast...rners-no-image/
Закругление углов без использования изображений.
#29
Отправлено 17 октября 2010 - 21:12
На сайте текст редактированный или ты так его кинул? Много ошибок...каталоги и брошуры для различных меропрИятий. На сегоднЯшний день продолжаю учёбу, а также самостоятельно развиваюсь в разнЫх направлениях графического дизайна. В последнее время увлёкся фотографией, которой отдаю(уделяю лучше звучит) немало времени и сил. НекОторые мои фотографии можНо увидеть здесь.
-------------------------------------------------
Pride of Tallinn - Levadia Football Club ™
#30
Отправлено 17 октября 2010 - 22:09
я ещё даже не проверял. не стоило конечно непроверенный выставлять - я просто накидал его, но ещё даже не смотрел где ляпсусов наделал - пока всё в папке "тест".На сайте текст редактированный или ты так его кинул? Много ошибок...