Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | ||
|
В этом уроке, поговорим о таком понятии как слой в CSS. Для тех, кто работал с графическими редакторами, это понятие должно быть знакомо, а для остальных постараюсь объяснить.
Создавая блок в CSS, мы всегда четко задаем его параметры, а также позиционируем его в определенное место на экране. Таким образом, любой блок имеет две координаты X и Y, которые определяют положение блока на плоскости экрана. Но в CSS есть еще и третья, пространственная координата Z, которая определяет номер слоя, на котором находится блок. Т.е. чем больше координата Z, тем выше этот слой находится по отношению к остальным. Например слой с номером 2 будет ближе расположен к пользователю, просматривающему вашу страницу, чем слой с номером 1. А слой с номером 1, будет располагаться выше, чем основной код страницы.
За создание слоя в CSS отвечает свойство Z-index, а принимаемые им значения, указывают номер слоя.
Например, можно сделать из карт знаменитую комбинацию Royal Flash.
Как видите, каждая карта, немного перекрывает другую. Вот как это выглядит в коде:
.desatka_buba {
position: absolute;
left: 200px;
top: 200px;
z-index: 1;
}
.valet_buba {
position: absolute;
left: 215px;
top: 215px;
z-index: 2;
}
.dama_buba {
position: absolute;
left: 230px;
top: 230px;
z-index: 3;
}
.korol_buba {
position: absolute;
left: 245px;
top: 245px;
z-index: 4;
}
.tuz_bubna {
position: absolute;
left: 260px;
top: 260px;
z-index: 5;
}
Ну а в html коде, просто присваиваете рисункам соответствующие стили, типа:
<img src="10buba.gif"class="10_buba"> ну и так далее, вы поняли...
Если хорошенько разобраться с этим простым методом, можно создавать довольно приличные вещи. Например размещать текст над изображением, или наоборот, создавать красивые заголовки, например с эффектом тени, также если поглубже изучить слои, можно создавать выпадающие меню, и многое другое...
ПСИХОЛОГИЯ ТРУДА
Введение
Раздел I. Человек и труд
Тема 1. Основная проблематика психологии труда
Тема 2. Культурно-исторческие основы развития психологического знания в труде
Тема 3. Труд как социально-психологическая реальность
Тема 4. Проблемы профессиографирования и профотбора
Тема 5. Развитие человека в труде
Раздел II. Психологические особенности профессиональной деятельности
Тема 6. Основы инженерной психологии
Тема 7. Психологические особенности труда в организации
Тема 8. Стрессы и конфликты в профессиональной деятельности
Тема 9. Основы профессионального образования
Раздел III. Психология профессионального и личностного самоопределения
Тема 10. Основы профессионального самоопределения
Тема 11. Ценностно-смысловые основы трудовой деятельности
Тема 12. Психолог-практик как субъект труда
Словарь терминов
Вопросы для самопроверки
Список литературы по курсу
Хрестоматийный материал по курсу
Хрестоматийный материал к теме 2
1. Социально-экономические истоки индустриальной психологии
2. Концепция научного управления Ф.У. Тэйлора и науки о труде
3. А.К. Гастев и центральный институт труда
4. Эргология и эрготехника В.Н. Мясищева
5. Психотехника травматизма и аварийности
6. Проблемы психологического профессиоведения
7. Научно-методологические принципы индустриальной психотехники Г. Мюнстерберга и их развитие в 20-30-е гг.
Хрестоматийный материал к теме 3
1. Непсихологическое знание о труде
2. Обзор психических регуляторов труда
3. Психологические признаки труда
4. О структуре субъекта труда
Хрестоматийный материал к теме 4
1. Оформление профессиографии как подход к изучению профессиональной деятельности
2. Предпосылки развития системного исследования профессиональной деятельности
3. Профессиография и разработка методов изучения профессионально важных качеств субъекта труда
4. Профессия. Подходы к классификации профессии. Модуль профессии
5. Модель специалиста. Профессиограмма. Психограмма
6. Становление и развитие профессионала в ходе обучения. Профориентация. Профессиональное образование, профессиональное обучение
Хрестоматийный материал к теме 5
1. Психологические особенности кризисов профессионального становления
2. Психологические детерминанты профессиональных деструкций
Хрестоматийный материал к теме 6
1. Перспективы развития и уровни пользовательского интерфейса
2. Основы инженерной психологии. Общая характеристика методов
Хрестоматийный материал к теме 10
1. Четыре рода феноменов приобщения к труду, связываемые с терминами "профориентации" и "профконсультация"
2. Принципы педагогического руководства профессиональным самоопределением
Примерныя темы курсовых и дипломных работ
Приложения
ПРЯЖНИКОВ НИКОЛАЙ СЕРГЕЕВИЧ
Место работы: МГУ им. М.В. Ломоносова г. Москва. Должность: профессор кафедры возрастной психологии ф-та психологии. Образование: высшее. Квалификация: психолог, преподаватель психологии. Ученая степень, ученое звание: доктор педагогических наук, профессор. Общий пед. стаж: 23 года.
| ПРЯЖНИКОВА ЕЛЕНА ЮРЬЕВНА
Место работы: Российский Государственный Социальный Университет г. Москва. Должность: зав. кафедры психолого-педагогического мастерства ФПКиПК, профессор. Образование: высшее. Квалификация: преподаватель истории и общественных наук. Ученая степень, ученое звание: доктор психологических наук, доцент. Общий пед. стаж: 20 лет.
|
Дата публикования: 2014-11-04; Прочитано: 942 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!