Шаг 2/Настройка вида и функций
(→Алгоритм действий для вставки документа, создания ссылки и новой страницы) |
Nina (обсуждение | вклад) (→Алгоритм действий для вставки документа, создания ссылки и новой страницы) |
||
Строка 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> | |
− | + | </p> | |
− | {{#widget: | + | <ul><li><b>выбираем макет</b> |
− | |url= http://ru.calameo.com/read/ | + | </li></ul> |
− | |width= | + | <p><span class="fck_mw_template">{{#widget:IframefckLR |url=https://docs.google.com/presentation/embed?id=1SAeex2AVYEUbp0YeMk4XwLM6AfeFA10F_KsrRVACUiI&start=false&loop=false&delayms=3000fckLR |width=600fckLR |height=400fckLR |border=0fckLR }}</span> |
− | |height= | + | </p> |
− | |border= | + | <ul><li><b>набираем текст</b> |
− | }} | + | </li></ul> |
− | + | <p>инструменты для создания текста | |
− | + | </p><p><span class="fck_mw_template">{{#widget:IframefckLR |url=https://docs.google.com/presentation/embed?id=1DWuVAjJyONyiq81Cv-533aPU0EpoXDrdPqkb6a6cswI&start=false&loop=false&delayms=3000fckLR |width=600fckLR |height=400fckLR |border=0fckLR }}</span> | |
− | {{#widget: | + | </p> |
− | + | <ul><li><b>делаем ссылки</b> | |
− | + | </li><li><b>изменяем форматирование</b> | |
− | + | </li><li><b>вставляем таблицы, картинки</b> | |
− | + | </li></ul> | |
− | + | <p>Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google. | |
− | + | </p><p>Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps, | |
− | + | </p><p>ролик из YouTube и так далее. | |
− | + | </p> | |
− | инструменты для создания текста | + | <h2>Презентация в помощь разработчику сайта</h2> |
− | + | ||
− | {{#widget: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google. | + | |
− | + | ||
− | Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps, | + | |
− | + | ||
− | ролик из YouTube и так далее. | + | |
− | + | ||
− | + | ||
− | + | ||
<div style="float:left"> | <div style="float:left"> | ||
− | + | <table border="0"> | |
− | + | <tr> | |
− | + | <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> | </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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | фотография, календарь, документ, презентация, Picasa слайдшоу или видео. | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div style="float:left"> | <div style="float:left"> | ||
− | + | <table border="0"> | |
− | + | <tr> | |
− | + | <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> | </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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | == | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Версия 10:09, 8 августа 2012
Содержание |
Строим макет - наполняем содержанием
- определяемся со структурой сайта
На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта. Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими)
<a href="http://textbook.vadimstepanov.ru/chapter5/glava5-1.html">ТРЕБОВАНИЯ К WEB-САЙТУ БИБЛИОТЕКИ</a>
- выбираем макет
- набираем текст
инструменты для создания текста
- делаем ссылки
- изменяем форматирование
- вставляем таблицы, картинки
Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google.
Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps,
ролик из YouTube и так далее.
Презентация в помощь разработчику сайта
hdbBFG8AXqI |
Название видео |
Вставляем документы Google, видео, фото
- Нажмите "Редактировать страницу" - "Вставить" - из ниспадающего меню выберите, что вы хотите вставить:
фотография, календарь, документ, презентация, Picasa слайдшоу или видео.
Презентация в помощь разработчику
Как создать Google-карту и получить код для вставки на сайт
1LoJrLMl6b0 |
Название видео |
Алгоритм действий для вставки документа, создания ссылки и новой страницы
- Вставить документ
<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" /> | <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" /> | <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" /> |
- Создать ссылку
<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" /> | <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" /> | <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" /> |
- создать новостную строку на Главной странице сайта
- Создать новую страницу
Чтобы создать новую страницу, нажмите кнопку "Создать новую страницу". Выберите тип страницы и её уровень.
<a _fcknotitle="true" href="Category:Мастер-класс">Мастер-класс</a>