Работа в Internet и создание web-страниц. Эксаревская М.Е. - 39 стр.

UptoLike

ВУЗ: 

ВГУ | Воронеж

Составители: 

Рубрика: 

ɡɚɩɢɫɚɧɧɵɯ ɩɨ ɩɪɚɜɢɥɚɦ ɫɢɧɬɚɤɫɢɫɚ CSS. ɇɭɠɧɨ ɩɪɨɫɬɨ ɫɨɡɞɚɬɶ ɜ ɥɸɛɨɦ
ɬɟɤɫɬɨɜɨɦ ɪɟɞɚɤɬɨɪɟ ɮɚɣɥ ɢ ɫɨɯɪɚɧɢɬɶ ɟɝɨ ɫ ɪɚɫɲɢɪɟɧɢɟɦ .css. ɉɪɢɦɟɪ
ɫɨɞɟɪɠɢɦɨɝɨ ɮɚɣɥɚ style.css:
body, td { font-family: Arial, Helvetica, sans-
serif; font-size: 10pt }
.sample { font: italic 10pt “Courier New”,
Courier, monospace; margin-left: 25px }
h1, h2 { color: #990000 }
a:visited {color: #6495ED}
ɉɟɪɜɚɹ ɡɚɩɢɫɶ ɨɩɢɫɵɜɚɟɬ ɫɬɢɥɶ ɲɪɢɮɬɚ ɜɫɟɝɨ ɞɨɤɭɦɟɧɬɚ. ɗɬɨɬ ɫɬɢɥɶ
ɨɩɪɟɞɟɥɟɧ ɬɚɤɠɟ ɞɥɹ ɷɥɟɦɟɧɬɚ <td>. ȼɬɨɪɚɹ ɡɚɩɢɫɶ ɨɩɢɫɵɜɚɟɬ ɫɬɢɥɶ ɤɥɚɫɫɚ
sample, ɤɨɬɨɪɵɣ ɞɨɥɠɟɧ ɨɬɨɛɪɚɠɚɬɶɫɹ ɦɨɧɨɲɢɪɢɧɧɵɦ ɲɪɢɮɬɨɦ ɫ
ɨɬɫɬɭɩɨɦ ɜ 25 ɩɢɤɫɟɥɨɜ ɜɩɪɚɜɨ. Ⱦɚɥɟɟ ɨɩɪɟɞɟɥɟɧɨ ɢɡɦɟɧɟɧɢɟ ɰɜɟɬɚ ɞɥɹ
ɡɚɝɨɥɨɜɤɨɜ ɩɟɪɜɨɝɨ ɢ ɜɬɨɪɨɝɨ ɭɪɨɜɧɟɣ ɢ ɞɥɹ ɩɪɨɫɦɨɬɪɟɧɧɵɯ ɫɫɵɥɨɤ.
Ⱦɨɫɬɨɢɧɫɬɜɚ ɜɧɟɲɧɢɯ ɬɚɛɥɢɰ ɫɬɢɥɟɣ:
1) ɢɫɩɨɥɶɡɭɟɬɫɹ ɨɞɢɧ ɮɚɣɥ ɫ ɨɩɢɫɚɧɢɟɦ ɫɬɢɥɟɣ ɞɥɹ ɥɸɛɨɝɨ
ɤɨɥɢɱɟɫɬɜɚ ɫɬɪɚɧɢɰ; ɜɨɡɦɨɠɧɨ ɬɚɤɠɟ ɩɪɢɦɟɧɟɧɢɟ ɷɬɨɝɨ ɮɚɣɥɚ ɧɚ
ɞɪɭɝɢɯ ɫɚɣɬɚɯ;
2) ɮɚɣɥ ɫɬɢɥɟɣ ɦɨɠɧɨ ɢɡɦɟɧɹɬɶ ɛɟɡ ɦɨɞɢɮɢɤɚɰɢɢ web-ɫɬɪɚɧɢɰ;
3) ɩɪɢ ɢɡɦɟɧɟɧɢɢ ɨɩɢɫɚɧɢɹ ɫɬɢɥɹ ɜ ɨɞɧɨɦ ɦɟɫɬɟ ɫɬɢɥɶ
ɚɜɬɨɦɚɬɢɱɟɫɤɢ ɩɪɢɦɟɧɹɟɬɫɹ ɤɨ ɜɫɟɦ ɷɥɟɦɟɧɬɚɦ ɧɚ ɜɫɟɯ web-
ɫɬɪɚɧɢɰɚɯ;
4) ɮɚɣɥ ɫ ɨɩɢɫɚɧɢɟɦ ɫɬɢɥɟɣ ɩɪɢ ɩɟɪɜɨɣ ɡɚɝɪɭɡɤɟ web-ɫɚɣɬɚ ɧɚ
ɥɨɤɚɥɶɧɨɦ ɤɨɦɩɶɸɬɟɪɟ ɩɨɦɟɳɚɟɬɫɹ ɜ ɤɷɲ, ɨɬɞɟɥɶɧɨ ɨɬ web-
ɫɬɪɚɧɢɰ, ɛɥɚɝɨɞɚɪɹ ɱɟɦɭ ɡɚɝɪɭɡɤɚ ɫɬɪɚɧɢɰ ɫɚɣɬɚ ɩɪɨɢɫɯɨɞɢɬ
ɛɵɫɬɪɟɟ.
ɋɜɨɣɫɬɜɚ CSS
ɋɜɨɣɫɬɜɚ ɲɪɢɮɬɚ
ɋ ɩɨɦɨɳɶɸ CSS ɦɨɠɧɨ ɨɩɪɟɞɟɥɹɬɶ ɝɚɪɧɢɬɭɪɭ, ɪɚɡɦɟɪ, ɫɬɢɥɶ
ɧɚɱɟɪɬɚɧɢɹ ɲɪɢɮɬɚ, ɪɟɝɢɫɬɪ ɲɪɢɮɬɚ ɢ ɬɨɥɳɢɧɭ.
1. ɋɩɢɫɨɤ ɝɚɪɧɢɬɭɪ ɲɪɢɮɬɚ.
font-family: ɝɚɪɧɢɬɭɪɚ ɲɪɢɮɬɚ
p {font-family: Arial, sans-serif}
39
���������� �� �������� ���������� CSS. ����� ������ ������� � �����
��������� ��������� ���� � ��������� ��� � ����������� .css. ������
����������� ����� style.css:
      body, td { font-family: Arial, Helvetica, sans-
serif; font-size: 10pt }
      .sample { font: italic 10pt “Courier New”,
Courier, monospace; margin-left: 25px }
      h1, h2 { color: #990000 }
      a:visited {color: #6495ED}
������ ������ ��������� ����� ������ ����� ���������. ���� �����
��������� ����� ��� �������� . ������ ������ ��������� ����� ������
sample, ������� ������ ������������ ������������ ������� �
�������� � 25 �������� ������. ����� ���������� ��������� ����� ���
���������� ������� � ������� ������� � ��� ������������� ������.
      ����������� ������� ������ ������:
      1) ������������ ���� ���� � ��������� ������ ��� ������
         ���������� �������; �������� ����� ���������� ����� ����� ��
         ������ ������;
      2) ���� ������ ����� �������� ��� ����������� web-�������;
      3) ��� ��������� �������� ����� � ����� ����� �����
         ������������� ����������� �� ���� ��������� �� ���� web-
         ���������;
      4) ���� � ��������� ������ ��� ������ �������� web-����� ��
         ��������� ���������� ���������� � ���, �������� �� web-
         �������, ��������� ���� �������� ������� ����� ����������
         �������.
�������� CSS
     �������� ������
     � ������� CSS ����� ���������� ���������, ������, �����
���������� ������, ������� ������ � �������.
        1. ������ �������� ������.
           font-family: ��������� ������
           p {font-family: Arial, sans-serif}

                                  39

Страницы