ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



"Я - вебмастер!" Этап 1. Как это работает?! О_о

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

1

Еще раз прошу прощения у всех за долгое ожидание, но (ура!) я, наконец, поправилась и мы продолжаем :)

Объявляю об открытии ПЕРВОГО ЭТАПА конкурса "Я веб-мастер!".

Напомню, что в первый этап прошли участники, набравшие 15 и больше баллов в отборочном этапе. Это 22 участника:

http://s1.uploads.ru/H7wP4.png Рунный 24
Адель Камински "Кот" 23
http://s1.uploads.ru/H7wP4.png Ghоst 22
http://s1.uploads.ru/H7wP4.png Leonheart 22
http://s1.uploads.ru/H7wP4.png faiko 21
http://s1.uploads.ru/H7wP4.png Eri 20
http://s1.uploads.ru/H7wP4.png Danessa 20
http://s1.uploads.ru/H7wP4.png Бу 19
Арина Пестрова 19
Mrayne 19
Deisy "Кот" 19
essen menschen    18
http://s1.uploads.ru/H7wP4.png MariaD 18
Пернатый 17
Лаит   17
http://s1.uploads.ru/H7wP4.png супернатурал 17
slastnicova "Кот" 17
Шериан 16
Rush 16
Нелл   15
Rhisenn 15
Ulia "Кот" 15

Еще раз поздравляю прошедших и готова предложить новые задания ;)


Этап 1. Как это работает? О_о

Правила этапа:

Этот этап уже был на конкурсе, но в этом году претерпел некоторые изменения.
1. Этап содержит 16 заданий с открытым ответом.
2. На каждый вопрос участник должен дать развернутый или краткий ответ в зависимости от специфики вопроса (например, в некоторых вопросах нужно просто перечислить теги, а в некоторых - объяснить почему так или иначе работает данный код).
3. За каждый ответ участник может получить от 0 до 3 баллов в зависимости от полноты и правильности ответа. Проверять ответы будут 2 организатора sadhaka и Герда. При несовпадении оценок ответа, участник получит максимальную из оценок обоих организаторов (например, если sadhaka оценила ответ в 1 балл, а Герда - в 3, то участник получит 3 балла).
4. Поместите Ваш ответ в спойлер с пометкой "Конкурс" (с большой буквы(!)). Например,

Код:
[spoiler="Конкурс"]Задание 1. Я считаю, что .... [/spoiler]

Вы должны увидеть такое сообщение:

Конкурс

Привет, мир!

Если Вы увидели что-то другое, прошу Вас, сообщите организаторам.

Этап открыт до 11.10 23.50 по Московскому времени. Результаты будут объявлены 13.10.
Надеюсь в скором времени второй организатор в лице Герды приоткроет еще немного завесу тайны главного приза и озвучит утешительные призы этого этапа.

Удачи!

Внимание! Задания!

1. Какими свойствами будет обладать элемент, для которого определены следующие стилевые правила?

http://s1.uploads.ru/t/rSsyk.jpg

2. Как убрать подчеркивание для всех ссылок?

3. Дан код:

http://s1.uploads.ru/t/FfKiC.jpg

В какой из строк установлен двойной межстрочный интервал и почему?

4. В чём состоят отличия между примерами, представленными в следующем фрагменте кода:

http://s1.uploads.ru/t/LsWZG.jpg

5. Каким образом будет выглядеть конечный документ после обработки браузером данного фрагмента кода и почему?

http://s1.uploads.ru/t/NiAvs.jpg

6. Какой слой не будет виден после обработки браузером следующего фрагмента кода:

http://s1.uploads.ru/t/0HR9m.jpg

7. Какие строки содержат ошибки? Исправьте их.

http://s1.uploads.ru/t/4EKOo.jpg

8.  Какое значение будет иметь третий маркер списка:

http://s1.uploads.ru/t/tjyV0.jpg

9.  Какие теги позволяют создавать элементы с множественным выбором?

10. Что означает данный код?

http://s1.uploads.ru/t/eGLdN.jpg

11. Может ли у тега <a> не быть атрибута href? Почему?

12. Для чего предназначен id тегов? 

13. Какими свойствами будет обладать элемент, для которого заданы следующие правила?

http://s1.uploads.ru/t/8Y1Mk.jpg

14. Какими способами можно задать размеры изображения? Приведите примеры.

15. Какие строки содержат ошибки? Исправьте их.

http://s1.uploads.ru/t/UTMpq.jpg

16. Что произойдет с элементом, если задать ему правило position: absolute?

+3

11

Конкурс

1. вся запись будет отображаться в верхнем регистре (капсом) с увеличенным расстоянием между символами. если <span> будет внутри какого-то дива и состоять из нескольких строк, то первая их них сместится на 500px вправо.

итого, если просто span, то отображаться будут свойства letter-spacing: 0.1em и text-transform: uppercase

2. .punbb a { text-decoration: none!important; }

3. в первой строке, так как line-height: 1 - одинарный интервал, а 2 задает двойной даже без обозначения единиц.

4. во втором примере семейство шрифта задано для двух элементов "p и i", в первом же для элемента "p i"

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

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

7. в строке "color: d9b666;" не хватает октоторпа переж числовым значением цвета. верный вариант: "color: #d9b666;"
в строке "font-style: bold;" - жирность шрифту можно придать свойством "font-weight: bold;", если же нужно было сделать что-то со стилем шрифта, то следует изменить значение свойства font-style на normal, italic или oblique.

8. H. белый

9.  <select> при использовании атрибута multiple и  <input> типа checkbox.

10. форма ввода с множественным выбором "флажками" с value - значением для каждого из них. в последней форме флажок предварительно выбран атрибутом checked

11. может, если с помощью <a> задается якорь внутри страницы, а не ссылка на нечто стороннее.

12. айди это идентификатор, используя который можно изменить стиль тега или использовать его для цепляния скриптов.

13. черный текст с размытой на 6 пикселей серой тенью, не сдвинутой относительно самого текста. Фон не будет отображаться из-за (1 строка) некорректного значения цвета и (4 строка) не менее некорректной опечатки в имени свойства.

14. добавив тегу <img> атрибутов width и height или прописав для img {width: значениеpx; height: значениеpx;}

15. не существует значения thin у свойства border-style, его следует заменить на none, hidden, dotted, dashed, solid, double, groove, ridge, inset или outset. 1% в свойстве border-width  тоже следует заменить на 1px или уже упомянутый thin например.

16.
он абсолютно спозиционируется относительно страницы, то есть окружающие элементы будут отображаться так, будто его и нет.

Проверка. sadhaka

1. 2,5б (не точное объяснение)
2. 2б (!important не к чему, как и .punbb)
3. 2б (не точное объяснение)
4. 2б (не точное объяснение)
5. 2,5б (не точное объяснение)
6. 2,5б (вообще-то слоев всего 4...)
7. 3б
8. 3б
9. 3б
10. 3б
11. 3б
12. 2,5б (не точное объяснение)
13. 3б
14. 3б
15. 3б
16. 2б (не точное объяснение)

42 балла

+3

12

ой-ой-ой. spoiler, а не hide. Исправьте кто-нибудь с админ правами в данном разделе, а то палюсь *идиот*

+2

13

Почему нельзя было скрыть ответы привычным hide? Так выходит, что все ответы видны, как на ладони, и уже во-первых, неинтересно; во-вторых, как-то нечестно принимать участие. Даже если я сейчас буду честно и порядочно отвечать на вопросы, то все равно как-то это странно будет выглядеть, и можно будет  вполне обоснованно обвинить в "списывании" у тех, кто ответил до меня...

0

14

Конкурс
Проверка. sadhaka

1. 3б
2. 3б
3. 2б (неточное объяснение)
4. 2б (во втором случае к курсиву в абзаце)
5. 2б (неточное объяснение)
6. 3б
7. 3б
8. 3б
9. 1,5б (не хватает еще чекбоксов)
10. 3б
11. 3б
12. 3б
13. 3б
14. 3б (+бонус 1б)
15. 3б
16. 2,5б (неточное объяснение)

44 балла

+3

15

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

Почему нельзя было скрыть ответы привычным hide? Так выходит, что все ответы видны, как на ладони, и уже во-первых, неинтересно; во-вторых, как-то нечестно принимать участие. Даже если я сейчас буду честно и порядочно отвечать на вопросы, то все равно как-то это странно будет выглядеть, и можно будет  вполне обоснованно обвинить в "списывании" у тех, кто ответил до меня...

А Вы читали вообще первый пост?

4. Поместите Ваш ответ в спойлер с пометкой "Конкурс" (с большой буквы(!)). Например,
Выделить код

Код:
[spoiler="Конкурс"]Задание 1. Я считаю, что .... [/spoiler]

Вы должны увидеть такое сообщение:
Ваш ответ принят! Спасибо за участие!

Если Вы увидели что-то другое, прошу Вас, сообщите организаторам.

Для тех, кто не читерит ответы не видны. Кроме того, даже если у Вас отключен яваскрипт и Вы видите спойлер - зачем туда ползти под него?
Скрыть ответы капитально и от пользователей и от модераторов/администраторов не представляется возможным в принципе. Нет таких средств у меня. Для того был и придуман Кодекс чести.
That's all. Если у Вас есть вопросы/предложения к организаторам воспользуйтесь темой Конкурса "Я - вебмастер!" To be continued... или ЛС. Иначе пункт 5.4 Правил Конкурса будет работать против Вас.

+3

16

Я пропустила 8 вопрос, это не случайность, а мое незнание.

Конкурс

1. Элемент будет иметь отступ от левого края родительского элемента в 500px. Интервал между символами в элементе равен 0.1em(размер интервала относительно размера текста). Все символы текста будут прописными.
2. Использовать свойство text-decoration со значением  none
3. В строке один установлен двойной межстрочный интервал. Т.к. в стилевых свойствах данной строки прописано line-height: 2
4.В первом примере свойство задано для двух разных элементов( элемента p и элемента i), во втором примере свойство задано для одного элемента(элемента pi)
5.Элемент будет серого фона, фон абзаца текста будет оранжевым, кроме строки заключенный в теги div , эта строка не измениться, т.к. у нее не прописано никаких стилевых значений.
6. Слой <div style=”left:-5em”> Fourth</div>
7. Строка 3: color:#d9b666
Строка 4 font-weight: bold;
9. Тег <select> со значением multiple
10. Форма с выбором значения,  для флажков (checkbox) допустимо пометить хоть все значения. Значение checked заранее ставит галочку у данного варианта.
11.Устанавливая ссылку нельзя не использовать атрибут href. Если же это якорь нужно использовать другой атрибут name, и прочее опционально.
12. Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.
13.  Цвет текста черный, тень оттенка #cococo, с радиусом 6 пикслей. Цвет фона не измениться, т.к. в стиле фона есть опечатки.
14. Через <img src="ссылка на картинку"  width="ширина в пикселях или процентах" height="высота">
15. у border-style нет значения thin. Можно, например, border-style: dotted.
border-width не имеет процентных значений. Можно, например, border-width: thin; или border-width: 3px 7px 7px 4px;
16.  элемент будет абсолютно позиционирован, при этом другие элементы отобразятся на веб-странице словно абсолютно позиционированного элемента нет.

Проверка. sadhaka

1. 2,5б (неточное объяснение)
2. 2б (использовать для каких элементов?)
3. 2,5б (неточное объяснение)
4. 1,5б (во втором случае - для курсива вложенного в абзац)
5. 2,5б (неточное объяснение)
6. 2б (нет объяснения)
7. 3б
8. 0б
9. 1,5б (не хватает чекбоксов)
10. 2,5б (неточное объяснение)
11. 3б
12. 3б
13. 3б
14. 1,5б (указан только один способ)
15. 3б
16. 2б (неточное объяснение)

35,5 баллов

+3

17

Конкурс

Задание 1. Смещение на 500 пикселей влево, все буквы заглавные, интервал между символами 0.1em.
Задание 2. Либо во втором окне стиля в категории CS3 Links в каждом пункте прописать text-deciration: none; Либо в пункте " /* A3.10 */
.punbb a " прописать text-decoration: none; либо вставить в хтмл верх вот это

<style>
.punbb a {
text-decoration: none;
}</style>

Задание 3. В строке "line-height: 2;" Потому что эта строка заголовок и нужен больший отступ.

Задание 4. Оо в запятой между p и i ))
А если серьезно, то без запятой код читаться не будет, так как при перечислении элементов нужно их разделять запятыми.

Задание 5. Страница документа сначала станет серой, затем оранжевой.

Задание 6. Четвертый, так как он будет спрятан под первым тремя.

Задание 7. вторая строка содержит ошибку, должно быть вот так:

color: #d9b666;

Так же 4 строка содержит ошибку. font-style задает стиль букв (курсив, наклонный, жирный или нормальный), а bold - это значение параметра font-weight.

Задание 8. Во-первых, список будет нумероваться заглавными буквами латинского алфавита, во-вторых, третий маркер будет иметь значение "C".

Задание 9. Тег <select>, <option>, <optgroup>

Задание 10. Это опрос с тремя вариантами ответа и флажком-переключателем, с предварительно поставленным флажком на последнем варианте, если не ошибаюсь.

Задание 11. Вполне может, так как herf указывает именно на url (ссылку), но для тега <a> можно использовать и многие другие атрибуты, например якори, координаты, комбинации и проч...

Задание 12. для того чтобы элемент, которому прописан id, можно было идентифицировать и обратиться к нему с помощью скрипта. Проще говоря, если присвоить элементу уникальное имя (id), то можно именно для этого элемента писать скрипт или код.

Задание 13. Белый фон, черный текст, тень для текста.

Задание 14. Если рассматривать конкретные значения, то с помощью параметров height (высота) и width (ширина), так же можно задать с помощью одного кода:

background: black url(ссылка на кртинку) no-repeat 400px 200px;

Для не конкретных значений можно использовать проценты: width: 120%; height: 100%;
еще можно bпользовать параметром background-size

Задание 15. ошибка в строке border-style, thin - значение для параметра border-width, а стиль границ (border-style) задается значениями none, dashed, double и т.д.

Задание 16. Он будет абсолютно позиционирован (относительно краев экрана, либо родительского элемента).

Проверка. sadhaka

1. 2,5б (неточное объяснение)
2. 2,5б (не привязываемся к mybb)
3. 1б (неверное объяснение)
4. 0,5б (неверное объяснение)
5. 0б (неверное объяснение)
6. 1б (неверное объяснение)
7. 3б
8. 1б (не учтен атрибут start)
9. 1,5б (не указан чекбокс)
10. 2,5б (неточное объяснение)
11. 3б
12. 3б
13. 1,5б (неточное объяснение)
14. 0,5б (неверное объяснение, неверный пример)
15. 3б
16. 1б

27,5 баллов

+3

18

Конкурс

1. Используется для оформления определенного текста,сдвинутого влево на 200px, + отступ влево на 500 px, с интервалом между символами в 0,1e.m., а так же делая все символы прописными.
2. a {  text-decoration: none;
3. двойной междустрочный интервал  - line-height: 2; т.к. этот тег отвечает за интервал между строками. line-height: 1e.m. - интервал в 1 e.m.
4. 1) просто два селектора через запятую, т.е. и для селектора p присвоить след. шрифты и для i
    2) тег <i> находящийся внутри элемента <p> будет иметь след. шрифты
5. Серый фоновой рисунок, слова First и Second будут располагаться на двух строках, при этом строка со словом First будет оранжевого цвета.
6. слой с надписью Fourth
7. color: #d9b666
font-style не имеет значения bold
8.
Н. Белый
9. тег <select>
10. создание трех кнопок с флажками
11. у тега a нет обязательных атрибутов, следовательно может не быть, но в этом случае тег как ссылка работать не будет.
12. задает стилевой идентификатор
13. элемент, фоновой цвет которого будет белый, цвет шрифта черный, с тенью поднятой на 6px серого цвета.
14. px, em, cm, %
15. border-bottom-color или border: border-color;
border-style не имеет тега thin, а вот border-width  имеет.
16. абсолютное позиционирование элемента, относительно окна браузера. Положение элемента задается свойствами  left, right, top, bottom.

Проверка. sadhaka

1. 2б (неверно рассмотрено свойство margin)
2. 3б
3. 2б (неточное объяснение)
4. 3б
5. 2б (нет объяснения)
6. 2б (нет объяснения)
7. 2б (нет исправления во второй ошибке)
8. 3б
9. 1,5б (не указаны чекбоксы)
10. 2б (неточное объяснение)
11. 0,5б (неверное объяснение)
12. 2б (неточное объяснение)
13. 1б (неверно рассмотрено ошибочно записанное свойство background, нет объяснения)
14. 0б (не понятно задание)
15. 1б (неточное объяснение)
16. 1,5б (неточное объяснение)

28,5 баллов

+3

19

До окончания конкурса остается 4 дня, поторопитесь принять участие!

+2

20

а если участнику паршиво? тт, но поучастовать он хочет

+2