====== Операционные системы, сети и интернет-технологии (информатика, 2 семестр) ====== ===== Лабораторная работа № 1 "Конструкторы сайтов" ===== **Задание:** разработать тематический сайт с помощью одного из конструкторов: * [[http://narod.ru|Народ]] * [[http://ucoz.ru|Ucoz]] * [[http://taba.ru|Taba]] **Ссылки на созданные сайты:** * [[http://arstan-bukesov.narod.ru|Букесов Арстан, ИНБ11(2)]] * [[http://irina-krisling.narod.ru/|Крислинг Ирина, ИНБ11(2)]] * Шашков Владислав, ИНБ11(2) * [[http://artem-unikum.narod2.ru/|Лаврентьев Артем, ИНБ11(2)]] * http://nickita-bolt.narod2.ru/ Чеботарев Никита, ИНБ11(2) * [[http://chipjumps.narod2.yandex.ru/edit/|Первых Константин, ИНБ11(2)]] * [[http://thehonor.at.ua/ |Гоголев Тимофей, ИНБ11(2)]] * [[http://sadovotstvoin.blogspot.com/|Быкова Юлия ИНБ11(1)]] * [[http://qwerty2000.ucoz.ru/ | Макеева Мария ИНБ-11(1)]] * [[http://rapuncel22.ucoz.ru/ | Разваляева Татьяна ИНБ-11(1)]] ===== Лабораторная работа № 2 "Вики-технологии" ===== **Задание:** зарегистрироваться на вики-портале факультета МИФ ВГСПУ, заполнить свою персональную страницу. ===== Лабораторная работа № 3 "Блоги" ===== **Задание:** создать блог от лица одного из следующих пользователей: * блог фотографа; * блог путешественника; * блог кулинара; * блог учителя информатики; * блог садовода; * блог киномана; * и т.д. При выполнении задания необходимо ориентироваться на **следующие требования**: - в блоге должно быть не менее трех записей; - в блоге должны содержаться ссылки на интересные ресурсы по выбранной теме; - блог должен содержать фото и видео материалы; - необходимо оставить комментарии не менее, чем в трех других блогах, созданных студентами группы. **Ссылки на блоги:** * [[http://barselona2012.blogspot.com/|Букесов Арстан, ИНБ11(2)]] * [[http://irinakrisling.blogspot.com/|Крислинг Ирина, ИНБ11(2)]] * [[http://toyota-altezza.blogspot.com/|Шашков Владислав, ИНБ11(2)]] * [[http://artem-unikum.blogspot.com/|Лаврентьев Артем, ИНБ11(2)]] * http://in-rock.blogspot.com/ Чеботарев Никита, ИНБ11(2) * [[http://kinomanss.blogspot.com/|Первых Константин, ИНБ11(2)]] * [[http://play-gumaks.blogspot.com/|Гоголев Тимофей, ИНБ11(2)]] * [[http://kylinar22.blogspot.com]] (Разваляева Таня, ИНБ-11) * [[http://sadovotstvoin.blogspot.com/]] (Быкова Юля, ИНБ-11) * [[http://foto-mms1.blogspot.com/]] ,(Макеева Мария, ИНБ-11) * [[http://foto-mms2.blogspot.com/]] ,(Макеева Мария, ИНБ-11) * [[http://foto-mms.blogspot.com/]] ,(Макеева Мария, ИНБ-11) * [[http://chrissie-luxury.livejournal.com/]] (Селезнева Кристина, ИНБ-11) * [[http://zoyalata.livejournal.com/]] (Лата Зоя, ИНБ - 11) * [[http://pewpewblogg.blogspot.com/]] (Богачёв, ИНБ - 11) * ... (Фамилия, группа) ===== Лабораторная работа № 4 "Совместная работа с документами в Интернете" ===== **Задания:** - Создать [[https://docs.google.com/presentation/d/12dZxxdpJDPIqNQz-gqm-6uRQ9Pk_spPtSzpf-SCxS0s/edit|коллективную презентацию]] о своей группе средствами GoogleDocs. - Заполнить [[https://docs.google.com/spreadsheet/ccc?key=0ArYWQqbqecY_dFVxb1FmbFVaZFczckhHdHljV3BzTVE|коллективную таблицу]]. - Создать форму опроса о студенческой жизни, поучаствовать в опросах своих одногруппников, разместить ниже ссылку на результаты Вашего опроса. //**А ВОТ ЧТО ПОЛУЧИЛОСЬ**// ^ Вопрос ^ Ответы ^ | //Причины неуспеваемости// | Wordle: причины_неуспеваемости | | //Основные качества наших студенток ))))// | Wordle: Image of students| | //Перспективы// | Wordle: future | [[https://docs.google.com/spreadsheet/ccc?key=0AiQ0gq8WKIhTdHdVREtONkpxRGR4c05XS3FiTVRLMlE#gid=0|Ответы]] ^ Опрос (автор опроса) ^ Ответы ^ | [[https://docs.google.com/spreadsheet/gform?key=0AuhIWpgTBvhCdDdjS04yc285LVREZV9TWTRIM0dneHc&hl=ru|Мой опрос]]Крислинг И.А | [[https://docs.google.com/spreadsheet/ccc?key=0AuhIWpgTBvhCdDdjS04yc285LVREZV9TWTRIM0dneHc|Ответы]] | | [[https://docs.google.com/spreadsheet/viewform?formkey=dG5ZcG85ZXlSRkRORWxqNnpIcVB1TUE6MQ| Студенческая жизнь]] Крамаренко А.А. | [[https://docs.google.com/spreadsheet/ccc?key=0AtDu5O1o9MjMdG5ZcG85ZXlSRkRORWxqNnpIcVB1TUE#gid=0| ОТветы крам]] | | [[https://docs.google.com/spreadsheet/gform?key=0AiQ0gq8WKIhTdHdVREtONkpxRGR4c05XS3FiTVRLMlE&hl=ru#|Опросник Шашкова для группы.]] Шашков | [[https://docs.google.com/spreadsheet/ccc?key=0AiQ0gq8WKIhTdHdVREtONkpxRGR4c05XS3FiTVRLMlE#gid=0|ответы]]| | [[https://docs.google.com/spreadsheet/gform?key=0ApBo-D8wsT9CdEc3clRWV2l3TGJOT0c0QWwxRTEyR1E&hl=ru| Мои вопросы]] Букесов А.Т.| [[https://docs.google.com/spreadsheet/ccc?key=0ApBo-D8wsT9CdEc3clRWV2l3TGJOT0c0QWwxRTEyR1E#gid=0| Ответы]]| | [[https://docs.google.com/spreadsheet/gform?key=0AieEGOK8bmf0dFkzZEZkVG5VOGdnOEY2dm1DTVRDV3c&hl=ru_RU| Мои вопросы]] Тимка| [[https://docs.google.com/spreadsheet/ccc?key=0AieEGOK8bmf0dFkzZEZkVG5VOGdnOEY2dm1DTVRDV3c#gid=0| Ответы]]| |[[https://docs.google.com/spreadsheet/gform?key=0Aj8z324-3wmXdE8xbzRrM2FpYjVKT1haLWlJYW9uSHc&hl=ru|Проблемы в нашем университете]] | [[https://docs.google.com/spreadsheet/ccc?key=0Aj8z324-3wmXdE8xbzRrM2FpYjVKT1haLWlJYW9uSHc#gid=0 | ответы]] | | [[https://docs.google.com/spreadsheet/viewform?formkey=dDB2ZjdmM1dGeWNtOWJ1bFFFcnE1enc6MQ| Мои вопросы]] Лаврентьев А.А.| [[https://docs.google.com/spreadsheet/ccc?key=0Ajs6-3zDcLHRdDB2ZjdmM1dGeWNtOWJ1bFFFcnE1enc| Ответы]]| |[[https://docs.google.com/spreadsheet/viewform?formkey=dHg2R0RjR1gzZjhUdkZzbGNoc1ZIUGc6MQ| |Чеботарёв НС| |Опрос]]| |[[https://docs.google.com/spreadsheet/ccc?key=0ApGZzFQMCoWodHg2R0RjR1gzZjhUdkZzbGNoc1ZIUGc|ответы]]| ===== Лабораторная работа № 5 "Мультимедийные сервисы Интернета" ===== **Задания:** - Создать короткий видеоролик: самопрезентация или инструкция (скринкаст) по применению [[http://poleznie-web20.blogspot.com/|социальных сервисов]]. - Разместить видеоролик на одном из сервисов хранения мультимедийных материалов: [[http://youtube.com|Youtube]], [[http://rutube.ru|RuTube]], [[http://smotri.com|Smotri]], [[http://eyespot.com|Eyespot]]. - Разместить видео в своем блоге и на сайте. **Канал на Youtube** - это персональная страница пользователя, на которой отображаются добавленное им видео, избранное видео и т.д. ===== Лабораторная работа № 6 "Основы HTML" ===== **Задания:** - Познакомиться с основными концепциями HTML, пошагово выполняя [[http://mif.vspu.ru/books/html123/|уроки]]. - Разработать сайт, состоящий из 3-4 страниц, по одной из следующих тематик: * "Персональный компьютер будущего". * "Мышь или что-то еще?" * "Клавиатура - чего ожидать?" * "На каких поверхностях печатает принтер?" * "Насколько возможна виртуальная реальность" * "Компьютер в кармане, часах, ...." * "Web 2.0, 3.0 - продолжение следует" ** //Сайт должен удовлетворять следующим требованиям://** - Макет страницы должен включать: * блок меню; * блок верхнего колонтитула; * блок нижнего колонтитула; * блок основного содержания; * блок ссылок на используемые ресурсы. - Каждая страница должна содержать графические элементы. - На сайте должны быть комментированный список используемых ресурсов, оформленный в виде нумерованного или маркированного списка. - У всех страниц должно быть единое цветовое и шрифтовое оформление. - Все страницы сайта должны быть связаны гиперссылками. Настроить цвет гиперссылок (неактивных, до и после активации). - Меню должно содержать ссылки на разделы страницы. ===== Лабораторная работа № 7 "Размещение сайта в сети Интернет" ===== **Цель лабораторной работы:** разместить готовый сайт в Интернете. Для размещения уже готового, сайта в Интернете, необходимо воспользоваться услугами какого-либо сервера. Серверов существует великое множество. На лабораторной работе **рекомендуется загрузка сайта через FTP на [[http://narod.yandex.ru/|Народ.ру]]**. Хотя можно воспользоваться и любим другим хостингом (см. список хостингов ниже). **Задания:** - Прочитать [[http://help.yandex.ru/narod/?id=1112763|принципы загрузки сайта через FTP]] и [[http://help.yandex.ru/narod/?id=1112370|загрузка файлов на сайт через FTP]]. - Проверить, чтобы файлы Вашего сайта удовлетворяли требованию: Имена файлов, закачиваемых по FTP, могут содержать только буквы латинского алфавита, цифры и символы . (точка) и _ (подчеркивание). Имя файла не должно начинаться с точки. - Создать сайт на [[http://narod.yandex.ru/|Народ.ру]] (т.е. завести адрес для сайта) - Для загрузки через FTP воспользоваться программой FAR (Пуск -> Все программы -> FAR). - Разместить ссылку на Ваш сайт. **Ссылки на созданные сайты:** * ... (Фамилия, группа) **Список бесплатных хостингов:** * [[http://www.ayola.net/|www.ayola.net]] - бесплатный хостинг и бесплатное создание сайта * [[http://www.mirahost.ru/|www.mirahost.ru]] - бесплатный хостинг, доменное имя, раскрутка сайта * [[http://www.hut.ru/|www.hut.ru]] * [[http://www.doteasy.com/|www.doteasy.com]] - веб-хостинг, который позволяет получить сайт в Интернете и создать веб-присутствие. Есть возможности проектирования и строительства сайта, без написания ни строчки кода. Для более продвинутых пользователей,всегда доступна возможность загрузить свой собственный дизайн или использовать скрипты, такие как WordPress. * [[http://free-hosting.com.ua/|free-hosting.com.ua]] - ссылки на различные бесплатные хостинги Лабораторные работы № 7 и № 8 могут быть выполнены в обратной последовательности. ===== Лабораторная работа № 8 "Каскадные таблицы стилей" ===== **//CSS//** (Cascading Style Sheets, Каскадные таблицы стилей) — технология, позволяющая описывать внешний вид элементов, создаваемых языком разметки. **//Выполнить на выбор одно из следующих заданий://** **Задание 1**: к индивидуально разработанному сайту применить таблицу стилей. **Задание 2:** используя основные возможности каскадных таблиц стиля (CSS) задать следующие элементы для HTML-документа: * отступы слева и справа в документе, общий фон документа //(стилевую информацию описать во внешней таблице стилей)//, * шрифт для заголовков и абзацев //(стилевую информацию описать во внешней таблице стилей)//, * цвет для заголовков и абзацев //(стилевую информацию описать во внешней таблице стилей)//, * выравнивание абзацев по ширине //(любой способ подключения стилевой информации)//, * особое оформление для введения статьи и выделений в тексте //(внедренный стиль)//, * особое оформление ссылок, их “живое” поведение //(стилевую информацию описать во внешней таблице стилей)//, * отступы слева и цвет для полезных советов //(внедренный стиль или inline-стиль)//. Тематика создаваемых HTML-документов может быть следующей: * Полезные советы для наклейки обоев. * Рецепты приготовления пельменей. * Рецепты приготовления яичницы. * Полезные советы для удачной сдачи сессии. * Дачные советы. * .... Созданный HTML-документ должен содержать 2-3 страницы, связанные гиперссылками. **//Полезные ресурсы для выполнения задания://** - {{:workroom:ossit:math-inf:свойства_элементов_в_css.pdf|Свойства элементов в CSS}}. - [[http://www-old.fizmat.vspu.ru/doku.php?id=books:css:index|Справочник CSS на mif.vspu.ru]]. - [[http://css.manual.ru/|Cправочник по CSS на manual.ru]]. - {{:workroom:ossit:math-inf:добавление_стилевой_информации.pdf|Добавление стилевой информации в HTML-документ}} ===== Лабораторная работа № 9 "основы JavaScript" ===== **Задания:** - изучить базовые конструкции языка JavaScript, последовательно выполнив [[http://mif.vspu.ru/books/js/les1.html|следующие уроки]]; - выполнить [[http://mif.vspu.ru/books/dhtml-task/|задания]] по работе с объектами браузера. ===== Лабораторная работа № 10 "Установка и настройка локального веб-сервера" ===== **Задания:** - [[http://edu.vspu.ru/groups/mif-1-distsiplinyi-informatiki/documents/|установить программную оболочку денвер]]; - на локальном сервере установить worpress; - разработать интернет-ресурс на основе wordpress: - Сделать на сайте новую запись. Написать комментарии. Сделать запись с картинкой, видео. - Создать новую страницу (или несколько страниц). Настроить меню, чтобы созданная страница была доступна со стартовой страницы. - Разобраться, что такое рубрики. Сделать несколько рубрик и сделать так, чтобы через меню можно было обращаться к лентам записей по определенным рубрикам. - Настроить боковую панель. Вывести туда приветственное сообщение, разместить ссылки на страницы, рубрики, последние записи, архивы и др. - Установить на сайт новые темы. Выбрать тему, которая больше понравится. - Изучить возможность установки плагинов. Установить плагины, которые позволяют расширить возможности сайта (фотоальбом, рейтинги и др.) - Изучить возможности настроек безопасности сайта (регистрация новых пользователей, права пользователя по умолчанию, режим размещения комментариев и др.) **//Полезное видео и ссылки://** [[http://codex.wordpress.org/%D0%9D%D0%BE%D0%B2%D0%B8%D1%87%D0%BA%D0%B0%D0%BC_%D0%B2_WordPress_%E2%80%94_%D0%A1_%D1%87%D0%B5%D0%B3%D0%BE_%D0%BD%D0%B0%D1%87%D0%B0%D1%82%D1%8C|Начало работы в Wordpress: инструкции и рекомендации]] \ Назад: [[workroom:ossit:index]] Назад: [[workroom:index]] {{tag>}}