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

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Конкурсы и акции » Второй тур "Я - вебмастер!". Этап №2 "Как это работает?! О_о"


Второй тур "Я - вебмастер!". Этап №2 "Как это работает?! О_о"

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

1

Итак. Новый этап и новые задания!

Во втором этапе, получившем название "Как это работает?! О_о" участникам предложено 20 заданий с выбором ответа. Чтобы правильно ответить на наши вопросы Вам придется разобраться и понять - как же это работает - что означает записанный код и какие функции он выполняет.

На выполнение заданий участникам, напомню, это

faiko
L Micaelis
Рыба_в_аквариуме
Арина Пестрова
chrome

будет отведено три дня. За эти три дня Вы можете менять и исправлять свои ответы, передумывать и переписывать сколько угодно раз (если у Вас нет возможности редактировать сообщения, просто поместите в новое сообщение варианты, которые Вы решили поменять). Но ровно через три дня - т.е. вечером 18 сентября (воскресенье) тема будет закрыта и никакие исправления будут уже невозможны.

Главный приз - переход в следующий, заключительный этап конкурса и еще один шаг на пути к званию Админ Года 2011 :) Утешительные призы будут объявлены после завершения этапа.

В вопросах есть подвохи - будьте внимательны! ;)

Касательно ответов.
1. Как и прежде ответы скрывайте hide'ом.
2. В ходе выполнения задания, естественно, можно пользоваться любой информацией по теме, которую Вы найдете в Интернет.
3. Список ответов может представлять собой номер задания и номер правильного ответа, по типу:
     1. 5
     2. 3
     3. 1
     ....
Вы также можете не использовать приведенные варианты ответа, а объяснить своими словами.

Внимание! Задания!
//ответы скрыты спойлером

Задание 1.
Необходимо отобразить такой текст, с определенным форматированием:
HTML (HyperText Markup Language, язык разметки гипертекста) - это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. Информация на сайте, способ ее представления и оформления зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

Какой вариант будет правильным
   

Варианты ответа

1. <u><b>HTML (HyperText Markup Language, язык разметки гипертекста)</b> - это система верстки, которая определяет, как и какие элементы должны располагаться на веб-странице. <i>Информация на сайте, способ ее представления и оформления</i> зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

    2. <i><b>HTML (HyperText Markup Language, язык разметки гипертекста)</i></b> - <u>это система верстки</u>, которая определяет, как и какие элементы должны располагаться на веб-странице. <i>Информация на сайте, способ ее представления и оформления</i> зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

    3. <u><b>HTML (HyperText Markup Language, язык разметки гипертекста)</b> - это система верстки</u>, которая определяет, как и какие элементы должны располагаться на веб-странице. <i>Информация на сайте, способ ее представления и оформления</i> зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

    4. <u><i>HTML (HyperText Markup Language, язык разметки гипертекста)</i> - это система верстки</u>, которая определяет, как и какие элементы должны располагаться на веб-странице. <u>Информация на сайте, способ ее представления и оформления</u> зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

    5. <u><b>HTML (HyperText Markup Language, язык разметки гипертекста)</u> - это система верстки</b>, которая определяет, как и какие элементы должны располагаться на веб-странице. <i>Информация на сайте, способ ее представления и оформления</i> зависят исключительно от разработчика и тех целей, которые он перед собой ставит.

Задание 2.
Какой задан цвет у текста?
http://tf.rusff.ru/uploads/000d/25/1f/52-1-f.jpg

Варианты ответа

1. розовый
2. красный
3. зеленый
4. черный
5. никакой не задан, цвет написан с ошибкой

Задание 3.
Дана ссылка <a href="https://forumd.ru/pages/nagradi_gerda" target="_blank"> Открыть </a>. Что произойдет, если кликнуть по тексту "Открыть"?

Варианты ответа

1. В текущей вкладке откроется страница наград Герды
2. В новой вкладке откроется страница наград Герды
3. Ничего не произойдет, ибо ссылка записана с ошибкой
4. В новой вкладке откроется главная страница FD.

Задание 4.
Какова будет высота у картинки?
http://tf.rusff.ru/uploads/000d/25/1f/52-2-f.jpg

Варианты ответа

1. 0px
2. 50px
3. 100px
4. 150px
5. 200px
6. 300px
7. 400px
8. 500px
9. 100500 :)

Задание 5.
Где отображается содержание контейнера title?

Варианты ответа

1. На странице
2. В заголовке текста
3. В заголовке окна браузера
4. В адресной строке браузера

Задание 6.
Какие строки содержат ошибки?
http://tf.rusff.ru/uploads/000d/25/1f/55-1.jpg

Варианты ответа

1. все содержат ошибки
2. все строки правильные
3. 2 и 3
4. 2 и 4
5. 3 и 5
6. 4 и 6
7. 2

Задание 7.
Дан код
http://tf.rusff.ru/uploads/000d/25/1f/52-4.jpg
Текст какой из строк будет выделен жирным?

Варианты ответа

1. Только второй
2. Только первой
3. Никакой, потому что первое правило перекрывает второе
4. Обеих

Задание 8.
Дан код
http://tf.rusff.ru/uploads/000d/25/1f/52-5.jpg
Какого цвета будет рамка элемента div?

Варианты ответа

1. Рамки вообще не будет из-за конфликта css правил
2. Три стороны зеленые, верхняя черная
3. Все 4 строны черные
4. Одна сторона зеленая, верхняя - черная
5. Все 4 стороны зеленые

Задание 9.
Какой список можно создать используя тег <ol>?

Варианты ответа

1. Прокручиваемый
2. Ненумерованный
3. Нумерованный
4. Выпадающий

Задание 10.
Какими свойствами будет обладать элемент, для которого определены следующие правила:
http://tf.rusff.ru/uploads/000d/25/1f/53-1-f.jpg

Варианты ответа

1. Выравнивание первой строки по правому краю, с отступ от левого края 24px, курсив, размер шрифта 1em, шрифт Verdana, малые прописные буквы.
2. Отступ справа и слева по 24px, выравнивание абзаца по центру, курсив, шрифт Verdana размером в 1em.
3. Межстрочное расстояние 24px, выравнивание текста по правому краю, курсив, шрифт Verdana, высота строки 1em, малые заглавные буквы
4. Выравнивание текста по правому краю, отступ первой строки 24px, курсив, малые прописные буквы, шрифт Verdana размером 1em.

Задание 11.
Какими свойствами будет обладать элемент, для которого описан следующий блок правил?
http://tf.rusff.ru/uploads/000d/25/1f/53-2.jpg

Варианты ответа

1. фон - черный, отступ слева 100px, рамка - пунктирная линия слева в 4px
2. все свойства по умолчанию
3. фон - черный, отступ слева 150px, рамка - сплошная линия слева в 6px
4. фон - красный, отступ слева 100px, рамка - сплошная линиия слева в 2px
5. фон - красный, отступ слева 50px, рамка - сплошная линия слева 4px

Задание 12.
Как изменится форматирование, если заключить текст в тег <span>?

Варианты ответа

1. Текст станет курсивным
2. Текст станет жирным
3. Текст не будет отображен
4. Текст не изменит форматирование

Задание 13.
Дан код
http://tf.rusff.ru/uploads/000d/25/1f/56-1-f.jpg
Какого цвета будет ячейка 2, ряда 2.

Варианты ответа

1. прозрачная
2. синего
3. красного
4. белого
5. черного

Задание 14.
Какой размер будет иметь данная таблица по ширине
http://tf.rusff.ru/uploads/000d/25/1f/53-4.jpg

Варианты ответа

1. 100
2. 600
3. 300
4. 400

Задание 15.
Какое значение будет иметь третий маркер списка:
http://tf.rusff.ru/uploads/000d/25/1f/53-5-f.jpg

Варианты ответа

    1. 6
    2. 5
    3. III
    4. C
    5. V

Задание 16.
Что определяет атрибут CELLSPACING у элемента тега <TABLE>?

Варианты ответы

    1. Определяет отступ таблицы от текста
    2. определяет расстояние между рамками ячеек таблицы в пикселях
    3. определяет расстояние в пикселях между рамкой ячейка и текстом
    4. определяет количество объединяемых ячеек

Задание 17.
Какого цвета будет рамка у 1ой ячейки 2ого ряда
http://tf.rusff.ru/uploads/000d/25/1f/54-1-f.jpg

Варианты ответа

    1. белого
    2. желтого
    3. красного
    4. зеленого

Задание 18.
С помощью какого тэга можно задавать прокручивающиеся списки в формах?

Варианты ответа

1. <input type="select">
2. <selected>
3. <textarea>
4. <select>

Задание 19.
Каким образом можно задать цвет посещенных ссылок с помощью CSS?

Варианты ответы

    1. a:link {color: #fff;}
    2. a:active {color: #ffffff;}
    3. a:visited {font-color: #fff;}
    4. a:visited {color: #ffffff;}

Задание 20.
Какой из квадратов будет виден?
http://tf.rusff.ru/uploads/000d/25/1f/54-2-f.jpg

Варианты ответы

1. Зеленый
2. Серый
3. Красный
4. Черный

Теги: конкурс, 2011, день сисадмина

+2

2

Click|***
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+1

3

офф: для моих мозгов это слишком сложно Х_Х

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

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано chrome (15.09.2011 20:22:20)

+1

4

ячутьнездохнах
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

всем удачки, она вам понадобится)

+1

5

БЕЗНОГNМ|3 ZAKOИА O VEhИOSTI
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Отредактировано Арина Пестрова (16.09.2011 18:59:00)

+1

6

Что-то стрёмно мне писать...| когда все предыдущие сообщения написаны "синими никами"
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

+1

7

Итак!
Наконец, опубликовал свои ответы последний участник!
Напоминаю, что до 18.00 по Москве у Вас есть возможность поменять что-то в Ваших ответах. После - с 18.00 до 20.00 тема будет закрыта до завершения подсчета очков и определения перешедших в следующий этап!
Ждите результатов сегодня!

З.Ы. Вариант 100500 придумала Герда ;)

+2

8

Прошу прощения - оказалось не так быстро просто набрать ответы :)
Итак, правильные ответы

1-3
2-4
3-2
4-2
5-3
6 - строки 3 и 4
7-1
8-3 или 5
9-3
10-4
11-нет (см. пояснения)
12-4
13-2
14-1
15-3
16-2
17-3 или 4
18-4
19-4
20-2

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

Задание 4.
Ошибка была допущено только у Chrome. Честно, не очень понимаю, откуда мог взяться вариант 400px, но проверить можно по ссылке выше :)

Задание 5.
Контейнер <title> определяет заголовок документа. И отображается он, конечно же, в заголовке окна браузера.

Задание 6.
На этот вопрос правильного ответа не дал, никто.
На самом деле Вы были правы - верных ответов в предложенных вариантах не было. Но кроме того, что ошибка была в строке 3, которую большинство верно отметило, то внимание на ошибку в строке 4 никто не заметил. На самом же деле у свойства background-color нет параметра none. Этот параметр есть у свойства background-image, и означает он указание не отображать фоновое изображение. Аналог для свойства background-color: transparent :)
0,5 балла было засчитано тем, кто отметил строку 3

Задание 7.
Правильный ответ 1 - "Только второй".
Разбираемся. Правило P {font-weight: bold;} устанавливает для всех параграфов p насыщенность "полужирный", а правило P.font {font-weight: normal;} переопределяет вышеупомянутое для параграфов класс font, меняя насыщенность в состояние по умолчанию. Первая строка - как раз имеет класс font, что означает, что свойства font-weight для нее примет значение normal. Что касается второй строки - то она как раз будет "полужирной", согласно правилу P {font-weight: bold;}.
Проверить можно здесь :)

Задание 8.
Странно, что наиболее популярным ответом стал вариант с конфликтом css-правил. Нет, на самом деле никакого конфликта тут нет - просто такого свойства border-color-top не существует, а существует свойство border-top-color. Таким образом, последнее браузером будет просто проигнорировано - рамки остануться зелеными. В Internet Explorer'e, Mozilla Firefox и Coogle Chrome по-другому воспринимают эту ситуацию и в них рамка будет дефолтной, т.е. черной.

Задание 9.
<ol> это ordered list, упорядоченный список, или иначе нумерованный список.

Задание 10.
Правильный вариант - 4.
text-align: right; выровняет текст по правому краю, text-indent: 24px; установит отступ первой строки в 24px; font: italic small-caps 1em Verdana; сделает текст курсивом, маленькими прописными буквами, высотой в 1em и шрифтом Verdana.
//очень интересно, но браузер Coogle Chrome не сделает отступ красной строки.

Задание 11.
По вполне понятным причинам правильного ответа не дал никто. На самом деле в задание закралась опечатка - пропущена буква g в слове background, оттого, правильных ответов в вариантах нет.
Тем не менее, можно было было записать свой - красный фон, отступ в 100px, белая пунктирная рамка в 4px слева.
Защитан был бы также вариант 1.
Это задание было основано на том, что в css последним записанное свойство и будет тем, которое отобразит браузер.
В общем,смотрите :)

Задание 13.
В данном случае фон ячеек будет таким же как и фон всей таблицы, можете убедиться тут :)

Задание 15.
Здесь на самом деле тоже закралась опечатка, если бы параметр start был написан правильно, ответ был бы 5, то всем, кто указал 3, ответ засчитан

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

Задание 17.
Рамка 1ой ячейки второго ряда будет такой, какой ее установили в параметре для этой ячейки, т.е. зеленой. В Internet Explorer'e, Mozilla Firefox и Coogle Chrome отобразят рамку красной.
//зачет оба вариант - зеленый и красный

Задание 18.
Вообще, из всех представленных тегов существуют только последние два. Причем 3ий создает далеко не списки. Правильный ответ 4.
Смотрим, что представляет собой тег <select>

Задание 20.
Для тех, кто не знаком с свойством z-index, то можно было проверить экспериметально. А так - чем больше значение z-index, тем выше слой с элементом. Самое большое значение у серого прямоугольника.

И наконец, баллы!

L Micaelis - 17,5 баллов (лучший результат!)
Арина Пестрова  - 16,5 баллов
faiko - 15,5 баллов
Рыба_в_аквариуме - 15 баллов
Chrome - 10,5

Результаты очень и очень хорошие! Всех поздравляю.  8-)
В следующий, заключительный этап проходят три участника:

L Micaelis - 17,5 баллов (лучший результат!)
Арина Пестрова  - 16,5 баллов
faiko - 15,5 баллов

Ура, товарищи!  :shine:
З.Ы. Поощрительные призы будут озвучены завтра.

Всем спасибо за участие, а для кого-то остался последний шаг к званию Админ 2011 !

+2

9

УРА! я прошла-а-а!!! *прыгает на стуле*

0

10

\улыбается\ Не прошла, но как приятно было участвовать в этом конкурсе) Теперь буду знать, что именно мне надо подтягивать и зубрить, зубрить, зубрить) Благодарю Вас)))

0


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Конкурсы и акции » Второй тур "Я - вебмастер!". Этап №2 "Как это работает?! О_о"