Rossavie & crimson soda

Поделиться12013-03-12 06:21:00

Автор: crimson soda
give us the absolute
Зарегистрирован: 2012-07-03
Приглашений: 0
Сообщений: 134
Уважение: +13
Позитив: +10
Возраст: 29 [1995-02-22]
Провел на форуме:
1 день 17 часов
Последний визит:
2013-09-16 21:25:02

Привет, Дара. Меня зовут Настя, но называть можно по нику (или просто - Сода). Лучше на "ты", мне так комфортнее.

Чтобы не переписывать суть первого задания, я сделаю так:

crimson soda написал(а):

Основа любого дизайна - идея. Твоим первым заданием будет выбрать тематику, определиться с цветовой гаммой будущего дизайна и подобрать несколько исходников, с которыми ты будешь работать.
Кроме того, необходимо создать тестовый форум (или взять уже имеющийся, если таковой есть), кинуть ссылку в эту тему.
Второй шаг - макет дизайна. Тебе нужно его представить: начать следует с того, какой ширины он будет, как будет выглядеть шапка, иконки.. Всяческие мелочи, которые ты хочешь видеть в конечном счете. Что-то можешь оставить и без комментариев - некоторые решения приходят по ходу работы.
В общем, тебе нужно или схематично! нарисовать (можно даже на бумаге карандашом/ручкой), или словами описать желаемый результат здесь.
После выполнения вышеописанных заданий, мы приступим непосредственно к верстке.

+1

Поделиться22013-03-13 15:44:35

Автор: Rossavie
Ведьма по прозвищу Осенний дождь
Зарегистрирован: 2012-07-24
Приглашений: 0
Сообщений: 62
Уважение: +1
Позитив: +3
Пол: Женский
Провел на форуме:
16 часов 9 минут
Последний визит:
2013-03-22 15:43:17

Привет))
Тестовый
Цветовая гамма - теплые оранжево-охровые тона.
Исходники (без обработки):
http://s2.uploads.ru/GS9i2.png - рамка
http://s3.uploads.ru/9m0ti.jpg - шапка

Экскиз схематичный

Фон и иконки я обычно подбираю в самый последний момент, когда уже практически все готово. Шапка должна постепенно переходить в фон, который будет черного (темно-темно-коричневого) цвета. Все таблицы форумов однотонные, без изображений (то бишь фон - цвет). Только обрамление рамочкой по краю. Надписи категорий и статистики - возможно изображением, если не получиться настроить шрифт (а то у меня обычно отображается, а у остальных - нет). Форумные таблицы налезают на изображение немного. Границы таблиц - прозрачные. Цитаты того же цвета, что и таблицы, только обозначаются полупрозрачной (или прозрачной) тенью. Разделитель подписи - тонкая линия.

0

Поделиться32013-03-13 18:16:24

Автор: crimson soda
give us the absolute
Зарегистрирован: 2012-07-03
Приглашений: 0
Сообщений: 134
Уважение: +13
Позитив: +10
Возраст: 29 [1995-02-22]
Провел на форуме:
1 день 17 часов
Последний визит:
2013-09-16 21:25:02

Rossavie
если честно, у меня возникло впечатление, что раньше работала с дизайнами и, скорее всего, уже делала полноценные.
ты хочешь еще раз пройтись по всем азам-основам, или тебя интересуют какие-то конкретные вопросы?

0

Поделиться42013-03-13 21:16:32

Автор: Rossavie
Ведьма по прозвищу Осенний дождь
Зарегистрирован: 2012-07-24
Приглашений: 0
Сообщений: 62
Уважение: +1
Позитив: +3
Пол: Женский
Провел на форуме:
16 часов 9 минут
Последний визит:
2013-03-22 15:43:17

crimson soda
Да, я уже ранее делала дизайны. И тот, что на тестовике, тоже мой. Но! Я не могу толком ничего в коде изменить, ибо и половины там не знаю. Работаю все время уже с готовым кодом, а хочется научиться делать свой.

crimson soda написал(а):

тебя интересуют какие-то конкретные вопросы

Тут скорее и азы приплетаются - какая часть за что в коде второго окна отвечает, я усвоила сама методом проб и ошибок. Но как ее изменять под себя, я так и не смогла понять. Именно это и хотелось бы изучить в первую очередь. Равно как и разобраться с первым окном.

Отредактировано Rossavie (2013-03-13 21:17:47)

0

Поделиться52013-03-16 21:56:23

Автор: crimson soda
give us the absolute
Зарегистрирован: 2012-07-03
Приглашений: 0
Сообщений: 134
Уважение: +13
Позитив: +10
Возраст: 29 [1995-02-22]
Провел на форуме:
1 день 17 часов
Последний визит:
2013-09-16 21:25:02

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

Но как ее изменять под себя, я так и не смогла понять.

можно писать "подсказки в коде". `tsunami отлично описала этот момент в одном из своих уроков
ссылка

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

Работаю все время уже с готовым кодом, а хочется научиться делать свой.

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

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

Равно как и разобраться с первым окном.

с ним я работаю совсем-совсем немного, если честно. там, в основном, ширина форума.
мб еще какие мелочи, но их сейчас не вспомню

0

Поделиться62013-03-17 21:01:22

Автор: Rossavie
Ведьма по прозвищу Осенний дождь
Зарегистрирован: 2012-07-24
Приглашений: 0
Сообщений: 62
Уважение: +1
Позитив: +3
Пол: Женский
Провел на форуме:
16 часов 9 минут
Последний визит:
2013-03-22 15:43:17

crimson soda написал(а):

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

Аналогично)

crimson soda написал(а):

с ним я работаю совсем-совсем немного, если честно. там, в основном, ширина форума.мб еще какие мелочи, но их сейчас не вспомню

Ну да... Это я тоже умею.

А ты можешь научить делать таблицы? Потому что из технической части по форумам у меня это самое слабое место.

0

Поделиться72013-03-18 06:38:36

Автор: crimson soda
give us the absolute
Зарегистрирован: 2012-07-03
Приглашений: 0
Сообщений: 134
Уважение: +13
Позитив: +10
Возраст: 29 [1995-02-22]
Провел на форуме:
1 день 17 часов
Последний визит:
2013-09-16 21:25:02

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

А ты можешь научить делать таблицы? Потому что из технической части по форумам у меня это самое слабое место.

это без проблем! даже с радостью, если честно. основы знаешь?
т.е. что сама таблица (table - по-английски), начинается с тега "таблица".
<table> - открывающий тег
</table> - закрывающий тег

ты уже знаешь об обязательно наличии обоих тегов (открывающих и закрывающих)? на всякий случай поясню: если ты, например, не закроешь тег <b>, который отвечает за полужирное начертание, то у тебя весь форум рискует выделиться жирным.

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

<tr>...</tr> - строчка. таких стрчоек может быть столько, сколько тебе нужно.
<td>..</td> - ячейка внутри строчки.

у нас получается матрешка:
тег "td" ВСЕГДА находится внутри тега "tr", а "tr", в свою очередь, ВСЕГДА находится внутри тега с "table".

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

<table><tr><td>текст или любой другой контент</td></tr></table>

тегов "td" внутри "tr" может быть сколько угодно

попробуй сделать таблицу 2х2 (т.е. две строчки, внутри которых по две ячейки). код скинь сюда

+1

Поделиться82013-03-18 19:00:09

Автор: Rossavie
Ведьма по прозвищу Осенний дождь
Зарегистрирован: 2012-07-24
Приглашений: 0
Сообщений: 62
Уважение: +1
Позитив: +3
Пол: Женский
Провел на форуме:
16 часов 9 минут
Последний визит:
2013-03-22 15:43:17

Код:

<table><tr><td>ТекстТекстТекстТекстТекстТекст</td><td>ТекстТекстТекстТекстТекстТекст</td></tr>
<tr><td>ТекстТекстТекстТекстТекстТекст</td><td>ТекстТекстТекстТекстТекстТекст</td></tr></table>

http://rossavie12.lolbb.ru/ - тестовый; правда, там не очень хорошо видно.

crimson soda написал(а):

основы знаешь?

То, что ты ниже описала - да. Еще могу поместить изображение, выделить жирным-курсивом-подчеркнутым, изменить шрифт (с размером хуже), вставить ссылку, сделать выравнивание (по центру, по правому краю).

Отредактировано Rossavie (2013-03-18 19:02:15)

0

Поделиться92013-03-21 21:09:12

Автор: Rossavie
Ведьма по прозвищу Осенний дождь
Зарегистрирован: 2012-07-24
Приглашений: 0
Сообщений: 62
Уважение: +1
Позитив: +3
Пол: Женский
Провел на форуме:
16 часов 9 минут
Последний визит:
2013-03-22 15:43:17

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

0