Министерство образования и науки Российской Федерации
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ
«ДОНСКОЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
Колледж экономики, управления и права
Методические указания (рекомендации)
для практических занятий по учебной дисциплине
ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ КОМПЬЮТЕРНЫХ СЕТЕЙ
Специальности
230115 Программирование в компьютерных системах
Ростов-на-Дону
201__
Составитель (автор): |
Довгаль В.И., |
преподаватель |
Рецензенты:
Методические указания (рекомендации) по учебной дисциплине ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ КОМПЬЮТЕРНЫХ СЕТЕЙ
разработаны с учетом государственного образовательного стандарта среднего профессионального образования специальности 230115 Программирование в компьютерных системах и предназначены для студентов и преподавателей колледжа.
Методические указания (рекомендации) определяют этапы выполнения работы на практическом занятии, содержат рекомендации по порядку выполнения каждого шага и примерные результаты промежуточных действий, а также список рекомендуемой литературы.
Практическая работа №1 CSS
1 Цель работы
Убедиться в приоритетности назначения стилей CSS
2 Порядок выполнения работы
1. Изучить пункт МЕТОДИЧЕСКИЕ УКАЗАНИЯ.
3. Ответить на теоретические вопросы по данной теме руководителю своей группы.
4. Оформить отчет по самостоятельной работе, который должен содержать:
титульный лист
порядок выполнения данной работы с приложенными программами и результатами их выполнения в виде снимков с экрана
выводы по каждому результату
письменные ответы на ВОПРОСЫ КОНТРОЛЯ
3. МЕТОДИЧЕСКИЕ УКАЗАНИЯ.
В целом, браузер расставляет приоритеты таблиц стилей следующим образом:
1) inline-стили (встроенные с помощью атрибута style непосредственно в теги документа) – наивысший приоритет, будут применены браузером в любом случае, даже если возникает конфликт с внедренными или внешними стилями;
2) внедренные стили (перечисленные в теге-контейнере <style> в «голове» документа) – чуть меньший приоритет, будут применяться во всех случаях, кроме случаев возникновения конфликта с inline-стилями (при возникновении такого конфликта будут применены inline-стили);
3) импортированные стили (стили внешнего файла .css, связанные с документом с помощью свойства @import в теге-контейнере <style>) – еще меньший приоритет, будут применяться в тех случаях, когда отсутствуют аналогичные правила CSS среди встроенных и внедренных стилей;
4) связанные стили (стили, присоединенные к html-файлу посредством тега <link>) – наименьший приоритет, будут применены только после того, как броузер убедится в отсутствии аналогичных правил во всех остальных типах стилей.
Примеры приведены ниже
Импортированные стили
<head>
...
<style>
...
@import: url (my.css);
...
</style>
...
</head>
2) Внедренные стили (перечисленные в теге-контейнере <style> в «голове»
3) Inline-стили (встроенные с помощью атрибута style непосредственно в теги документа)
4) Связанные стили (стили, присоединенные к html-файлу посредством тега <link>)
ВОПРОСЫ КОНТРОЛЯ
Какова приоритетность назначения стилей
Как изменить стиль, если он был назначен в так называемых связанных стилях (стили, присоединенные к html-файлу посредством тега <link>)
У какого способа задания стилей наибольший приоритет, наименьший.
Практическая работа №2-3
1 Цель работы
Научиться оформлению документа средствами CSS
2 Порядок выполнения работы
1. Изучить пункт МЕТОДИЧЕСКИЕ УКАЗАНИЯ и выполнить следующее: (в случае возникновения дополнительных вопросов воспользоваться интернет-ресурсами)
Создать страницу, содержащую картинку, списки и простой текст
Часть простого текста оформить при помощи тега DIV
В части оставшегося текста применить при его оформлении группировку селекторов, селекторы потомков, классов, ID-селекторы
Изучите по приложенным в папках картинкам раздел: «Форматирование текста средствами CSS», разберитесь с единицами измерения шрифта и будьте готовы ответить на вопросы о работе с цветом и шрифтами средствами CSS
В разделе «Форматирование текста» прочитайте о задании отступов, выравнивании, оформлении, задании пустого пространства и т. п.
Прочитайте «Оформление документа CSS» (фон, поля и отступы границы) и примените к части текста.
Прочитайте раздел «Работа с блоками», создайте на странице перемещаемый объект.
Разметьте страницу с помощью фиксированного позиционирования, заранее рассчитав значения полей.