Шаг 2/Настройка вида и функций

Материал из Wiki-Сибириада

(Различия между версиями)

Версия 10:10, 8 августа 2012

Содержание

1 Строим макет - наполняем содержанием
2 Презентация в помощь разработчику сайта
3 Вставляем документы Google, видео, фото
4 Презентация в помощь разработчику
5 Алгоритм действий для вставки документа, создания ссылки и новой страницы

Строим макет - наполняем содержанием

определяемся со структурой сайта

На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта. Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими)

ТРЕБОВАНИЯ К WEB-САЙТУ БИБЛИОТЕКИ

выбираем макет

набираем текст

инструменты для создания текста

делаем ссылки
изменяем форматирование
вставляем таблицы, картинки

Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google.

Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps,

ролик из YouTube и так далее.

Презентация в помощь разработчику сайта

Название видео

Вставляем документы Google, видео, фото

Нажмите "Редактировать страницу" - "Вставить" - из ниспадающего меню выберите, что вы хотите вставить:

фотография, календарь, документ, презентация, Picasa слайдшоу или видео.

Презентация в помощь разработчику

Как создать Google-карту и получить код для вставки на сайт

Название видео

Алгоритм действий для вставки документа, создания ссылки и новой страницы

Вставить документ

Инструмент "Вставить"

Окно выбора типа объекта

Выбираем -"Документ" -Загружаем

Создать ссылку

Инструмент "Редактировать"

Инструмент "Ссылка"

Вставить адрес

создать новостную строку на Главной странице сайта

Создать новую страницу

Чтобы создать новую страницу, нажмите кнопку "Создать новую страницу". Выберите тип страницы и её уровень.

Шаг 2/Настройка вида и функций

Версия 10:10, 8 августа 2012

Содержание

Строим макет - наполняем содержанием

Презентация в помощь разработчику сайта

Вставляем документы Google, видео, фото

Презентация в помощь разработчику

Алгоритм действий для вставки документа, создания ссылки и новой страницы

Личные инструменты

Пространства имён

Варианты

Просмотры

Действия

Поиск

Навигация

Инструменты

@@ Строка 1: / Строка 1: @@
-<h2> Строим макет - наполняем содержанием</h2>
+== Строим макет - наполняем содержанием==
-<ul><li><b>определяемся со структурой сайта</b>
+*'''определяемся со структурой сайта'''
-</li></ul>
+На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта.
-<p>На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта.
 Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими)
-</p><p><a href="http://textbook.vadimstepanov.ru/chapter5/glava5-1.html">ТРЕБОВАНИЯ К WEB-САЙТУ БИБЛИОТЕКИ</a>
-</p><p><span class="fck_mw_template">{{#widget:IframefckLR|url= http://ru.calameo.com/read/000166228272ca1006b3ffckLR|width=600fckLR|height=400fckLR|border=0fckLR}}</span>
+[http://textbook.vadimstepanov.ru/chapter5/glava5-1.html ТРЕБОВАНИЯ К WEB-САЙТУ БИБЛИОТЕКИ]
-</p>
-<ul><li><b>выбираем макет</b>
+{{#widget:Iframe
-</li></ul>
+|url= http://ru.calameo.com/read/000166228272ca1006b3f
-<p><span class="fck_mw_template">{{#widget:IframefckLR   |url=https://docs.google.com/presentation/embed?id=1SAeex2AVYEUbp0YeMk4XwLM6AfeFA10F_KsrRVACUiI&amp;start=false&amp;loop=false&amp;delayms=3000fckLR   |width=600fckLR   |height=400fckLR   |border=0fckLR   }}</span>
+|width=600
-</p>
+|height=400
-<ul><li><b>набираем текст</b>
+|border=0
-</li></ul>
+}}
-<p>инструменты для создания текста
+*'''выбираем макет'''
-</p><p><span class="fck_mw_template">{{#widget:IframefckLR   |url=https://docs.google.com/presentation/embed?id=1DWuVAjJyONyiq81Cv-533aPU0EpoXDrdPqkb6a6cswI&amp;start=false&amp;loop=false&amp;delayms=3000fckLR   |width=600fckLR   |height=400fckLR   |border=0fckLR   }}</span>
-</p>
+{{#widget:Iframe
-<ul><li><b>делаем ссылки</b>
+   |url=https://docs.google.com/presentation/embed?id=1SAeex2AVYEUbp0YeMk4XwLM6AfeFA10F_KsrRVACUiI&start=false&loop=false&delayms=3000
-</li><li><b>изменяем форматирование</b>
+   |width=600
-</li><li><b>вставляем таблицы, картинки</b>
+   |height=400
-</li></ul>
+   |border=0
-<p>Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google.
+   }}
-</p><p>Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps,
-</p><p>ролик из YouTube и так далее.
+*'''набираем текст'''
-</p>
-<h2>Презентация в помощь разработчику сайта</h2>
+инструменты для создания текста
+{{#widget:Iframe
+   |url=https://docs.google.com/presentation/embed?id=1DWuVAjJyONyiq81Cv-533aPU0EpoXDrdPqkb6a6cswI&start=false&loop=false&delayms=3000
+   |width=600
+   |height=400
+   |border=0
+   }}
+*'''делаем ссылки'''
+*'''изменяем форматирование'''
+*'''вставляем таблицы, картинки'''
+Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google.
+Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps,
+ролик из YouTube и так далее.
+==Презентация в помощь разработчику сайта==
 <div style="float:left">
-<table border="0">
+   {|border=0
-<tr>
+   |<youtube>hdbBFG8AXqI</youtube>
-<td><span class="fck_mw_special" _fck_mw_customtag="true" _fck_mw_tagname="youtube">hdbBFG8AXqI</span>
+   |-
-</td></tr>
+   |'''Название видео'''
-<tr>
+   |}
-<td><b>Название видео</b>
-</td></tr></table>
     </div>
-<p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
+[[Категория:Мастер-класс]]
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p>
-<h2> Вставляем документы Google, видео, фото</h2>
-<ul><li>Нажмите "Редактировать страницу" - "Вставить" - из ниспадающего меню выберите, что вы хотите вставить:
-</li></ul>
-<p>фотография, календарь, документ, презентация, Picasa слайдшоу или видео.
-</p>
-<h2>Презентация в помощь разработчику</h2>
-<p><b>Как создать Google-карту и получить код для вставки на сайт</b>
-</p>
+== Вставляем документы Google, видео, фото==
+*Нажмите "Редактировать страницу" - "Вставить" - из ниспадающего меню выберите, что вы хотите вставить:
+фотография, календарь, документ, презентация, Picasa слайдшоу или видео.
+==Презентация в помощь разработчику==
+'''Как создать Google-карту и получить код для вставки на сайт'''
    <div style="float:left">
-<table border="0">
+   {|border=0
-<tr>
+   |<youtube>1LoJrLMl6b0</youtube>
-<td><span class="fck_mw_special" _fck_mw_customtag="true" _fck_mw_tagname="youtube">1LoJrLMl6b0</span>
+   |-
-</td></tr>
+   |'''Название видео'''
-<tr>
+   |}
-<td><b>Название видео</b>
-</td></tr></table>
     </div>
-<p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p>
-<h2>Алгоритм действий для вставки документа, создания ссылки и новой страницы</h2>
-<ul><li><b>Вставить документ</b>
-</li></ul>
-<table align="left">
-<tr valign="top">
-<td><img src="/images/thumb/f/f2/%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_%D1%84%D0%BE%D1%82%D0%BE.jpg/180px-%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_%D1%84%D0%BE%D1%82%D0%BE.jpg" _fck_mw_filename="Вставить фото.jpg" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td>
-<td><img src="/images/thumb/9/99/%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_2.jpg/180px-%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_2.jpg" _fck_mw_filename="Вставить 2.jpg" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td>
-<td><img src="/images/thumb/a/a4/%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_3.jpg/180px-%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%B8%D1%82%D1%8C_3.jpg" _fck_mw_filename="Вставить 3.jpg" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td></tr></table>
-<p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p>
-<ul><li><b>Создать ссылку</b>
-</li></ul>
-<table align="left">
-<tr valign="top">
-<td><img src="/images/thumb/a/a1/%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82_%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_1.png/180px-%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82_%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_1.png" _fck_mw_filename="Инструмент Редактировать 1.png" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td>
-<td><img src="/images/thumb/1/1f/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_2.jpg/180px-%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_2.jpg" _fck_mw_filename="Редактировать 2.jpg" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td>
-<td><img src="/images/thumb/d/d3/%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0_3.jpg/180px-%D0%A0%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D1%82%D1%8C_%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0_3.jpg" _fck_mw_filename="Редактировать ссылка 3.jpg" _fck_mw_type="thumb" alt="" class="fck_mw_frame fck_mw_right" />
-</td></tr></table>
-<p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p><p><br />
-</p>
-<ul><li><b>создать новостную строку на Главной странице сайта</b>
-</li></ul>
-<p><br />
-</p><p><br />
-</p>
-<ul><li><b>Создать новую страницу</b>
-</li></ul>
-<p><b>Чтобы создать новую страницу,</b> нажмите кнопку "Создать новую страницу". Выберите тип страницы и её уровень.
-</p><a _fcknotitle="true" href="Category:Мастер-класс">Мастер-класс</a>
+==Алгоритм действий для вставки документа, создания ссылки и новой страницы==
+*'''Вставить документ'''
+{|align="left"
+ |-valign="top"
+ |[[Файл:Вставить фото.jpg|thumb|Инструмент "Вставить"]]
+ |[[Файл:Вставить 2.jpg|thumb|Окно выбора типа объекта]]
+|[[Файл:Вставить 3.jpg|thumb|Выбираем -"Документ" -Загружаем]]
+ |}
+*'''Создать ссылку'''
+{|align="left"
+ |-valign="top"
+ |[[Файл:Инструмент Редактировать 1.png|thumb|Инструмент "Редактировать"]]
+ |[[Файл:Редактировать 2.jpg|thumb|Инструмент "Ссылка"]]
+|[[Файл:Редактировать ссылка 3.jpg|thumb|Вставить адрес]]
+ |}
+*'''создать новостную строку на Главной странице сайта'''
+*'''Создать новую страницу'''
+'''Чтобы создать новую страницу,''' нажмите кнопку "Создать новую страницу". Выберите тип страницы и её уровень.