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.


 

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

38217. Робота з повідомленнями Windows 49 KB
  Повідомлення - це певне повідомлення про настання деякої події в системі. Кожна подія (рух „миші”, натиснення клавіші на клавіатурі, зміна розмірів вікна, тощо) заставляє ОС генерувати відповідне повідомлення і відправляти їх додаткам. Будь-яке повідомлення представляє собою певний запис, що передається додатку
38218. Робота з системними пастками Windows 42.5 KB
  Системна пастка (анг. Hook - пастка) – це певна функція, за допомогою якої можна перехоплювати усі повідомлення та події, що виникли в системі. За допомогою пасток можна отримувати повний контроль над тим, що відбувається в системі.
38219. Representation View’s Adequacy Criterion 273.5 KB
  The paper contains statement of the some problems in the Parallel Software Visualization domain. The problems of 3D graphics and animation uses in Parallel Software Visualization are considered. A criterion of the structural correspondence between model entities, visual objects and mental images is offered.
38220. Розширення оболонки Windows 59 KB
  В даній роботі розглядаються засоби для розширення стандартних можливостей ОС Windows. Для виконання даної роботи потрібно чітке розуміння основ об’єктно-орієнтованого програмування (ООП)
38221. Робота з системним контекстним меню 59.5 KB
  Дана робота багато в чому нагадує попередню роботу. Вам також потрібно створити власний СОМ-об’єкт, для обробки контекстного меню (системне контекстне меню – це меню, яке випадає при натиску на праву кнопку миші).
38222. Аграрная политика Украины 48.87 KB
  Низкая эффективность и устойчивость развития фермерских крестьянских хозяйств. Для развития аграрной структуры наибольшее значение имеют такие общие факторы как: технологические эффекты увеличения размеров предприятий регрессия издержек труда и капитала и т. Анализ истории экономического развития нашего государства свидетельствует об осуществлении многих реформ и программ. Поэтому возникает вопрос какая же основная причина таких явлений С точки зрения экономической теории хотелось бы остановиться на некоторых аспектах перспективного...
38223. Конспект лекцій - Адвокатура в Україні 242.5 KB
  Право громадян на кваліфіковану юридичну допомогу Значення адвокатської діяльності Передумови здійснення адв діяльності Визначення правової природи адвокатури Закон України Про адвокатуру Система нормат актів про адвокатуру Цивільноправова відповідальність адвоката Кримінальна відповідальність адвоката Права адвоката Обов'язки адвоката Адвокатура як інститут правової системи Взаємовідносини адвокатури з іншими інститутами правової системи Запрошення захисника Призначення захисника 3міна захисника Відмова від захисника Підстави що виключають...
38224. Административное право Российской Федерации 1.48 MB
  Административноправовые нормы принимаются на различных уровнях власти Российской Федерации. принимаемыми на уровне федеральных органов государственной власти региональными принимаемыми на уровне субъекта Российской Федерации и местными т. Нормы содержащиеся в актах Президента и Правительства России вступают в силу по истечении семи дней после опубликования в Собрании законодательства Российской Федерации Российской газете если в акте не установлен иной срок. 77 ПО117 разграничение предметов ведения и полномочий между федеральными...
38225. Основы банковской деятельности 152.49 KB
  7Предварительный анализ баланса банка. Адекватные управленческие решения обеспечивают долгосрочную жизнеспособность банка. Ошибки и злоупотребления в управленческих решениях снижают конкурентоспособность банка и могут привести к его закрытию. Анализ пассивов активов ликвидности финансовых результатов банковской деятельности направлен на выявление сильных и слабых сторон банка и улучшение деятельности банка в будущем.