Операционные системы, сети и интернет-технологии (информатика, 2 семестр)

Лабораторная работа № 1 "Конструкторы сайтов"

Задание: разработать тематический сайт с помощью одного из конструкторов:

Ссылки на созданные сайты:

Лабораторная работа № 2 "Вики-технологии"

Задание: зарегистрироваться на вики-портале факультета МИФ ВГСПУ, заполнить свою персональную страницу.

Лабораторная работа № 3 "Блоги"

Задание: создать блог от лица одного из следующих пользователей:

  • блог фотографа;
  • блог путешественника;
  • блог кулинара;
  • блог учителя информатики;
  • блог садовода;
  • блог киномана;
  • и т.д.

При выполнении задания необходимо ориентироваться на следующие требования:

  1. в блоге должно быть не менее трех записей;
  2. в блоге должны содержаться ссылки на интересные ресурсы по выбранной теме;
  3. блог должен содержать фото и видео материалы;
  4. необходимо оставить комментарии не менее, чем в трех других блогах, созданных студентами группы.

Ссылки на блоги:

Лабораторная работа № 4 "Совместная работа с документами в Интернете"

Задания:

  1. Создать коллективную презентацию о своей группе средствами GoogleDocs.
  2. Создать форму опроса о студенческой жизни, поучаствовать в опросах своих одногруппников, разместить ниже ссылку на результаты Вашего опроса.

А ВОТ ЧТО ПОЛУЧИЛОСЬ

Вопрос Ответы
Причины неуспеваемости Wordle: причины_неуспеваемости
Основные качества наших студенток )))) Wordle: Image of students
Перспективы Wordle: future

Лабораторная работа № 5 "Мультимедийные сервисы Интернета"

Задания:

  1. Создать короткий видеоролик: самопрезентация или инструкция (скринкаст) по применению социальных сервисов.
  2. Разместить видеоролик на одном из сервисов хранения мультимедийных материалов: Youtube, RuTube, Smotri, Eyespot.
  3. Разместить видео в своем блоге и на сайте.

Канал на Youtube - это персональная страница пользователя, на которой отображаются добавленное им видео, избранное видео и т.д.

Лабораторная работа № 6 "Основы HTML"

Задания:

  1. Познакомиться с основными концепциями HTML, пошагово выполняя уроки.
  2. Разработать сайт, состоящий из 3-4 страниц, по одной из следующих тематик:
  • «Персональный компьютер будущего».
  • «Мышь или что-то еще?»
  • «Клавиатура - чего ожидать?»
  • «На каких поверхностях печатает принтер?»
  • «Насколько возможна виртуальная реальность»
  • «Компьютер в кармане, часах, ….»
  • «Web 2.0, 3.0 - продолжение следует»

Сайт должен удовлетворять следующим требованиям:

  1. Макет страницы должен включать:
    • блок меню;
    • блок верхнего колонтитула;
    • блок нижнего колонтитула;
    • блок основного содержания;
    • блок ссылок на используемые ресурсы.
  2. Каждая страница должна содержать графические элементы.
  3. На сайте должны быть комментированный список используемых ресурсов, оформленный в виде нумерованного или маркированного списка.
  4. У всех страниц должно быть единое цветовое и шрифтовое оформление.
  5. Все страницы сайта должны быть связаны гиперссылками. Настроить цвет гиперссылок (неактивных, до и после активации).
  6. Меню должно содержать ссылки на разделы страницы.

Лабораторная работа № 7 "Размещение сайта в сети Интернет"

Цель лабораторной работы: разместить готовый сайт в Интернете.

Для размещения уже готового, сайта в Интернете, необходимо воспользоваться услугами какого-либо сервера. Серверов существует великое множество. На лабораторной работе рекомендуется загрузка сайта через FTP на Народ.ру. Хотя можно воспользоваться и любим другим хостингом (см. список хостингов ниже).

Задания:

  1. Проверить, чтобы файлы Вашего сайта удовлетворяли требованию: Имена файлов, закачиваемых по FTP, могут содержать только буквы латинского алфавита, цифры и символы . (точка) и _ (подчеркивание). Имя файла не должно начинаться с точки.
  2. Создать сайт на Народ.ру (т.е. завести адрес для сайта)
  3. Для загрузки через FTP воспользоваться программой FAR (Пуск → Все программы → FAR).
  4. Разместить ссылку на Ваш сайт.

Ссылки на созданные сайты:

  • … (Фамилия, группа)

Список бесплатных хостингов:

  • www.ayola.net - бесплатный хостинг и бесплатное создание сайта
  • www.mirahost.ru - бесплатный хостинг, доменное имя, раскрутка сайта
  • www.doteasy.com - веб-хостинг, который позволяет получить сайт в Интернете и создать веб-присутствие. Есть возможности проектирования и строительства сайта, без написания ни строчки кода. Для более продвинутых пользователей,всегда доступна возможность загрузить свой собственный дизайн или использовать скрипты, такие как WordPress.
  • free-hosting.com.ua - ссылки на различные бесплатные хостинги

Лабораторные работы № 7 и № 8 могут быть выполнены в обратной последовательности.

Лабораторная работа № 8 "Каскадные таблицы стилей"

CSS (Cascading Style Sheets, Каскадные таблицы стилей) — технология, позволяющая описывать внешний вид элементов, создаваемых языком разметки.

Выполнить на выбор одно из следующих заданий:

Задание 1: к индивидуально разработанному сайту применить таблицу стилей.

Задание 2: используя основные возможности каскадных таблиц стиля (CSS) задать следующие элементы для HTML-документа:

  • отступы слева и справа в документе, общий фон документа (стилевую информацию описать во внешней таблице стилей),
  • шрифт для заголовков и абзацев (стилевую информацию описать во внешней таблице стилей),
  • цвет для заголовков и абзацев (стилевую информацию описать во внешней таблице стилей),
  • выравнивание абзацев по ширине (любой способ подключения стилевой информации),
  • особое оформление для введения статьи и выделений в тексте (внедренный стиль),
  • особое оформление ссылок, их “живое” поведение (стилевую информацию описать во внешней таблице стилей),
  • отступы слева и цвет для полезных советов (внедренный стиль или inline-стиль).

Тематика создаваемых HTML-документов может быть следующей:

  • Полезные советы для наклейки обоев.
  • Рецепты приготовления пельменей.
  • Рецепты приготовления яичницы.
  • Полезные советы для удачной сдачи сессии.
  • Дачные советы.
  • ….

Созданный HTML-документ должен содержать 2-3 страницы, связанные гиперссылками.

Полезные ресурсы для выполнения задания:

Лабораторная работа № 9 "основы JavaScript"

Задания:

  1. изучить базовые конструкции языка JavaScript, последовательно выполнив следующие уроки;
  2. выполнить задания по работе с объектами браузера.

Лабораторная работа № 10 "Установка и настройка локального веб-сервера"

Задания:

  1. на локальном сервере установить worpress;
  2. разработать интернет-ресурс на основе wordpress:
    1. Сделать на сайте новую запись. Написать комментарии. Сделать запись с картинкой, видео.
    2. Создать новую страницу (или несколько страниц). Настроить меню, чтобы созданная страница была доступна со стартовой страницы.
    3. Разобраться, что такое рубрики. Сделать несколько рубрик и сделать так, чтобы через меню можно было обращаться к лентам записей по определенным рубрикам.
    4. Настроить боковую панель. Вывести туда приветственное сообщение, разместить ссылки на страницы, рубрики, последние записи, архивы и др.
    5. Установить на сайт новые темы. Выбрать тему, которая больше понравится.
    6. Изучить возможность установки плагинов. Установить плагины, которые позволяют расширить возможности сайта (фотоальбом, рейтинги и др.)
    7. Изучить возможности настроек безопасности сайта (регистрация новых пользователей, права пользователя по умолчанию, режим размещения комментариев и др.)

Полезное видео и ссылки:

Начало работы в Wordpress: инструкции и рекомендации

 

Назад: Операционные системы, сети и интернет-технологии

Назад: Мастерская