Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Тексти файлів до першого завдання

Поиск

 

Файл text1.css

Text

 { color:#000033; margin-left:10px; font-size:40pt; font-family:fantasy; font-weight:bolder}

Higtext

{ margin-top:-38pt; margin-left:8px;color:#FF0066; font-size:40pt; font-family:fantasy; font-weight:bolder;}

 

Файл div .css

Image1

{background-image:url(flo.bmp); background-color:#000099; font-family:cursive; font-size:18pt; font-style:oblique; font-weight:700; color:#FFFF99; height:auto; width:600pt; letter-spacing:6pt; word-spacing:10pt; text-align:center; border-color:#FF0000; border-style:ridge; border-width:10pt; }

Image2

{color:#FFFF00; background-color:#0066FF; border-color:#009900; border-style:outset; padding:' padding-top':10px; font-size:16px; font-family:cornier; font-weight:bold; text-align:center; width:70%;}

 

Файл pict.css

#pict1

{width:98%; background-image:url(dark.bmp); list-style-type:georgian; list-style-position:outside; font-family:cursive;font-size:medium; font-weight:700; letter-spacing:3pt; word-spacing:7pt; color:white;}

 

Файл index.htm

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv=" Content-Type" content="text/html; charset= windows-1251">

<link rel="stylesheet" href="text1.css" type="text/css">

<link rel="stylesheet" href="pict.css" type="text/css">

<link rel="stylesheet" href="div.css" type="text/css">

</head>

 

<h2> WORDS</h2>

<body id="pict1">

<div align="center" class="text" style="color:#666666; font-style:italic">SGML</div>

<div align="center" class="higtext" style="color:#CCCCCC; font-style:italic">SGML</div>

<div class="text" >HTML</div>

<div class="higtext" >HTML</div>

<div align="right" class="text" style="color:#CCFFFF; letter-spacing:10pt; text-decoration:blink"> JAVA-SCRIPT</div>

<div align="right" class="higtext"; style="color:#FFFF66; letter-spacing:10pt; text-decoration:blink"> JAVA-SCRIPT</div>

<div class="image1"> Вивчення спеціальних мов програмування, таких як Java-script</div>

<div align="center" class="image2"> говорить про можливість створення професійних сайтів</div>

</body>

</html>

 

Завдання 3.

1) Створіть документ, який відформатовано за допомогою заголовних стилів документа.

2) При створенні документа використовуйте форматування блоків, тексту, шрифтів, списків, кольору й фону.

3) Упровадьте заливання зображення і вставку зображення з обтіканням по правому краю.

 

Текст для форматування:

Поняття про етикет

Сформовані норми моральності є результатом тривалого за часом процесу становлення взаємин між людьми. Без дотримання цих норм неможливі політичні, економічні, культурні відносини, тому що не можна існувати не поважаючи один одного, не накладаючи на себе певних обмежень.

Етикет - слово французького походження, що означає манеру поводження. До нього відносяться правила чемності й увічливості, прийняті в суспільстві.

Розрізняють кілька видів етикету, основними із яких є:

- придворний етикет;

- дипломатичний етикет;

- військовий етикет.

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

  1. Якими можуть бути значення властивостей?
  2. Назвіть основні властивості блоку?
  3. Назвіть основні властивості тексту?
  4. Яка властивість відповідає за міжсимвольну відстань?
  5. Яка властивість відповідає за міжрядкову відстань?
  6. Назвіть основні властивості шрифтів?
  7. У яких одиницях задаються значення властивостей?
  8. Назвіть основні властивості кольору?
  9. Які властивості блоку дозволяють задати обтікання текстом?
  10. Які властивості блоків дозволяють змінювати позицію блоку в документі?
  11. За допомогою якого тегу підключаються до документа зовнішні аркуші стилів і які атрибути цього тегу є обов'язковими?
  12. Назвіть основні рекомендації при записі CSS правил.
  13. Назвіть пріоритети стилів.

Лабораторна робота №10
Спадкування й каскадуванния. Візуальні ефекти

Мета: отримати уявлення про правила спадкування та каскадування в HTML-документі. Навчитися використовувати візуальні ефекти при створенні HTML-документів.

 



Поделиться:


Последнее изменение этой страницы: 2020-12-09; просмотров: 102; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.147.6.122 (0.009 с.)