50753

Програмування графіки засобами CSS

Лабораторная работа

Информатика, кибернетика и программирование

Мета: Отримати навички програмування графіки засобами CSS. Обладнання: ПЕОМ IBM PC, текстовий редактор, Internet Explorer.

Украинкский

2014-01-30

200.5 KB

2 чел.

Лабораторна робота11

Тема:  «Програмування графіки засобами CSS»

Мета:  «Отримати навички програмування графіки засобами CSS»

Обладнання: ПЕОМ IBM PC, текстовий редактор, Internet Explorer.


Хід роботи

1. Розглянути роботу прикладів керування фоном документу:

— приклад Lab6_1_1.html , що задає фоновий колір елементу

— приклад Lab6_1_2.html , що задає фонове зображення, що повторюється. Модифі-кувати приклад так,  щоб зображення повторювалося тільки по вертикалі (горизонталі).

— приклад Lab6_1_3.html , що задає фіксоване фонове зображення. Модифікувати приклад так,  щоб зображення прокручувалося разом з документом.

— приклад Lab6_1_4.html , в якому всі властивості фону задані в одному оголошенні.

2. Розглянути роботу прикладів керування оформленням тексту документу:

— приклад Lab6_2_1.html , в якому задається колір тексту

— приклад Lab6_2_2.html , в якому задається колір фону тексту.

— приклад Lab6_2_3.html , в якому регулюється розрідженість тексту .

— приклад Lab6_2_4.html , в якому текст вирівнюється

— приклад Lab6_2_5.html , в якому наведене оформлення тексту

— приклад Lab6_2_6.html , в якому створено відступ для першого рядку абзацу.

— приклад Lab6_2_7.html , в якому здійснюється керування регістром символів.

3. Розглянути роботу прикладів керування оформленням границь.

— приклад Lab6_3_1.html , в якому задаються різні типи границь

— приклад Lab6_3_2.html , в якому задаються різні кольори границь.

— приклад Lab6_3_3.html , в якому задається товщина нижньої границі .

— приклад Lab6_3_4.html , в якому задаються всі властивості верхньої границі в од-ному оголошенні

— приклад Lab6_3_5.html , в якому задається товщина всіх границь

— приклад Lab6_3_6.html , в якому всі властивості границь задаються в одному ого-лошенні.

4. Оформити розклад занять, використовуючи стилі фону, тексту та границь

5. Оформити звіт, у який включити коди модифікованих та розроблених прикладів.

Лістинг розробки:
<html>

<head>

<title>Расписание занятий</title>

<style type="text/css">

table

{border: thin dotted #3caa3c;

background-color: #e4f0d9;}

td

{border: thin dotted #3caa3c;}

h1

{font-size: 25px;}

span.back

{background-color: #3caa3c;

font-size: 20px;}

.line {border-bottom: 3px dotted #3caa3c;

padding-left: 85px;}

</style>

</head>

<body background="121212.jpg">

<table width="1000px" align="center">

<tr>

<td valign="top" width="879px"><center>

<br><h1>Расписание занятий группы 381 на второй семестр</h1></center>

</td>

</tr></table>

<table width="1000px" align="center">

<tr>

<td valign="top" width="200px">

<span class="line"><span class="back">&nbsp;&nbsp;&nbsp;Понедельник&nbsp;&nbsp;&nbsp;</span></span><br><br><br>

1. Компьютерная графика<br><br>

2. Микропроц.системы<br><br>

3. Украинский язык по ПН<br><br>

</td>

<td valign="top" width="200px">

<span class="line"><span class="back">&nbsp;&nbsp;&nbsp;Вторник&nbsp;&nbsp;&nbsp;</span></span><br><br><br>

1. Разработка WEB приложен.<br><br>

2. Осн. констр. ЭВМ / Архитектура ЭВМ<br><br>

3. Компьютерная графика / Микропроцессор. системы<br><br>

</td>

<td valign="top" width="200px">

<span class="line"><span class="back">&nbsp;&nbsp;&nbsp;Среда&nbsp;&nbsp;&nbsp;</span></span><br><br><br>

1. Разработка WEB прилож.<br><br>

2. Микропроц. системы<br><br>

3. Осн. констр. ЭBМ<br><br>

</td>

<td valign="top" width="200px">

<span class="line"><span class="back">&nbsp;&nbsp;&nbsp;Четверг&nbsp;&nbsp;&nbsp;</span></span><br><br><br>

1. Микропроц.системы<br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>классный час</i><br><br>

2. Програм. и алгоритм. яз.<br><br>

3. Архитектура ЭВМ<br><br>

</td>

<td valign="top" width="200px">

<span class="line"><span class="back">&nbsp;&nbsp;&nbsp;Пятница&nbsp;&nbsp;&nbsp;</span></span><br><br><br>

1. ФВС<br><br>

2. Английский язык<br><br>

3. Архитектура ЭВМ<br><br>

</td>

</tr></table>

<h3><div align="left" style="padding-left: 180px; color: #000000;">&copy; Егориус Тимановский</h3></div>

</body>

</html>

Контрольні запитання:

  1.  Яке призначення CSS?
  2.  Як встановити рисунок в фоні документу так, щоб він був фіксованим?
  3.  Якими параметрами здійснюється вирівнювання тексту?
  4.  Якими параметрами задаються параметри границь?

Висновок: На цій лабораторній роботі я отримав навички програмування графіки засобами CSS.


 

А также другие работы, которые могут Вас заинтересовать

44110. Контрольная работа по диалектологии 42 KB
  Фонема [ф] не исконно русская, встречается в иноязычных словах, т.е. говоры, где влияние литературного языка было несильным, усвоение фонемы в соответствии с правилами употребления не произошло. Но возникла необходимость заменить «незнакомый» звук в словах, поэтому появилось артикулярно-близкое сочетание [хв]. В предложенных словах эти звук и сочетание звуков спутаны, следовательно, учащимися не приобретён навык различия слов с [ф] и [хв].
44111. ГОРИЗОНТАЛЬНАЯ СЪЕМКА ЗЕМЕЛЬ 1.53 MB
  В работах связанных с землеустройством применяют топографические съемки местности. Топографическая съемка местности это совокупность топографо-геедезических работ в результате которых создается съемочный оригинал карты или плана местности. Если надо заснять небольшие участки местности то из-за высокой стоимости летно-съемочных работ аэрофотосъемка становится экономически невыгодным поэтому в таких случаях применяют мензульную съемку. Теодолитную съемку применяют главным образом при съемке местности с капитальной...
44112. Разработка экономического программного обеспечения для ОАО «Автосила» 803.5 KB
  Порядок формирования прибыли. Схема формирования валовой балансовой прибыли. Формирование и распределение чистой прибыли. Схема распределения чистой прибыли.
44113. Разработка графического интерфейса DVM-системы 916 KB
  Параллельная программа на исходном языке Фортран-DVM (или Си-DVM) превращается в программу на языке Фортран 77 (или Си), содержащую вызовы функций системы поддержки, и выполняющуюся в соответствии с моделью SPMD (одна программа – много данных) на каждом выделенном задаче процессоре
44114. Подготовка печатной машины Speedmaster SM 102 к печатанию тиража и получение контрольного оттиска 1.3 MB
  Установка и приладка валиков.Подготовка валиков увлажняющего аппарата Сразу по возвращению в Германию Каспар Херманн смог получить патент на офсетную машину работа которой была основана на принципе использования резиновых валиков что позволяло печатать с лицевой и оборотной стороны листа. Красочный аппарат состоит из красочного ящика кипсейки дукторного вала системы обрезиненных валиков и металлических цилиндров различного диаметра накатных валиков но может содержать дополнительно валикинаездники и мостовой валик.
44116. Совершенствование инвестиционной деятельности полиграфического предприятия по повышению качества печатной продукции и ее экономическая оценка на примере ООО «Пронто-Калининград» 2.37 MB
  ТЕОРЕТИЧЕСКИЕ ОСНОВЫ ИНВЕСТИЦИОННОЙ деятельности предприятия. Сущность и понятия инвестиционной деятельности предприятия. Особенности инвестиционной деятельности предприятия в современных условиях. Методы оценки и показатели совершенствования инвестиционной деятельности предприятия.
44117. Технология изготовления отливки «Обечайка» массой 47 т из стали 10ГН2МФАЛ 1.72 MB
  Этапы формирования отливки. Технологические приёмы воздействия на процессы затвердевания и охлаждения отливки в литейной форме. Способы воздействия на характер формирования отливки на этапе охлаждения расплава до температуры кристаллизации. Получение заданных свойств для отливок ответственного назначения. Проектирование технологии изготовления отливки Обечайки парогенератора ПГВ1000 в литейных формах с дифференцированным отводом тепла.
44118. Модель создания единого информационного пространства образовательного учреждения с применением сетевых информационных технологий 1.25 MB
  Особую роль в данной форме самообразования могут занять социальные сети и социальные сообщества функционирующие в Интернете. Все больше преподавателей осваивают работу в Сети и начинают использовать ее в образовательном процессе. При условии создания в учебном заведении Интернет-системы следующим шагом становится выход на более высокий уровень функционирования информационного пространства Интернет предусматривающий создание и открытие доступа всем непосредственным участникам учебного процесса и внешним посетителям к сайту учебного...