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

• Народ
• Ucoz
• Taba

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

• Букесов Арстан, ИНБ11(2)
• Крислинг Ирина, ИНБ11(2)
• Шашков Владислав, ИНБ11(2)
• Лаврентьев Артем, ИНБ11(2)
• http://nickita-bolt.narod2.ru/ Чеботарев Никита, ИНБ11(2)
• Первых Константин, ИНБ11(2)
• Гоголев Тимофей, ИНБ11(2)
• Быкова Юлия ИНБ11(1)
• Макеева Мария ИНБ-11(1)
• Разваляева Татьяна ИНБ-11(1)

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

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

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

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

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

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

• Букесов Арстан, ИНБ11(2)
• Крислинг Ирина, ИНБ11(2)
• Шашков Владислав, ИНБ11(2)
• Лаврентьев Артем, ИНБ11(2)
• http://in-rock.blogspot.com/ Чеботарев Никита, ИНБ11(2)
• Первых Константин, ИНБ11(2)
• Гоголев Тимофей, ИНБ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)
• … (Фамилия, группа)

Задания:

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

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

Вопрос	Ответы
Причины неуспеваемости
Основные качества наших студенток ))))
Перспективы

Задания:

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

Задания:

1. Познакомиться с основными концепциями HTML, пошагово выполняя уроки.
2. Разработать сайт, состоящий из 3-4 страниц, по одной из следующих тематик:

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

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

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

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

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

Задания:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Свойства элементов в CSS.
2. Справочник CSS на mif.vspu.ru.
3. Cправочник по CSS на manual.ru.
4. Добавление стилевой информации в HTML-документ

Задания:

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

Задания:

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

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

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

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

Назад: workroom