Мастер-класс Пять шагов навстречу Вики/Шаг 3 — различия между версиями

Материал из Вики ЦДО
Перейти к: навигация, поиск
(Новая страница: «__NOTOC__ {| cellpadding="15" cellspacing="5" style="width: 100%; background-color:#99FFFF;border: 1px solid #771177; margin-left: auto; margin-right: auto;" |…»)
 
 
(не показаны 2 промежуточные версии этого же участника)
Строка 6: Строка 6:
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 3|Работа с изображениями и таблицами]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 3|Работа с изображениями и таблицами]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 4|Вставка объектов из других интернет-сервисов в вики]]
 
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 4|Вставка объектов из других интернет-сервисов в вики]]
−
|[[Мастер-класс Пять шагов навстречу Вики/Итоги|Итоги.Рефлексия]]
+
 
−
|[[Мастер-класс Пять шагов навстречу Вики/Список участников|Участники]]
+
 
|}
 
|}
 
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
 
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
Строка 15: Строка 14:
 
'''Создание фотогаллерей.'''
 
'''Создание фотогаллерей.'''
 
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду).
 
Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег [[Файл:t1.png]], который группирует изображения в галерею (по 4 изображения в каждом ряду).
−
<p style="text-align:left;">[[Файл:k6.png]]</p>  
+
<p style="text-align:left;"></p>  
  
 
'''Пример галереи:'''
 
'''Пример галереи:'''
Строка 31: Строка 30:
 
'''Исходный код:'''                                                     
 
'''Исходный код:'''                                                     
  
−
[[Изображение:i3.png]]                                              
+
                                              
  
 
'''Результат:'''
 
'''Результат:'''
Строка 43: Строка 42:
 
'''Исходный код:'''
 
'''Исходный код:'''
  
−
[[Изображение:i4.png]]  
+
   
  
 
'''Результат:'''
 
'''Результат:'''
Строка 62: Строка 61:
 
'''Исходный код:'''
 
'''Исходный код:'''
  
−
[[Изображение:i5.png]]
+
 
  
 
'''Результат:'''
 
'''Результат:'''
Строка 79: Строка 78:
 
'''Исходный код:'''
 
'''Исходный код:'''
  
−
[[Изображение:i6.png]]
+
 
  
 
'''Результат:'''
 
'''Результат:'''
Строка 98: Строка 97:
 
'''Исходный код:'''
 
'''Исходный код:'''
  
−
[[Изображение:i7.png]]
+
 
  
 
'''Результат:'''
 
'''Результат:'''

Текущая версия на 07:19, 17 октября 2017

Главная страница Регистрация, личная страница, общение Создание и оформление страницы в вики Работа с изображениями и таблицами Вставка объектов из других интернет-сервисов в вики

Шаг 3. Работа с изображениями и таблицами

Работа с изображениями

Создание фотогаллерей. Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег Файл:T1.png, который группирует изображения в галерею (по 4 изображения в каждом ряду).

Пример галереи:

  • K1.jpeg

    картина 1

  • K2.jpg

    картина 2

  • K3.jpg

    картина 3

  • K4.jpeg

    картина 4

Работа с таблицами

Таблицы являются удобной формой для отображения информации. Исходный код таблицы заключается в фигурные скобки Файл:I1.png Первая фигурная скобка исходного кода таблицы называется открывающей скобкой, последняя — закрывающей. После открывающей скобки таблицы ставится вертикальная черта Файл:I2.png Вертикальная черта также ставится перед закрывающей скобкой таблицы. Открывающая скобка таблицы с вертикальной чертой называется открывающим элементом таблицы, а вертикальная черта с закрывающей скобкой — закрывающим элементом таблицы.

Исходный код:


Результат:

содержимое таблицы

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел. Вики-разметка также позволяет записывать ячейки в одну строчку. При этом, все ячейки, следующие за первой ячейкой в строке, начинаются с двойной вертикальной черты: ||. Например:

Исходный код:


Результат:

ячейка1 ячейка 2 ячейка 3

Толщина линий рамки задаётся атрибутом border="n", где «n» — толщина линии:

Объединение ячеек

Объединять несколько ячеек можно как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan="n", где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки. Для объединения по горизонтали используется атрибут colspan="n".

Вертикальное объединение двух ячеек:

Исходный код:


Результат:

Ячейка 1 Ячейка2, объединяет 2 ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5

Вертикальное объединение двух ячеек:

Исходный код:


Результат:

Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5

Сделать цветную ячейку можно с помощью атрибута style="background:#rrggbb", где «rrggbb» обозначает индекс цвета в таблице цветов.

Пример:

Исходный код:


Результат:

Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Задание

  • Создайте на своей странице-Песочнице галерею из изображений.
  • Разместите на своей странице-Песочнице таблицу с иллюстрациями из любой книги.
Источник — «https://wiki.stavcdo.ru/index.php?title=Мастер-класс_Пять_шагов_навстречу_Вики/Шаг_3&oldid=7188»