Theme: 'light_square', autoplay_slideshow: false
});
$("ul.grid img").hide()
$("ul.grid img").each(function (i) {
$(this).delay(i * 200).fadeIn();
});
});
</script>
</body></html>
Google Docs
<html lang="en-US"><head>
<title>Google Docs</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="style/css/ie7.css" media="all" /><![endif]-->
<script type="text/javascript" src="style/js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/scripts.js"></script>
</head>
<body>
<div id="container">
<!-- Begin Header Wrapper -->
<div id="page-top">
<div id="header-wrapper">
<!-- Begin Header -->
<div id="header">
<!-- Logo -->
<!-- Begin Menu -->
<div id="menu-wrapper">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="portfolio.html">PREZI</a></li>
<li><a href="services.html" class="selected">Google Docs</a></li>
<li><a href="full-width.html">Learning Apps</a></li>
<li><a href="contact.html">Об авторе</a></li>
</ul>
</div>
</div>
<!-- End Menu -->
</div>
<!-- End Header -->
</div>
</div>
<!-- End Header Wrapper -->
<!-- Begin Wrapper -->
<div id="wrapper">
<div
class="tab-wrapper">
<ul id="tab-menu">
<li class="selected"><img src="style/images/icon-palette.png" alt="">Текстовые документы</li>
<li class="mouseout"><img src="style/images/icon-art.png" alt=""> Табличные документы</li>
<li class="mouseout"><img src="style/images/icon-laptop.png" alt=""> Презентации</li>
<li><img src="style/images/icon-camera.png" alt=""> Общий доступ</li>
</ul>
<div class="tab-content">
<div class="tab show">
<h3>Текстовые документы</h3>
<p>выберите создать документ</p>
<p><img src="img/Screenshot_1.png" width="221" height="371"></p>
<p>Выберите тему из предлогаемых или сформируйте свой вариант.Предварительно обговорите тему с преподователем, сформулируйте 4 вопроса и подготовте бланки ответов для 4-х студентов.</p>
<p>Интерфейс визуально похож на оформление в программе Microsoft Word</p>
<p><img src="img/Screenshot_30.png" width="667" height="302"></p>
<p>Наберите произвольный текст в текстовом редакторе.</p>
<p>Измените цвет текста</p>
<p><img src="img/Screenshot_31.png" width="859" height="333"></p>
<p> </p>
<p>Добавьте в документ таблицу из двух столбцов</p>
<p><img src="img/Screenshot_33.png" width="767" height="537"></p>
<p>Щелкните правой кнопкой мыши по ячейке таблицы, в контекстном меню выберите свойства таблицы. </p>
<p>Смените фон ячейки на зеленый</p>
<p><img src="img/Screenshot_34.png" width="663" height="412"></p>
<p>У вас должна получиться такая таблица</p>
<p><img src="img/Screenshot_35.png" width="701" height="150"></p>
<p>Измените междустрочный интервал на 1,5</p>
<p><img src="img/Screenshot_38.png" width="560" height="506"> </p>
<p> </p>
</div>
<div class="tab show">
<h3>Табличние документы </h3>
<p>Создайте табличный документ по аналогии с текстовым документом</p>
<p>По выбранной теме создатйте таблицу с 4 заданиями и бланки ответов для 4-х студентов</p>
<p>Интерфейс так же во многом напоминает Microsoft Excell</p>
<p><img src="img/Screenshot_11.png" width="653" height="289"></p>
<p> </p>
<p>Кнопка
"вставить" позволяет так же добавлять
различные элементы и функции в таблицу.</p>
<p> </p>
<p><img src="img/Screenshot_12.png" width="237" height="459"></p>
<p>Запишите простейшую формулу сложения ячеек А1 и В1 в ячейку С1</p>
<p><img src="img/Screenshot_48.png" width="310" height="114"></p>
<p><img src="img/Screenshot_49.png" width="326" height="127"> </p>
<p>Закрепите строк</p>
<img src="img/Screenshot_51.png" width="551" height="370">
<p> </p>
<p>Выделите несколько ячеек и объедините их</p>
<p><img src="img/Screenshot_52.png" width="623" height="257"></p>
<p>Измените формат числа в ячейке</p>
<p><img src="img/Screenshot_53.png" width="150" height="39"></p>
<p>или формат ячейки в целом</p>
<p><img src="img/Screenshot_54.png" width="390" height="436"></p>
<p> </p>
</div>
<div class="tab show">
<h3>Презентации</h3>
<p>Создайте новую презентацию аналогично другим документам</p>
<p>Добавьте новый слайд</p>
<p><img src="img/Screenshot_39.png" width="323" height="681"></p>
<p>Смените тему </p>
<p><img src="img/Screenshot_40.png" width="297" height="551"></p>
<p><img src="img/Screenshot_41.png" width="682" height="518"></p>
<p>Изучите панель инструментов, добавьте произвольную фигуру на слайд</p>
<p><img src="img/Screenshot_42.png" width="692" height="244"></p>
<p> </p>
<p>Измените макет презентации</p>
<p><img src="img/Screenshot_43.png" width="700" height="553"></p>
<p>Ознакомьтесь
с элементом меню "Вставка", набор
элементов вставки стандартный.</p>
<p><img src="img/Screenshot_44.png" width="249" height="431"></p>
<p> </p>
<p>Добавьте анимацию при смене слайдов</p>
<p><img src="img/Screenshot_46.png" width="253" height="446"></p>
<p>Запустите презентацию</p>
<p> </p>
</div>
<div class="tab show">
<h3>Общий доступ</h3>
<p>Для реализации общего доступа необходимо открыть файл->совместный доступ</p>
<p><img src="img/Screenshot_13.png" width="365" height="539"></p>
<p> </p>
<p><img src="img/Screenshot_14.png" width="426" height="255"></p>
<p> </p>
<p>Выберите "Изменить"</p>
<p><img src="img/Screenshot_93.png" width="586" height="617"></p>
<p>Добавьте пользователей для совместного доступа, или разрешите просмотр и редактирование для всех желающих.</p>
<p><img src="img/Screenshot_94.png" width="554" height="240"></p>
<p> </p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- End Wrapper -->
<div class="clearfix"></div>
<div class="push"></div>
<!-- Begin Footer -->
<div id="footer-wrapper">
<div id="footer">
<div id="footer-content">
</div>
</div>
</div>
<!-- End Footer -->
</div>
<script type="text/javascript">
$(document).ready(function () {
//Get all the LI from the #tabMenu UL
$('#tab-menu > li').click(function () {
//remove the selected class from all LI
$('#tab-menu > li').removeClass('selected');
//Reassign the LI
$(this).addClass('selected');
//Hide all the DIV in .tab-content
$('.tab-content div.tab').slideUp('slow');
//Look for the right DIV in boxBody according to the Navigation UL index, therefore, the arrangement is very important.
$('.tab-content div.tab:eq(' + $('#tab-menu > li').index(this) + ')').slideDown('slow');
}).mouseover(function () {
//Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest
$(this).addClass('mouseover');
$(this).removeClass('mouseout');
}).mouseout(function () {
//Add and remove class
$(this).addClass('mouseout');
$(this).removeClass('mouseover');
});
});
$(function
() {
var offset = $("#tab-menu").offset();
var topPadding = 15;
$(window).scroll(function () {
if ($(window).scrollTop() > offset.top) {
$("#tab-menu").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#tab-menu").stop().animate({
marginTop: 0
});
};
});
});
</script>
</body></html>
LearningApps
<html lang="en-US"><head>
<title>Learning Apps</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="style/css/ie7.css" media="all" /><![endif]-->
</head>
<body>
<div id="container">
<!-- Begin Header Wrapper -->
<div id="page-top">
<div id="header-wrapper">
<!-- Begin Header -->
<div id="header">
<!-- Logo -->
<!-- Begin Menu -->
<div id="menu-wrapper">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="portfolio.html">PREZI</a></li>
<li><a href="services.html">Google Docs</a></li>
<li><a href="full-width.html" class="selected">Learning Apps</a></li>
<li><a href="contact.html">Об авторе</a></li>
</ul>
</div>
</div>
<!-- End Menu -->
</div>
<!-- End Header -->
</div>
</div>
<!-- End Header Wrapper -->
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Content -->
<div class="content">
<h3>Learning Apps</h3>
<p>Learning Apps - сервис для создания всяческих заданий для учащихся. К сожалению интефейс сервиса русифицирован лишь частично, что вызывает некоторые неудобства при использовании сервиса. Для сохранения заданий требуется регистрация.</p>
<p><img src="img/Screenshot_27.png" width="976" height="661"></p>
<p>Для того что бы создать новое задание кликние по надписи "Новое упражнение"</p>
<p><img
src="img/Screenshot_79.png" width="546"
height="40"></p>
<p>Далее открывается окно с большим выборов шаблона задания</p>
<p><img src="img/Screenshot_28.png" width="948" height="288"></p>
<p>Найдите задание кроссворд и нажмите "Создать викторина с кроссвордом"</p>
<p>Далее откроется окно в котором нужно задать все параметры задания.</p>
<p>Это окно заголовка вашего задания.</p>
<p><img src="img/Screenshot_63.png" width="947" height="200"></p>
<p>Далее следует окно с вопросами</p>
<p><img src="img/Screenshot_64.png" width="802" height="350"></p>
<p>Добавлять новые вопросы-ответы можно кнопкой "Добавить следующий элемент"</p>
<p><img src="img/Screenshot_65.png" width="259" height="79"></p>
<p>Далее следуют необязательные параметры, некоторые из них не переведены на русский язык</p>
<p><img src="img/Screenshot_67.png" width="949" height="646"></p>
<p>Когда вы закончите добавлять вопросы-ответы нажмите кнопку: </p>
<p><img src="img/Screenshot_66.png" width="448" height="74"></p>
<p>В следующем окне открывается результат работы, или готовый кроссворд, для того что бы ввести слово щелкните на ячейку кроссворда.</p>
<p><img src="img/Screenshot_68.png" width="942" height="302"></p>
<p>После ввода ответа нажмите ОК для проверки слова.</p>
<p>После того как вы введете все слова правльно, задание будет считаться пройденным</p>
<p><img src="img/Screenshot_69.png" width="562" height="329"></p>
<p><img src="img/Screenshot_70.png" width="409" height="322"></p>
<p>Теперь вы можете, либо отредактировать свое задние, либо завершить его создание и сохранить его.</p>
<p> </p>
<p>Следующим заданием будет таблица соответствий.</p>
<p><img src="img/Screenshot_85.png" width="827" height="277"></p>
<p> </p>
<p>Введем название и описание задания</p>
<p><img src="img/Screenshot_86.png" width="937" height="297"></p>
<p>Теперь составим структуру таблицы. </p>
<p>Rows of the table -строки таблицы, </p>
<p>зададим название первой строке таблицы.</p>
<p><img src="img/Screenshot_87.png" width="658" height="272"></p>
<p>Это будет, так называемая шапка таблицы.</p>
<p>Теперь добавим строку с элементами, которые нужно будет расствить на свои места.</p>
<p><img src="img/Screenshot_88.png" width="764" height="204"></p>
<p>В "Column 1" - столбце 1 мы добавим картинку, это будет наш ориентир по вертикали,</p>
<p>в остальные столбцы мы вписываем слова подходящие по смыслу словам из первой строки, например Свойство предмета - тепло, канал передачи данных - осязвние, пока может быть не совсем понятно, все станет нагляднее при запуске задания.</p>
<p>По аналогии добавьте еще строк в таблицу:</p>
<p><img src="img/Screenshot_89.png" width="753" height="836"></p>
<p>Далее нужно задать параметры задания</p>
<p> </p>
<p><img src="img/Screenshot_90.png" width="655" height="294"></p>
<p>Elements belong together in rows - Элементы должны быть вместе в рядах,</p>
<p>First row is predefined - Первый ряд предопределен,</p>
<p>1 row is predefined - 1 ряд предопределен.</p>
<p> </p>
<p>После настройки нажмите кнопку </p>
<p><img src="img/Screenshot_91.png" width="431" height="49"></p>
<p> </p>
<p>Теперь вы можете увидеть более наглядно созданное задание, расположите все прямоугольники из верхней части в соответствующие по смыслу ячейки таблицы.</p>
<p><img src="img/Screenshot_92.png" width="960" height="605"></p>
<p>если вас устраивает результат вы можете сохранить задание нажав кнопку "Сохранить приложение".</p>
</div>
<!-- End Content -->
</div>
<!-- End Wrapper -->
<div class="clearfix"></div>
<div class="push"></div>
<!-- Begin Footer -->
<div id="footer-wrapper">
<div id="footer">
<div id="footer-content">
<!-- Begin Copyright -->
<div id="copyright">
<p>Copyright © <a href="#">Domain Name</a> - All Rights Reserved | Design By <a target="_blank" href="http://elemisfreebies.com/">elemis</a></p>
</div>
<!-- End Copyright -->
<!-- Begin Social Icons -->
<div id="socials">
<ul>
<li><a href="#"></a><img src="style/images/icon-rss.png" alt=""></li>
<li><a href="#"></a><img src="style/images/icon-twitter.png" alt=""></li>
<li><a href="#"></a><img src="style/images/icon-dribble.png" alt=""></li>
<li><a href="#"></a><img src="style/images/icon-tumblr.png" alt=""></li>
<li><a href="#"></a><img src="style/images/icon-flickr.png" alt=""></li>
<li><a href="#"></a><img src="style/images/icon-facebook.png" alt=""></li>
</ul>
</div>
<!-- End Social Icons -->
</div>
</div>
</div>
<!-- End Footer -->
</div>
</body></html>
Сведения
<html lang="en-US"><head>
<title>Об авторе</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="style/css/ie7.css" media="all" /><![endif]-->
</head>
<body>
<div id="container">
<!-- Begin Header Wrapper -->
<div id="page-top">
<div id="header-wrapper">
<!-- Begin Header -->
<div id="header">
<!-- Logo -->
<!-- Begin Menu -->
<div id="menu-wrapper">
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="portfolio.html">PREZI</a></li>
<li><a href="services.html">Google Docs</a></li>
<li><a href="full-width.html">Learning Apps</a></li>
<li><a href="contact.html" class="selected">Об авторе</a></li>
</ul>
</div>
</div>
<!-- End Menu -->
</div>
<!-- End Header -->
</div>
</div>
<!-- End Header Wrapper -->
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Content -->
<div class="content">
<h3>Работу выполнил студент группы ВМК-425</h3>
<h3>Тепин Владимир</h3>
<h3> </h3>
<h3>Минимальные системные требования:</h3>
<h3>Процессор - Intel Pentium 4</h3>
<h3>ОЗУ - 1 Гб</h3>
<h3>Видео - 128 Мб </h3>
<h3>Операционная система - Windows XP SP3</h3>
<h3>Место на диске - 10 Мб</h3>
</div>
<!-- End Content -->
</div>
<!-- End Wrapper -->
<div class="clearfix"></div>
<div class="push"></div>
<div class="push"></div>
<div class="push"></div>
<!-- Begin Footer -->
<div id="footer-wrapper">
<div id="footer">
<div id="footer-content">
</div>
</div>
</div>
<!-- End Footer -->
</div>
</body></html>