Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » Не важно, откуда ты. Важно - где ты


Не важно, откуда ты. Важно - где ты

Сообщений 11 страница 20 из 33

1

http://uploads.ru/i/4/L/j/4Ljg2.png

Привет Мария! Какое у тебя красивое имя,меня зовут Дина)) очень приятно познакомится. Рада,что ты записалась ко мне на обучение ;) еее. безумно этому рада) Расскажу немного  о себе. Я живу в солнечном городе Сочи,люблю танцевать,читать,фотографировать,гулять и много другое) В мире ролевых игр я где то года два,а в мире создания дизайнов пол года. Немного не мало,но что то умею. Я меломанка и фильмоманка :D Смотрю фильмы и сериалы в огромном количестве. Буду рада узнать о тебе побольше всего всякого ;)

Работать мы будем упорно. Много и качественно. Графике мы будем тоже много времени уделять,но основная наша специальность - вёрстка,дизайны. Я постараюсь из тебя сделать хорошего дизайнера. Но и от тебя буду ждать отдачи. Будем учиться креативу и нестандартному мышлению)) . Ты мой первый ученик в этой группе. Так что прости меня,если что-то непонятно и дербань вопросами)) Ты пока рассказывай о себе,а я пошла готовить лекции и основную базу ;)
Новички. - Рассматривание общих аспектов CSS, структуры, "как оно работет", начальные сведения, основные селекторы/параметры/аргументы, вёрстка самого простого дизайна.

Отредактировано априори. (2012-06-03 22:48:53)

+1

11

d.c. написал(а):

сталкивалась с этим когда устанавливала свою единственную шапку. тогда ничего не поняла. сейчас вроде разобралась)

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

Границы
Я скажу, и, наверное, вы со мною согласитесь, что границы – неотъемлемая и весьма и весьма важная часть общего дизайна форума. От себя могу добавить – что случалось и такое, когда великолепно подобранное оформление банально портила плохая работа с границами. Теряется всё впечатление и просто не хочется даже сидеть на ролевой. Обидно, да? Чтобы такого не случилось, мы сейчас пройдемся основательно по границам.
Работа ведется всё в том же разделе А5:

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

Пересматривать пункты мы начнем с А5.7, когда перед глазами запестрело слово border. Это ключевое слово в разборе полетов в отношении границ, поскольку – оно и есть граница, только по-английски. Вспомним, что CSS америкашка, потому и трепимся с ним исключительно на этом языке.
  Пункт А5.8 – отвечает за обводку  элементов и непосредственно сообщений.
  Пункт А5.9 – отвечает за обводку элементов форума. Сами «контейнера», где и располагается всё остальное. Крайне важный пункт.
  Пункт А5.10 – отвечает за обводку полос с названием локации на странице со списком тем, полосы статистики, категорий, полос профиля.
  Пункт А5.11 – отвечает за обводку полос категорий.
Далее – все уже знакомо, если сверяться со шпаргалкой:
border-width: 1px 1px 0px 1px; - толщина каждой линии из четырех, поскольку любой элемент вписывается в прямоугольник.
border-style: solid solid none solid; - стиль каждой линии из четырех.
padding: 5px 1em 7px 1em; - линия отбивки материнского объекта.
Кроме того, одна из границ, что не входит в раздел А5, а принадлежит разделу В1 – полоска, разграничивающая текст в посте и подпись участника. С ней также можно извращаться, сколько душе будет угодно.

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #fff;
  width: 250px;
  margin: 5px 0;
  }

Всё те же параметры: ширина (width - протяженность полосы по странице сообщения), отступ (margin - отбивка), стиль (border-top - здесь описаны и толщина, и стиль, и цвет), отображение (display).
К разделу С2 принадлежит также такая вариация границ, как рамки между графами нам главной странице форума. Код:

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

0

12

ознакомилась. намотала на ус)

0

13

d.c. написал(а):

ознакомилась. намотала на ус)

отлично)) прости,что вчера не отписалась. инет ключил на кот вообще зайти целый день не могла х)

Условия базовых элементов
В число базовых элементов форума входит все – от мала до велика: логотип, иконки, графы, строки, полоски… В общем. Все, что вы так или иначе видите на страницах форума. И практически все можно извратить и подогнать под свою концепцию дизайна. Работа это увлекательная и немного маньяческая – будто бы отрезаешь человеку ногу… =D Да, я люблю поэтические сравнения, я такой…
Ниже я буду прописывать коды основных элементов, которые обычно подвергают обработке. Чтобы их найти – достаточно копировать код, перейти в документ, где у вас хранится файл Структура, включить поиск (Правка –> Найти) и в строку поиска нажать Shift + Insert. Затем жмем «Найти», и умный ВОРД перенесет нас туда, где располагаются у вас данные элементы в общем коде CSS. Скажем дружно спасибо MICROSOFT за такой чудный помощник… Ну или просто запомним кодировку и промотаем чуть-чуть документ, полагаясь на глаза больше, чем на кибер-разум.
Итак, начинаем бал.
Шапка и логотип
Как видите, для такого важного элемента дизайна, как шапка или логотип, в общем коде структуры форума отведен раздел D1:

/* D1 Logo and description
-------------------------------------------------------------*/
Ключевые параметры логотипа: /* D1.2 */
#pun-title h1 {
  display : block;
  height: 120px;
  margin: -1px 0px 0px -43px;
}

Параметры логотипа:  /* D1.4 */
Внимание! Мы разбираем только этот кусок кода -

#pun-title TABLE {
  border: none;
  height: 120px;
  width: 100%;
}

Высота в данных участках кодов должна соответствовать высоте изображение, которое вы ставите. То есть – если высота вашей картинки 200px, в параметре height вы также пропишете height: 200px.
Объявление
Объявлению посвящен целый раздел D6:

/* D6 Announcement
-------------------------------------------------------------*/

Мы с вами можем узреть ровно три кода. Из них нас могут заинтересовать два:
  D6.1 – заголовок объявления
  D6.3 – окно объявления, где на форумах обычно расположена таблица.
Оперируя кодами внутри пунктов, мы добиваемся поставленных перед дизайном задач.

0

14

априори. написал(а):

инет ключил на кот вообще зайти целый день не могла х)

да-да. та же история ==""

ну, этот кусок мне более-менее вроде знаком. прочитал, запомнил.

0

15

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

Основные элементы форума при переработке дизайна
Окно статуса пользователя: /* D5.1 */
Главная страница:
  Графа с описанием и названием локации: /* C2.1 */
  Графа с количеством тем и сообщений в локации: /* C2.2 */
  Графа с указанием последнего сообщения: /* C2.3 */
Страница поиска и списка участников:
  Первая графа – ники: /* C2.4 */
  Вторая графа - /* C2.5 */
Строка со словами «Форум – Тем – Сообщений – Последнее сообщение»: /* C2.12 */
Списки модераторов в описании локаций: /* C2.10 */
Отображение иконок: /* C2.14 */   
Внимание! Параметр margin-left должен иметь значение в пикселях на 5-6 единиц больше, чем ширина ваших иконок!
Параметры иконок: /* C2.15 */ - считайте, что вы забиваете стоянку под будущие иконки.
Сообщение: /* C3.1 */
Черточка-граница между временем отправки сообщения и профилем автора: /* C3.3 */
Форма ввода текста:  /* C1.16 */
Статистика
Статистике форума также посвящен целый раздел D7:

/* D7 Statistics
-------------------------------------------------------------*/

Мы видим в нём пять пунктов. Из них в деле разметки дизайна нас будут интересовать всего лишь сам контейнер (окно) статистики, где размещены все данные: /* D7.1 */. Остальные четыре пункта, при желании, вы можете разобрать сами, но они предусмотрены для более детальной работы даже не с самим оформлением – а с работой статистики.

+1

16

сохранила :з

0

17

d.c. написал(а):

сохранила :з

молодчинка. теперь перейдём к практике))
будем создавать твой первый дизайн))
с какой тематикой работать будем?

0

18

априори.
ну, если так посмотреть, никакими фильмами/сериалами я особо не увлекаюсь, мне ближе мультики, компьютерные игры и книги. Но если тебя смущает такой набор, то в качестве тематики могу предложить ДВ, Дневники вампира то бишь, ибо я, во первых, немного знакома с сюжетом, во вторых, люблю истории о вампирах, и в третьих мне нравится Йен х)

0

19

d.c.
меня ничего не пугает. я работаю с любыми тематиками,в принципе)
так,тогда давай делай шапку ширина - 850 пикселей)

0

20

что-то странное х)

Свернутый текст

http://uploads.ru/i/B/z/K/BzK46.png

850х638

0


Вы здесь » Кот » Архив обучения от 03.12 » Не важно, откуда ты. Важно - где ты


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC