Лабораторная работа тама Работа в интернете. Лабработы_Интернет. Методические рекомендации к лабораторным работам по информатике для студентов специальности Информационные системы и технологии
 Скачать 1.01 Mb.
|
Второй уровеньТретий уровень== Второй уровень == === Третий уровень === Абзацы Пустая строка Нумерованный список # Ненумерованный список * Внутренняя ссылка [[Имя статьи]] Внешняя ссылка Яндекс [http://www.ya.ru Яндекс] Жирный Жирный ‘’’ Жирный’’’ Курсив Курсив ‘’Курсив’’ Рисунок [[Изображение: Имя_файла]] Каждой статье в Вики присваивается та или иная категория. Процедура метки или присвоения категории не обязательна, но может суще ственно ускорить и облегчить поиск. Желательно, чтобы каждая страница на портале была внесена хотя бы в одну категорию. Это делается для облегчения поиска. Категории добавляются к статье в самом конце текста. Каждая категория добавляется на отдельной строке. В МедиаВики для того чтобы пометить объект, нужно написать Категория: Имя_категории и заключить это слово в две квадратные скобки. Например, [[Категория: Определение]]. Визуальное редактирование статей в МедиаВики В среде МедиаВики доступны сре дства визуального редактирования. Перечень этих средств представлен на рис. 5. 25 Рис. 5.Визуальное редактирование статей в МедиаВики Слева направо: B – выделение жирным шрифтом I – выделение курсивом Ab- внутренняя ссылка Внешняя ссылка Заголовок второго уровня Вставка изображения Вставка медиа-файла Вставка математической формулы Отмена вики-разметки ( Подпись участника Горизонтальная черта Задание 1. Регистрация на Википортале ВГИПУ 1. В правом верхнем углу страницы щелкните по ссылке «Представиться системе», а затем по ссылке «Создать учётную запись». Введите Ваши имя и фамилию. Уча стники Википортала регистрируются под своими подлинными именами. При эт ом следует указать не только имя, но и фа милию. Заполните оставшиеся поля. Щелкните «Зарегистрировать нового участника». 2. Заполните визитную карточку участника. Страница участника и страница обсуждения участника могут быть использованы для экспериментов с оформлением и хранением информ ации, для создания списка нужн ых ссылок, для описания своей деятельности и др. В верхней части экрана кликнит е ссылку с Вашим именем при регистрации. Напишите краткую информация о себе (где живете, учитесь, увлечения и др.) Укажите категорию. Например, [[Категория: Студент]]. Проверьте, что получилось, наж ав кнопку «Предварительный просмотр». Если страница выглядит, как Вы хотели сохраните страничку, нажав кнопку «Записать страницу». 26 Добавление фотографий и рисунков В Вики можно размещать рисунки и фот ографии. Изображения и фотографии являются объектом а вторского права , копирайт распространяется на них по умолчанию. Это означает, что Вы можете разместить изображение в только в следующих случаях: если Вы являетесь его автором; если изображение является всеобщим достоянием; если изображение распространяе тся под какой -либо свободной лицензией; если автор изображения явно дал пра во всем желающим на его свободное распространение и изменение; если вы получили согласие автора на использование изображения в любых, в том числе коммерческих целях; допускается размещать скриншоты, снятые с программных продуктов, кадры из кинофильмов, изображе ния денежных знаков и остальны е изображения, использование которых может быть трактова но как добросовестное использование. Не размещайте изображения, авто рство и условия распространени я, которых Вы не знаете! Если вы хотите добавить изображ ение к своей статье, то сделай те цифровую фотографию или рисунок и разместите внутри Вики. Для этого в левой колонке – «Инструменты» имеется специальная команда «Загрузить файл». Графические файлы следует называть уникальными именами. Это позволит найти его и уберечь от перезаписи. И в тексте статей и в описании фотографий следует использовать категории. Это позволит быстро находить нужный материал. Формат изображений – jpg, gif или png. Фотографии – jpg. Рисунки – png. Желательно, чтобы размеры уменьшенной коп ии изображения, 27 используемой в статье, не прев ышали 50 кбайт. Не следует делать фотографии размером больше чем 800 на 600 точек. Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Желательно вк лючать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, [[Категория: Изображения: Портреты]]. Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]] или использовать кнопку Приветствуется вставка альтерн ативного текста [[Изображение:Файл| Альтернативный текст]]. «По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]]. Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависи мости от настроек пользователя — от 120px до 300px; высота изм еняется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный разме р будет пропорционально изменен). Чтобы прижать изображение к левому краю страницы, испол ьзуется атрибут «left». Пример: [[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]] Текст, следующий за таким изображением, обтекает его справа. Для пометки окончания обтекающего изображение текста используется специальный HTML-код: 28 Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижне го края любого из изображений, расположенных прежде этого кода в статье. Для расположения изображения в центре страницы следует использовать атрибут «center». Пример: [[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]] Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения. Для вставки нескольких изображ ений в статью применяется специальный служебный тег Пример: Рис. 6. Размещение фотографий в виде галереи Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ Изображение:ВГИПУ1.jpg|Здание ВГИПУ на ул.Челюскинцев Изображение:ВГИПУ2.jpg|Здание ВГИПУ на ул.Луначарского Задание 2. Добавление фотографии в визитную карточку Добавить фотографии в визитную карточку участника. Для этого сфотографируйтесь на цифровой фотоаппарат, обработайте фотографию 29 графическим редактором (получите необходимый размер), загруз ите в ВикиВГИПУ, вставьте загруженное изображение в свою визитную карточку. Загрузите заранее подготов ленные фотографии (фотографии памятников, улиц Автозаводского района Нижнего Новгорода, университета и др.) в ВикиВГИПУ. Добавьте и х в соответствующие статьи. Пр имите участие в редактировании этих статей, в создании виртуальной экскурсии по университету. ЛАБОРАТОРНАЯ РАБОТА 3 СОЗДАНИЕ СТАТЕЙ В ВИКИ -ВИКИ Цель работы: 1. Научиться работать в Вики с таблицами 2. Добавить таблицу в визитную карточку участника 3. Принять участие в дополнении статей на Википортале ВГИПУ Таблицы в Вики Любая таблица в Вики начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинае тся с вертикальной черточки |, после которой пишется её содержание Пример: Исходный код таблицы с одной строкой {| |Ячейка 1 |Ячейка 2 |Ячейка 3 |} В Вики это будет выглядеть так Ячейка 1 Ячейка 2 Ячейка 3 30 Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк Пример: Исходный код таблицы в две строки {| |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |} В Вики это будет выглядеть так: Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Таблица в три строки пишется так: {| |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |} 31 Соответственно, в Вики это выглядит так: Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3 Табличные рамки . Вид рамки описывается в первой строке, сразу после {|. Между ними и атрибут ом должен быть пробел. Толщина линий рамки задается атрибутом border=n, где «n» — толщина линии: Пример: Исходный код: Вид в Вики: {| border=1 |Ячейка 1*1 |Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |} Заголовки. Чтобы содержимое ячейки выделя лось жирным шрифтом и центрировалось, вместо вертикальных черточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. Пример: {| border=1 Вид в Вики: !Первый столбец !Второй столбец !Третий столбец 32 |- !Первая строчка |Ячейка 2*1 |Ячейка 3*1 |- !Вторая строчка |Ячейка 2*2 |Ячейка 3*2 |- !Третья строчка |Ячейка 2*3 |Ячейка 3*3 |} Запись в одну строчку . Чтобы сделать записываемую в т аблицу информацию более читабельной, можно писать ряды в одну строчку, отделяя их дополнительной вертикальной чертой. Пример: {| border=1 !Первый столбец||Второй столбец||Третий столбец |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |} В Вики это будет выглядеть так: 33 Объединение ячеек . В Вики, как и в HTML, имеется возмож ность объединять несколько ячеек как по вертикали, так и по горизо нтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки Вертикальное объединение двух ячеек пишется так: {| border=1 |Ячейка 1 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы |Ячейка 3 |- |Ячейка 4 |Ячейка 5 |} В Вики это будет выглядеть следующим образом: Для объединения по горизонтали используется атрибут colspan=n. Пример: {| border=1 |Ячейка 1 |colspan=2 |Ячейка 2, объединяет два столбца |- |Ячейка 3 34 |Ячейка 4 |Ячейка 5 |} Вид в Вики: «Раскраска» таблиц. Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML: для отдельного слова — Teкст; для длинного текста — Текст, текст. , где «ABCDEF» — индекс цвета в Таблице цветов (http://www.farb-tabelle.de/ru/table-of-color.htm) Пример: Для "раскраски" текста пишут так: {| border=1 |Ячейка 1*1 |Здесь цветное только одно слово. |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 | А здесь выделен цветом длинный-длинный абзац. |- |Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |} В Вики это будет выглядеть так: 35 Сделать цветную ячейку можно с помощью атрибута «bgcolor=#ABCDEF», где «ABCDEF» — индекс цвета в Таблице цветов. Пример: Для «раскраски» одной ячейки пишется так: {| border=1 |Ячейка 1*1 |bgcolor=#FFCC00|Ячейка 2*1 |Ячейка 3*1 |- |Ячейка 1*2 |Ячейка 2*2 |Ячейка 3*2 |- |bgcolor=#CCFF00|Ячейка 1*3 |Ячейка 2*3 |Ячейка 3*3 |} Вид в Вики: Ширина таблицы и столбцов . Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их б ыла одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width. Пример: 36 {| border=1 width=75% |+Таблица 1 |Ячейка 1*1 - long - long- long- long- long |Ячейка 1*2 |- |Ячейка 1*3 |Ячейка 1*4 |} {| border=1 width=75% |+Таблица 2 |Ячейка 2*1 |Ячейка 2*2 |- |Ячейка 2*3 |Ячейка 2*4 |} Выглядеть это будет так: С помощью этого же атрибута можно регулировать ширину отдельных столбцов: Пример: {| border=1 width=75% |+Таблица 1 | width=40%|Ячейка 1*1 - long - long- long- long- long | width=20%|Ячейка 1*2 - long - long- long- long- long 37 | width=40%|Ячейка 1*3 - long - long- long- long- long |- |Ячейка 1*4 |Ячейка 1*5 |Ячейка 1*6 |} Вид в Вики: Задание 1. Добавление таблицы в визитную карточку участника Добавьте в свою визитную карточку участника какую-либо интересную таблицу (свое портфолио, электронную зачетную книжку, календарь важных дат и др.). Просмотрите визитные карточки друг друга. Оставьте отзывы на странице обсуждения. Задание 2. Редактирование Вики-статей Примите участие в дополнении и редактировании статей на Википортале ВГИПУ. ЛАБОРАТОРНАЯ РАБОТА 4 СОВМЕСТНОЕ ХРАНЕНИЕ И РЕДАКТИРОВАНИЕ ФОТОГРАФИЙ , ДОКУМЕНТОВ, ТАБЛИЦ Цель работы: 1. Научиться загружать и осуществлять поиск фотографий с помощью сетевого фотосервиса Picasa 2. Освоить возможности совместного редактирования документов и таблиц на сервере http://docs.google.com. 38 Сетевые фотосервисы В сети Интернет имеются сервисы для хранения фотографий. Наиболее известными являются Flickr (Фликр), Panoramio (Панорамио), Picasa (Пикаса). Фотографиям, размещаемым на сервисах можно присваивать теги, которые облегчают их поиск. Можно объединять в группы или альбомы, «размещать» фотографии на карте мира (геотеггинг). На сервисе Flickr можно добавлять заметки прямо на фотографии. Если, например, на фотографии изображена группа людей, благ одаря этой функции мож но подписать имена и фамилии каждого. Picasa – это сервис Интернет по управл ению фотографиями, а также бесплатное программное обеспечение. Программу Picasa можно загрузить по адресу: http://picasa.google.com/download/index.html и установить на свой компьютер. Программа помогает мгновенно находить, редактировать и обмениваться всеми фотографиями на ПК. Picasa автоматически определяет местоположение всех фотографий и упорядочивает их по альбома м, отсортировав по имени, дате, размеру. Для упорядочивания папок и создания новых групп с помощью альбомов можно использовать функцию перетаскивания. С помощью Picasa можно легко и быстро обмениваться фотографиями — отправлять фотографии по элек тронной почте, загружать в аль бом в Интернете, печатать их в домаш них условиях, создавать подаро чные компакт-диски и отправлять фотографии в службу Blogger. Программа Picasa поддерживает следующие форматы файлов фотографий и видео: Изображения: .jpg, .bmp, .gif, .png, .psd, .tif Видео: .avi, .mpg, .wmv, .asf, .mov (QuickTime). Альбомы Picasa могут быть личными и открытыми. Открытые альбомы могут просматривать все желающие. К отдельным фотографиям авторы могут делать пояснения, а зрители могут оставлять комментарии. Примеры альбомов Picasa: 39 Нижний Новгород http://picasaweb.google.ru/kklimentina/WwuTJK# Памятники Автозаводского района http://picasaweb.google.ru/kklimentina/UGlRMJ# Болдинская осень http://picasaweb.google.ru/kklimentina/HWjImG# Задание 1. Размещение фотографий на Picasa Наберите в адресной строке бра узера адрес сервиса http://picasaweb.google.ru. Для входа в программу введите адрес электронной почты и пароль (рис. 7). Для поиска фотографий в окне Поиск следует набрать ключевое слово, например, слово студенты. На экран выведутся все фотог рафии, помеченные тегом студенты. Рис. 7. Вход в программу Picasa По каждой фотографии можно посмотреть следующую информацию: имя автора загруженной фотогра фии (имя под которым пользователь 40 зарегистрировался в программе), название альбома, дату загрузки, размер фотографии, объем файла. Для загрузки фотографии нужно нажать кнопку Загрузить фотографию. При загрузке заполнит ь информацию о фотографии. На сервисе Picasa разместите альбом с фотографиями. Для добавления к загруженной фотографии теговв правой части окна нажимают Теги и Добавить. Одной и той же фотографии можно присвоить несколько тегов. Можно добавить местоположение фотографии на карте. Для это нажимают Добавить местоположение (рис.8). Рис. 8. Размещение фотографии на карте Скопируйте ссылку на свой фотоальбом в свою визитную карточку на Википортале ВГИПУ. 41 Совместное редактирование документов и таблиц С развитием сети Интернет появляется возможность хранить документы, таблицы, фотографии, презентации и прочие полезные объекты н е на отдельной личной машине, а на удаленном компьютере в сети. Можно их там не только хранить, но и создавать и редактировать. Интернет офис имеет очевидные преимущества: к своим документам всегда можно получить доступ, куда бы мы не поехали; документы можно редактировать группой соавторов. Возможности по совместному ред актированию документов предоставляет своим пользователям система Google. С документами Google можно делать следующее: Загружать документы Word, OpenOffice, RTF, HTML или текстовые файлы (или создавать новые документы). Использовать простой редактор WYSIWYG для форматирования документов, проверки правописания и т.д. Предложить другим пользователям (по электронной почте) редактирование или просмотр ваших документов и таблиц. Редактировать документы вместе с другими людьми. Просматривать историю версий документов и таблиц и переходить к любой версии. Публиковать документы в Интернете для всех пользователей в виде веб-страниц или размещать документы в блоге. Загружать документы на компьютер в формате Word, OpenOffice, RTF, PDF, HTML или ZIP. Отправлять документы по электронной почте в качестве приложений. На рис.9 представлен пример списка документов Google для совместного редактирования. 42 Рис. 9. Список документов Google С таблицами можно делать следующее: Импортировать и экспортировать данные в формате XLS, CSV, TXT и ODS (и экспортировать в формате PDF и HTML). Использовать интуитивно понятную навигацию и редактирование, как в любом обычном документе или таблице. Использовать форматирование и редактор формул в таблицах, чтобы подсчитывать результаты и настраивать вид данных. Беседовать в режиме реального времени с другими пользователями, редактирующими вашу таблицу. Вставлять таблицу или часть таблицы в свой блог или на веб-сайт. С презентациями можно делать следующее: Импортировать существующие презентации в формате PPT и PPS. Экспортировать презентации с помощью функции Сохранить как Zip в меню Файл. Редактировать презентации с помощью простого редактора WYSIWYG. Вставлять изображения и форматировать слайды. Редактировать презентации вместе с друзьями, предоставив им доступ. |