Кот

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

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


Вы здесь » Кот » Архив обучения от 03.12 » Sink


Sink

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

1

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

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

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

0

2

Можно сразу  же вопрос, что подразумевается в веб-дизайнах - верстка? Что значит верстка (по другому)
Я Знаю, что верстка это такая фигня хд Когда человек располагает правильно текст, объекты и т.д. в типографии. Муторное дело и очень важно. Это тоже самое?

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

основные селекторы/параметры/аргументы

хд Можете пожалуйста объяснить, что все это значит.
Слово параметры я вроде бы знаю, остальное немного не понятно.

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

Ты пока рассказывай о себе,а я пошла готовить лекции и основную базу

Да-да, я тоже живу в Солнечном городе, в Краснодаре. У вас конечно теплее, но и у нас солнечного света хоть отбавляй, хотя прямо сейчас на улице идет ливент, гром  и гроза. Я какой-то скучный человек, не  люблю гулять, люблю дома сидеть. Не фотографирую, люблю потанцевать, почитать тоже, но сейчас мало. Если бы мне дали выбор, я бы читал.
В мире ролевых я около трех лет, но никогда почти не сидел на форумах по людям. Дизайн когда-то пробовал делать, от силы за три года сделал всего 4 диза, дальнейшие попытки прерывались.....
Я в основном смотрю аниме, хотя  уже перестал, просто сейчас затянуло одно... большое... около 600 серий хд
Досмотрю и перестану смотреть, потому что большая половина аниме с ужасным сюжетом, с  нулевой логикой и рисовкой.
Я меломан тоже, но по большей части слушаю рок, металл, альтернативу и межвидовые жанры этих трех основных.

0

3

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

Это тоже самое?

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

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

Можете пожалуйста объяснить, что все это значит.

CSS Селекторами могут быть любые элементы html т. е. обычные теги. Например, зададим цвет и размер текста обрамленного в тег <p></p> т. е. цвет и размер абзаца текста.
об аргументах расскажу в процессе

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

люблю потанцевать

любимые книги?)

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

Я в основном смотрю аниме,

я тоже смотрела))

0

4

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

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

Создание структур по другому. Я просто знаю понятие верстка - структурщик.

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

CSS Селекторами могут быть любые элементы html т. е. обычные теги. Например, зададим цвет и размер текста обрамленного в тег <p></p> т. е. цвет и размер абзаца текста.
об аргументах расскажу в процессе

ааа, ясно х)

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

любимые книги?)

Булгаков нравится, Горький.
Нравится серия книг Макса Фрая.

0

5

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

Булгаков нравится, Горький.
Нравится серия книг Макса Фрая.

Горький. да :*

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

Создание структур по другому. Я просто знаю понятие верстка - структурщик.

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

Пункт первый. Азы
CSS расшифровывается как Cascading Style Sheets или Каскадные таблицы стилей. Как и в кодировке HTML, таблицы CSS призваны управлять внешним видом вэб-страниц, но на самом деле задачи и возможности CSS намного шире, они могут управлять отображением не только на визуальные устройство, но и, например, синтезаторы речи, но пока ни один из популярных браузеров не поддерживает эти свойства. Думается, еще парочка лет – и Интернет развернется еще круче.
Для продуктивной работы далее и попросту для того, чтобы вы, читатель, могли, грубо говоря, врубаться в то, что я пишу, нужно заучить несколько простых пунктов, которые – вот увидите! – уже после одного вечера работы над своим собственным дизайном начнут отскакивать от зубов.
*Для удобства информация продублирована в архив на внешнем хранилище. Вы сможете сохранить ее себе на компьютер, как удобную и простую шпаргалку. Лично я записал все в блокнот вручную.
Размерности:
em – высота шрифта
ex – высота буквы
px - пикселы
in - дюймы
cm - сантиметры
mm - миллиметры
pt - пункты
% - проценты
Основные параметры:
Height - высота элемента
Width - ширина элемента
Background (фон)
background-color – цвет заливки (веб-значение)
background-attachment – прокрутка фона
   scroll - фон поддается прокрутке
   fixed - не поддается прокрутке.
background-image – фоновая картинка
   url ("...") – в скобках указываете адрес изображения
   none – отсутствие картинки
background-repeat – автоматическое размножение фона
   no-repeat - не размножается
   repeatx - размножается по горизонтали
   repeaty - размножается по вертикали
   repeatxy - размножается в обоих направлениях.
background-position – расположение фона. Примечание: сначала указывается расположение по вертикальной оси: top, center или  bottom, затем - по горизонтальной: left, center или right.
Border (рамка)
border-color – цвет рамки (веб-значение)
border-width – толщина рамки (px)
border-style – стиль начертания
   none – отсутствие рамки
   dotted – пунктир (точки)
   dashed – штрих-пунктир
   solid - одинарная
   double - двойная
   groove – трехмерный эффект
   ridge - трехмерный эффект возвышения
   inset - трехмерный эффект углубления
   outset - трехмерный эффект выпуклости фона
border-top – параметр верхней кромки
border-bottom – параметр нижней кромки
border-left – параметр левой кромки
border-right – параметр правой кромки
Color (цвет) – цвет шрифта элемента (веб-значение)
Font (шрифт)
font-size – размер шрифта. Можно задавать в размерности, можно – по возрастающим значениям, методом научного тыка:
   xx-small
   x-small
   small
   medium
   large
   x-large
   xx-large
font-style - начертание
   normal - стандарт
   italic - курсив
   oblique - чуть менее наклонный, чем курсив
font-weight – толщина. Значения:
   normal - стандарт
   bold – полужирный
Text (текст)
text-align - выравнивание текста внутри элемента.
   left - по левому краю
   right - по правому краю
   center - по центру
   justify - по ширине
text-decoration - украшение текста
   underline - подчеркивание
   overline - верхнее подчеркивание
   none - никакого
   blink - мигание
Display – отображение элемента. Значения:
   none - отсутствует
   block – обведено рамкой
   list-item – элемент как часть списка, присваивается маркер
   inline – вывод элемента в одну строку
Padding - линия отбивки материнского объекта
padding-top - верхняя отбивка
padding-bottom - нижняя отбивка
padding-left - левая отбивка
padding-right - правая отбивка.
Margin - линия отступа дочернего объекта.
margin-top - верхний отступ
margin-bottom - нижний отступ
margin-left - левый отступ
margin-right - правый отступ
Vertical-align - выравнивание элемента по вертикали
   top - по верхнему краю
   bottom - по нижнему
   middle - посередине
Принцип построение кода:

selector {
property1: value1;
property2: value2;
property3: value3;
property4: value4;
}

Selector – номер и название элемента. Это может быть столбец, логотип, иконка и т.д.
Property – параметр из тех, что рассмотрены выше – фон, шрифт, рамки и т.д.
Value – условие для параметра – ширина, цвет, адрес изображения.
Общий код (Структуры – около 26 страниц WORD, Цвета – чуть меньше) пишется в несколько разделов. Они носят названия, состоящие из латинской буквы и порядкового номера: А3, А4, C1, D2  и так далее. Каждый раздел начинается подобным заголовком
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
И продолжается вплоть до заголовка следующего раздела. Каждый раздел управляет какими-то параметрами оформления. Это может быть шрифт, рамки, положения различных элементов форума… На основных разделах мы остановимся поподробней чуть ниже. Пока что вам следует четко различать, где находится один раздел, а где искать другой. Это намного проще и не так страшно, как кажется попервой, я вас уверяю.
пойдём дальше?

+1

6

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

эта табличка мне не раз помогала и спасала меня прямо таки. так что лучше и ты её сохрани где нибудь.

Так точно капитан  http://uploads.ru/i/u/9/i/u9iaU.gif

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

возможно ты это знаешь,но моя задача - тебе всё объяснить и показать.

Частично.
Можно же вопросы позадавать, да?

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

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

what?

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

background-repeat – автоматическое размножение фона
   no-repeat - не размножается
   repeatx - размножается по горизонтали
   repeaty - размножается по вертикали
   repeatxy - размножается в обоих направлениях.

эти параметры если размер картинки фона маленький, да? Задавать  эти параметры, чтобы он размножался как надо? Я правильно понял?

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

background-position – расположение фона. Примечание: сначала указывается расположение по вертикальной оси: top, center или  bottom, затем - по горизонтальной: left, center или right.

т___т` что-то не понятно, что значит задавать расположение фона... Есть какие-то особенные фоны, когда надо им задавать точное расположение по всем этим параметрам?

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

Border (рамка)

Не пойму, что обозвали рамкой?
Рамки границ? Или чего?

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

Display – отображение элемента.

Что это?
И да меня пугает понятие дочерний и материнский объект....Эти понятия относятся к селекторам?

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

пойдём дальше?

В принципе да хд Если объясните, что я спросил.

0


Вы здесь » Кот » Архив обучения от 03.12 » Sink


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