Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
SUIK.docx
Скачиваний:
20
Добавлен:
10.02.2015
Размер:
111.64 Кб
Скачать

Valign – выравнивание по вертикали (top, middle, bottom)

colspan (rowspan) – сколько столбцов (строк) охватывает ячейка

● CSS (англ. Cascading Style Sheets) — формальный язык описания внешнего вида документа, созданного с использованием языка разметки.

● Обычно используется для оформления внешнего вида html документа, но может применён и к любым xml документам (например, SVG)

● Основное назначение CSS – разделение описания логической структуры веб-страницы от описания внешнего вида этой веб-страницы (!)

● Css файл подключается внутри html документа тэгом <link>

<head>

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

</head>

● Css файл подключается директивой @import между тэгами style

<head>

<style type="text/css" media="all">

@import url(style.css);

</style>

</head>

● Css описана в самом документе и располагается между тэгами <style> </style>

<head>

<style type="text/css">

body {

color: red;

}

</style>

</head>

● Css располагается в теле отдельного тэга hmtl документа, посредством аттрибута style

<p style="font-size: 21px; color: green;">Рассказ о том, как

вредно красить батареи</p>

Документ CSS состоит из правил вида:

селектор, селектор {

свойство: значение;

свойство: значение;

свойство: значение;

}

● Селекторы служат для выделения элементов на страницы, к свойствам которых применяются значения

Виды селекторов CSS

● Селекторы типа элементов p {font-family: Garamond, serif;}

● Селектор классов .note {color: red; background: yellow; font-weight: bold;}

● Селектор идентификаторов #paragraph1 {margin: 0;} выберет все элементы с id=”paragraph”

● Селектор аттрибутов a[href="http://www.somesite.com"]{fontweight: bold;}

все элементы типа anchor с href="http://www.somesite.com")

● Контекстные селекторы div#paragraph1 p.note {color: red;}

● Селектор дочерних элементов p.note > b {color: green;}

● Селектор “сестринских” элементов h1 + p {font-size: 24pt;} выберет элемент p, идущий непосредственно за h1

● Универсальный селектор, обозначающий любой элемент * {color: red;}

6. Написание собственных модулей в cms Drupal. Пример простейшего модуля.

Модуль в Drupal – это пакет, содержащий фрагменты кода и расширяющий функциональность ядра Drupal.

Создание собственного модуля

Для создания собственного простейшего модуля необходимо

создать 2 файла:

● Файл имя_модуля.info (системная информация о модуле)

Name = xray

Description = Показывает внутреннюю структуру и связи сайта

Core = 7.x

● Файл имя_модуля.module (реализация модуля)

<?php

function xray_form_alter(&$form, &$form_state, $form_id) {

$form['xray_display_form_id'] = array(

'#type' => 'item',

'#title' => t('Form ID'),

'#markup' => $form_id,

'#weight' => -100,

);

} Имя_модуля является системным!

Собственные модули рекомендуется размещать в:

● sites/all/modules/custom (как для одного, так и нескольких сайтов в режиме многосайтовости)

● sites/example.com/modules/custom/ для конкретного сайта example.com

● sites/default/modules/ только в случае одного сайта на одном движке Drupal

Нельзя размещать в папке modules корневого каталога Drupal – там размещаются системные модули.

http://drupalfly.ru/lesson/new_module

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]