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.


 

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

74377. Алгоритм программы расчета установившихся режимов ЭС 71.5 KB
  В предыдущих разделах дана характеристика математического описания и основных этапов задачи расчета параметров установившихся режимов ЭС, имеющей самые разнообразные программные реализации.
74378. Изменение нагрузок на интервале времени. Графики электрических нагрузок и их характеристики. Получение графиков нагрузки 66 KB
  Получение графиков нагрузки. Суточные графики Суточные графики нагрузки в основном используются для планирования загрузки оборудования станций и электрических сетей. Суточные графики электрических нагрузок могут быть представлены с фиксацией спроса по каждому часу суток При изучении суточных графиков нагрузки необходимо иметь в виду следующее:График спроса энергосистемы формируется как сумма графиков спроса отдельных групп потребителей Составной частью графика нагрузки энергосистемы кроме спроса потребителей являются потери энергии при ее...
74379. Графики нагрузок по продолжительности. Потребляемая электроэнергия. Время использования наибольшей нагрузки 378.5 KB
  Графики нагрузок по продолжительности. Годовые графики активной и реактивной нагрузок по продолжительности построенные на основании суточных или месячных графиков нагрузок Для годовых графиков активной и реактивной нагрузок по продолжительности характерны следующие величины
74380. Общая характеристика задачи расчета, анализа и снижения потерь электроэнергии. Характеристика и классификация потерь. Технологический расход ЭЭ на ее передачу 58.5 KB
  Общая характеристика задачи расчета анализа и снижения потерь электроэнергии. Приоритетным является размещение компенсирующих устройств непосредственно у потребителя так как это коренным образом влияет на потери электроэнергии в сети и на ее качество у потребителя. На протяженных фидерах в целях снижения потерь электроэнергии и обеспечения надлежащего уровня напряжения в качестве регуляторов напряжения необходимо устанавливать конденсаторные батареи с автоматическим регулированием или вольтодобавочные трансформаторы также с...
74382. ТИПОВЫЕ СХЕМЫ РАСПРЕДЕЛИТЕЛЬНЫХ УСТРОЙСТВ 585.5 KB
  При числе линий три и более рекомендуется ряд типовых схем распределительных устройств со сборными системой шин. Наиболее простая схема выполняется с одной секционированной системой шин...