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.


 

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

54253. Властивості степеня з цілим показником 795 KB
  Властивості степеня з цілим показником. Сформувати прикладну необхідність вивчення властивостей степеня з натуральним показником. Які операції ви вмієте виконувати над числами Прочитати число; записати; порівняти; додати; відняти; помножити; поділити; піднести до степеня. Які саме вирази ми зараз вивчаємо Вирази зі степенями То які операції нам потрібно вміти виконувати над виразами зі степенями Прочитати вирази зі степенями; записати; порівняти; додати; відняти; помножити; поділити; піднести до степеня.
54254. Функціональна залежність в системі прикладних задач шкільного курсу математики 631.08 KB
  Стаття містить приклад класифікації прикладних задач та аналіз способу їх розв’язання, узагальнений алгоритм розв’язування задач прикладного характеру. Основне її завдання спонукати використання прикладних задач при вивченні функціональної лінії шкільного курсу математики.
54255. Письмове додавання трицифрових чисел із переходом через розряд 716 KB
  Ознайомити учнів із прийомом письмового додавання трицифрових чисел з переходом через розряд; формувати навички письмового додавання і віднімання трицифрових чисел; виховувати почуття взаємодопомоги, вміння працювати в команді, аргументовано відстоюючи власну думку; розвивати охайність при виконанні робіт.
54256. Відсоткові розрахунки, Один день праці на підприємстві 102.5 KB
  Мета уроку: Формування в учнів вмінь самостійно визначати тип задачі на відсотки та навичок обчислень відсотка від числа, числа за його відсотком та відсоткового відношення двох чисел; розкрити практичну необхідність вивчення теми «Відсотки» в шкільному курсі; розвивати інтерес до математики, прагнення до самовдосконалення; виховувати почуття колективізму та відповідальності перед колективом.
54257. Умножение и деление рациональных чисел 174.5 KB
  Цель: развивать социальную компетентность используя самооценку и взаимооценку; развивать компетентность самообразования стимулируя познавательный интерес; развивать коммуникативную компетентность организовывая работу в парах; обобщить знания учащихся об умножении и делении рациональных чисел; экономическое воспитание. Тема урока Умножение и деление рациональных чисел. Как будет называться наше АО вы узнаете по своим ответам на мои вопросы составив слово Теория первична Учитель ...
54258. Закрепление сложения и вычитания трехзначных чисел 333 KB
  Ребята сегодня у нас необычный урок математики к нам пришли гости. Какие вы второклассники Ждут вас сегодня затеи и задачи Игры шутки всё для вас Пожелаю вам удачи За работу в добрый час Ребята за ваши правильные и полные ответы я вам буду раздавать наклейки. Ребята наши гости решили поиграть с вами в прятки спрятались от вас.
54259. Переместительное свойство сложения 22.5 KB
  Материалы необходимые для урока: изображение дерева изображения листьев Ход урока: Давайте посчитаем сколько же листьев на нашем дереве Сколько листьев справа от дерева 4 Сколько листьев слева от дерева 3 Где листьев больше а где меньше 3.
54260. Видатні українські математики. Застосування різних способів розкладання многочленів на множники 619.5 KB
  1 учень: Остроградський Михайло Васильович народився у вересні 1801 року на Полтавщині. 2 учень: Походив з родини збіднілих дворян які мали глибоке козацьке коріння. 3 учень: У 8 років його віддали до гімназії у Полтаві але хлопчик жвавої та веселої вдачі звикший до роздольного життя у рідному селі особливою старанністю не відзначався. Учень: Блискуче закінчивши університет Михайло рік живе у батька а потім вирішивши присвятити себе математиці знову повертається до Харкова для вдосконалення своїх знань.
54261. Творчий підхід до вивчення математики 155.5 KB
  Школа покликана якомога раніше виявити якості творчої особистості в учнів і розвивати їх у всіх школярів зважаючи звичайно на те що діти народжуються з різними задатками творчості. Водночас більшою мірою потрібно дбати про розвиток творчої особистості у здібних та обдарованих учнів. Можна розглянути інтелектуальноеврестичні здібності особистості які включають: Здібності генерувати ідеї висувати гіпотези що характеризує інтелектуальноеврестичні властивості особистості в...