Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Архив обучения от 03.12 » кубицеский птЫц


кубицеский птЫц

Сообщений 1 страница 10 из 31

1

привет) почему выбрала меня? чему хочешь научится?

0

2

Rush
привет))

Rush написал(а):

почему выбрала меня?

Понравился твой подход к обучению и дизайны.))

Rush написал(а):

чему хочешь научится?

основам основ - чересчур пафосно звучит.) наверное, хотелось бы добросовестно и до некого логического конца разобраться в HTML, для начала и для себя. А так, с дизайнами для форумов разобраться бы еще, а то пока удовлетворенности нет от результатов.

0

3

Скажи мне, что ты уже изучала в хтмл)

0

4

скажем так, читаю тему "HTML с нуля". Вроде бы пока всё понятно и всё работает.) Но хотелось бы каких-то заданий, может быть, для закрепления материала и правки, если код (чем я очень страдаю) не самый оптимальный.)

0

5

Chiffa
я придумаю и напишу

0

6

Rush
хорошо.)
Хотя есть альтернативное предложение - если с хтмл возиться нет особой охоты - можно пока заняться дизайнами и css.) хтмл легче, и я его могу и сама освоить.)

0

7

Chiffa
создадим макетик

напуствие

Я не считаю, что дизайны должны быть похожи друг на друга. Ролевые же отличаются друг от друга, так почему же дизайны должны быть под штамповку?
Первое и самое важное - не бойся отличаться от других, но и не перебарщивай. Не делай ненужные коллажи, если это не вписывается в дизайн, лучше просто хорошо обработай одну картинку, сделай ее одним целым с остальными элементами. Ведь главное - создать целостность композиции, представь, что ты рисуешь картинку, к примеру пейзаж.
Во-вторых старайся делать максимально легкую графику, чтобы дизайн грузился так быстро, как мог. Используй png только там, где есть прозрачные детали, а для остальных сохраняй в формате jpg.
В-третьих, следи за цветовой гаммой - не делай слишком темные или слишком яркие цвета, у большинства пользователей зрение далеко не самое лучшее, так что делай так, словно ты и сама с ужаснейшим зрением.
В-четвертых, дизайн не должен обрезаться или повторяться на больших разрешениях (самое большое 1920*1200), делай так, словно у тебя самое большое разрешение экрана.
В-пятых, не нагружай хтмл-верх и низ форума, все, что можно переноси в ксс, так дизайн будет легче.
В-шестых, сохраняй псд и делай для дизайна макет, чтобы в случае чего легко исправить косяки и переделать что-то.

Затем это:

создание макета для дизайна

Это важная и полезная вещь поможет вам менять любые элементы дизайна. Во-вторых получается намного меньше косяков, чем, когда элементы разрознены. В-третьих можно сразу посмотреть на общий вид дизайна и решить все ли подходит друг другу.
Для удобства можно назвать ваши элементы - шапка, передний фон, задний фон и т.д. Советую сам макет делать для большого разрешения экрана (1920*1200), потому что потом уже на самом форуме фон может обрываться или повторятся, если он будет меньше ширины 1920 пикселей.
Для создания макета создаем файл размером 1920*1200 и окрашиваем его в любой цвет. Делается это для того, чтобы потом не запутаться, что в вашем макете - что. ДЛя переднего фона создаем файл шириной форума и высотой 1200 пикселей и сразу же окрашиваем его в цвет, а потом переносим на наш макет. Для шапки создаем другой файл любой ширины (до 1920 пикселей) и любой высоты, тоже окрашиваем его и переносим его на самый первый файл.
Элементы самого дизайна делаем отдельно, но обязательно сохраняем псд, чтобы потом если что можно было что-то изменить, а затем уже склеиваем слои и переносим на наш макет.

Потом вот это:

Пошаговая инструкция по созданию дизайна

1. Создаем файл размером 1920*1200 px. Это задний фон. Можно залить его цвеом, можно наложить бесшовную текустуру, а можно просто найти картинку соотвествующего размера.
2. Создаем файл размером 800*1200 px. Где 800 - желаемая ширина форума. Это будет передним фоном.
3. Создаем файл размером 800*400 px, где 800 - желаемая ширина форума, 400 - высота шапки. Это шапка. Если вы хотите сдлеать шапку на всю длину форума, то создавайте файл размером 1920*400 (высота шапки) px.
4. Далее создаем иконки и ещё нужные нам элементы (категории, картинки в меню навигации и т.д.)
5. После того как вся графика готова - сохраняем ее в псд и сводим слои, а заетм переносим на первый файл (размером 1920*1200 px). Это макет нашего дизайна, далее вам надо только его разрезать и вставить в коды.

После всего выше перечисленного рассматривай макеты:
макет для дизайна с шапкой на всю длину
http://uploads.ru/i/G/W/D/GWDPc.jpg
макет для дизайна с шапкой на ширину форума
http://uploads.ru/i/f/D/4/fD4Bb.jpg

Если что будет непонятно или вообще запутаешся, спрашивай обязательно будем разбираться)

после всего будем создавать макет)
и еще на низ форума не обязательно делать другой цвет, это место под нижную часть рамки или копирайт или контейнер для баннеров, поэтому тут тоже цвет тела форума

макет создаешь с уже готовыми эелементами дизайна

0

8

Пока рисую шаблон - возник вопрос: можно ли панель навигации (Форум, Участники, Поиск...) сделать в виде картинки-карты?
Хотя тут же задумываюсь над вопросом разных групп - гостей, пользователей и администраторов - ведь всем показываются свои ссылки там. Тогда нужно создавать три разных панели: для каждой группы, или же это невозможно?)

Отредактировано Chiffa (2012-08-23 17:20:55)

0

9

Chiffa написал(а):

можно ли панель навигации (Форум, Участники, Поиск...) сделать в виде картинки-карты?

можно пример такого?

0

10

Rush
честно говоря, примеров не помню, чтобы встречала, как таковых.. Просто мысль такая появилась в процессе разработки макета.
С заменой ссылок индивидуальными картинками уже сталкивалась, но вот чтобы цельное изображение содержало в себе ссылки на пункты меню - нет.(
Моя идея выглядит приблизительно так:

клик

http://s1.uploads.ru/i/sqCfO.jpg

И сейчас уже появилась идея, как, вероятно, можно такое реализовать. http://forumd.ru/viewtopic.php?id=1449 вот эту тему читаю.)
можно разрезать эту картинку приблизительно вот так:

разметка

http://s1.uploads.ru/i/neWc6.jpg

и дальше, изменив порядок следования пунктов меню, заменить их на эти изображения. Единственный минус - всё изображение будет ссылкой, не только надпись.. Так что думаю дальше.)

0


Вы здесь » Кот » Архив обучения от 03.12 » кубицеский птЫц


Рейтинг форумов | Создать форум бесплатно