Государственное автономное профессиональное образовательное учреждение
Воронежской области
"Новохоперский аграрно-экономический техникум"
Методическая разработка по информатике
«Практические задания. Информационно-коммуникационные технологии»
Выполнил преподаватель: Кравцова М.В.
Новохоперск
Практические задания. Информационно-коммуникационные технологии
ОГЛАВЛЕНИЕ
Введение.
Практические
работы
Практическая
работа №1. Настройка программы-браузера.
Практическая
работа №2. Поиск информации по адресу.
Практическая
работа №3. Структура веб-страниц.
Практическая
работа №4. Получение информации разных видов с Web-страниц
и ее сохранение.
Практическая
работа №5. Электронные словари в Интернет.
Практическая
работа №6. Использование поисковых серверов.
Практическая
работа №7 Особенности поиска по группе слов.
Практическая
работа №8. Создание простейшей веб-страницы.
Практическая
работа №9. Форматирование текста на Веб-странице.
Практическая
работа №10. Веб-страницы с гиперссылками и изображениями.
Практическая
работа №11. Размещение на веб-страницах списков и таблиц.
Практическая
работа № 12. Создание Веб-документов средствами Microsoft Office.
Практическая
работа № 13. Регистрация почтового ящика. Просмотр и отправка писем.
Практическая
работа № 14. Форумы и чаты в Интернет.
Контрольная
работа.
Вариант
1
Вариант
2
Приложение
1. Рекомендации к созданию веб-страниц
Приложение
2. Полезные веб-ресурсы
Список
литературы
Введение.
Данное
пособие адресовано учителям информатики и содержит практические работы по
разделу «Информационно-коммуникационные технологии». Оно содержит весь
материал, который необходим для проведения практической части урока по данному
разделу. Каждая практическая работа состоит из теоретической и практической
части. При выполнении практической части работ, учащиеся должны выполнить
задания по инструкции и аналогичные самостоятельно. В ходе
выполнения практических работ учащиеся должны научиться работать с
программой-браузером, создавать собственные веб-страницы и осуществлять поиск
нужной информации, регистрировать почтовый ящик и обмениваться электронными
письмами. Проверка приобретённых знаний, умений и навыков спланирована в форме
контрольной работы.
Практические работы.
Практическая работа №1. Настройка программы-браузера.
Цель
работы: освоение основных возможностей программы-браузера Internet Explorer.
Теоретическая часть:
Для
связи с Internet используется специальная программа — браузер.
результате
в современных браузерах объединяются все возможные приложения для доступа к
Internet.
Сегодня
наиболее популярными браузерами являются Netscape Navigator
и Internet Explorer. Основное назначение браузера – загрузка Веб-страницы из
Интернета и отображение её на экране.
Практическая часть
1.Создайте
папку на рабочем столе и переименуйте её.
2. Откройте
броузер Internet Explorer.
3. На
вкладке Панели инструментов меню Вид уберите все флажки напротив всех панелей
инструментов.
4. В
меню Вид уберите флажок со вкладки Строка состояния.
5. Нажмите
кнопку Print Screen.
6. Откройте
графический редактор и вставьте скопированное в рабочую область.
Настройка панелей инструментов Internet Explorer.
Вернитесь
к обозревателю и при помощи действий Видà Панели
инструментов, отобразите на экране Ссылки. Скопируйте в Paint данное
окно, сравните с предыдущим рисунком и вырежьте все части, которые дублируют
первый рисунок. Вставьте получившееся на фон рабочей области рисунка и
подпишите «ссылки».
Вернитесь
снова к обозревателю и, проделав аналогичные действия, вставьте в тот же
рисунок Адресную строку, Обычные кнопки, строку состояния и подпишите их.
Скопируйте аналогичным образом Панели обозревателя: Избранное (часто посещаемые
веб-страницы), Журнал (список недавно посещённых веб-страниц), Поиск, Папки.
Для
просмотра веб-страницами вам нужно научиться изменять размер шрифта, отключить
графику для увеличения скорости отображения всех веб-страниц.
Для
того, чтобы установить оптимальный для просмотра страницы размер шрифта, нужно
сделать следующее ВидàРазмер шрифта. Выберите Самый
крупный.
Чтобы
отключить графику для увеличения скорости отображения всех веб-страниц,
меню Сервис обозревателя Internet Explorer выберите командуСвойства
обозревателя.
Выберите
вкладку Дополнительно.
В
группе Мультимедиа снимите один или несколько из
флажков: Отображать рисунки, Воспроизводить анимацию на
веб-страницах,Воспроизводить видео на веб-страницах и Воспроизводить
звуки на веб-страницах.
Чтобы
увеличить размер дискового пространства, выделяемого для временного хранения
веб-страниц, в меню Сервис обозревателя Internet Explorer
выберите команду Свойства обозревателя.
На
вкладке Общие нажмите кнопку Параметры.
Чтобы
увеличить размер дискового пространства, выделяемого для временного хранения
страниц, переместите движок вправо.
Практическая
работа №2. Поиск информации по адресу.
Цель
работы: освоение навыков работы с программой-браузером Internet Explorer,
изучение процесса поиска информации в Интернет, зная адрес страницы, на которой
она расположена.
Теоретическая часть:
Служба World Wide Web (WWW) — это
единое информационное пространство, состоящее из сотен миллионов
взаимосвязанных электронных документов.
Отдельные
документы, составляющие пространство Web,
называют Web-страницами.
Группы
тематически объединенных Web-страниц называют Web-узлами (сайтами).
Программы для
просмотра Web-страниц называют броузерами (обозревателями).
Адресация в сети:
IP
-
адрес
DNS
- адрес.
IP
- адрес состоит из четырех блоков цифр, разделенных точками. Он может иметь
такой вид: 32.87.56.5
DNS – адрес:
http://www.yandex.ru
http -
протокол передачи данных
www –
сервер находится на WWW
yandex –
название сервера
ru -
сервер находится России
Часть
адреса, разделенная точками называется доменом.
Практическая часть
Создайте
на рабочем столе папку, а в ней текстовый документ Microsoft Word.
В текстовом
документе создайте следующую таблицу:
Адрес
сайта
|
Назначение
|
Страна
|
help.belhost.by
|
|
|
www.national-lottery.co.uk
|
|
|
index.all-hotels.in.ua
|
|
|
www.microsoft.com
|
|
|
www.house.gov
|
|
|
acorda.kz
|
|
|
britain.uz
|
|
|
klassica.ru
|
|
|
en.beijing2008.cn
|
|
|
Рассмотрите
открывающиеся веб-страницы, определите назначение сайта, определите
государство, в котором сделан этот сайт.
Откройте
Веб-страницу с адресом: www.detstvo.ru.
Найдите гиперссылку праздники, нажмите на неё, дождитесь загрузки
страницы, перепишите её адрес. Далее найдите ссылку фото,
перепишите и её адрес.
Ответьте
на вопрос: каким образом адресуются страницы одного сайта?
Практическая
работа №3. Структура веб-страниц.
Цель
работы: изучить основные структурные элементы, присутствующие на
большинстве Веб-страниц World Wide Web.
Теоретическая часть:
Веб-страница – это текстовый
файл, написанный на языке HTML.
Сайт- это
совокупность объединенных общим содержанием веб-страниц, размещенная на каком-либо
сервере WWW под определенным именем и реализующая виртуальное
представительство организации или отдельного человека в Интернете.
Гиперссылка -
фрагмент текста, который является указателем на другой файл или объект.
Гиперссылки позволяют переходить от одного документа к другому.
Фрейм - область гипертекстового документа со своими полосами
прокрутки.
Практическая часть
Заголовок,
обычный текст, изображения, гиперссылки, фреймы, списки, таблицы, бегущие
строки, анимации.
Практическая
часть
Создайте
на рабочем столе папку и переименуйте её.
Откройте
программу Internet Explorer, в поле Адрес введите http://gosdetstvo.com.
Дождитесь
полной загрузки страницы и скопируйте её при помощи кнопки Print Screen в
рабочую область графического редактора (например, Paintили Photoshop).
Вернитесь
на открытую страницу и рассмотрите её.
При
помощи красного карандаша обведите области, на которых расположен обычный
текст. При помощи желтого – списки, при помощи зелёного – таблицы.
Картинки,
анимации и изображения отметьте при помощи значков соответственно n, ¢, D.
Фрейм
подпишите надписью «Фрейм».
Исследуйте
страницу полностью и выделите при помощи распылителя все гиперссылки.
С
помощью тех же обозначений сделайте ещё 3 изображения веб-страниц с адресами:
http://moscowaleks.narod.ru
http://www.kotikoshka.ru
Практическая работа №4. Получение информации разных видов с
Web-страниц и ее сохранение.
Цель
работы: закрепить умения поиска Web – страницы по заранее известному
URL, научиться сохранять информацию понравившейся Web-страницы в файле.
Теоретическая часть:
Важные
и интересные Web-страницы полезно сохранять на локальном компьютере. Можно выбрать
различные варианты сохранения Web-страниц:
•
сохранение страницы в формате HTML приведет
к сохранению самой страницы, но при этом не сохранятся связанные с ней рисунки,
звуковые и прочие файлы;
•
сохранение страницы в формате ТХТ приведет к сохранению самой страницы в
текстовом формате;
•
сохранение страницы в формате Web-страница
полностью приведет к сохранению не только самой страницы, но и
связанных с ней рисунков, звуковых и прочих файлов в отдельной папке.
Можно
сохранить как Web-страницу полностью, так и отдельную ее часть: текст, изображения
или ссылки. Для этого необходимо щелкнуть по выбранному для сохранения объекту
правой кнопкой мыши и выбрать в контекстном меню опции Сохранить объект как...
или Сохранить рисунок как... и выбрать затем папку на локальном компьютере, где
будет произведено сохранение элемента Web-страницы.
Практическая часть
1) Создайте свою папку на рабочем столе и переименуйте её.
2) Откройте программу Internet Explorer.
3) В
строке Адрес сотрите надпись About:blank.
4) Введите
адрес www. astrogalaxy.ru
5) Дождитесь
загрузки страницы.
6) Сохраните
страницу. Файл à Сохранить как… Выполните
сохранение в созданной вами папке.
7) Изображения
в некоторых случаях необходимо сохранять отдельно. Щёлкните на любой картинке
правой клавишей мыши à Сохранить рисунок как…
Выполните сохранение в созданной вами папке.
8) Зайдите
на один из сайтов:
(1) www.biodat.ru
(2) www.georus.by.ru
(3) www.astrolab.ru
9) Найдите
8-10 изображений и 5-6 Веб-страниц, сохраните в заранее созданной папке.
Практическая работа №5. Электронные словари в Интернет.
Цель
работы: научиться пользоваться электронными словарями, изучить методы
поиска нужных слов в электронных словарях.
Теоретическая часть:
Если вы изучаете иностранный язык,
сталкиваетесь с переводом текстов с иностранного языка или ведете переписку с
зарубежными друзьями, то без помощи словаря вам не обойтись. Теперь вы
можете полностью освободить свои книжные полки - одна компьютерная программа
заменит вам многочисленные тома бумажных словарей. Для того, чтобы найти
определение какого-либо термина, мы также можем воспользоваться услугами
электронных словарей. Если рассматривать такой вариант, когда у вас
нет возможности заглянуть в книгу, существуют электронные словари. Некоторые
вещи, как например, поиск в огромных массивах текста, они делают удивительно
быстро.
Практическая часть
На
рабочем столе создайте текстовый документ.
Словари-переводчики.
Откройте
программу Enternet Explorer. Загрузите страницу
электронного словаря Promt – www.ver-dict.ru.
Из раскрвывающегося списка выберитеРусско-английский словарь. В
текстовое поле Слово для перевода: введите слово, которое вам
нужно перевести, например, «клавиатура». Нажмите на кнопку Найти.
Скопируйте результат в текстовый документ.
Поиск в толковых словарях.
Загрузите
страницу электронного словаря В. Даля – www.slovardal.ru.
В текстовое поле Поиск по словарю: введите слово, лексическое
значение которого вам нужно узнать, например, «рутина». Нажмите на кнопку Искать.
Дождитесь результата поиска. Скопируйте результат в текстовый документ.
Самостоятельно
переведите на французский и английский язык следующие слова и
скопируйте их в текстовый документ:
Новости,
Статья,
Учитель,
Техника,
Команда.
Найдите
лексические значения следующих слов и скопируйте их в текстовый документ:
Метонимия,
Видеокарта,
Железо,
Папирус,
Скальпель,
Дебет
(бухг. Термин).
Вы
можете воспользоваться любыми словарями из предложенного списка:
Толковые словари
|
Словари- переводчики
|
Slovar.plib.ru/dictionary/search
|
Lingvo.yandex.ru
|
www.slovari.ru
|
|
www.anplex.ru/dicts.htm
|
|
www.chtotakoe.info
|
|
www.golossary.ru
|
|
Slovari.gramota.ru
|
|
www.efremova.info
|
|
Mega.km.ru
|
|
www.ozhegov.org
|
|
Www.navoprosotveta.ru
|
|
Ushdict.narod.ru
|
|
Vseslova.ru
|
|
www.math.rsu.ru/dictionary/
|
|
Практическая работа №6. Использование поисковых серверов.
Цель
работы: изучить особенности поисковых серверов, методы их поиска.
Теоретическая часть:
В настоящее время существует множество справочных служб
Интернет, помогающих пользователям найти нужную
информацию. В такихслужбах используется обычный принцип поиска в
неструктурированных документах — по ключевым словам.
Поисковая система - это комплекс программ и мощных
компьютеров, способные принимать, анализировать и обслуживать запросы
пользователей по поиску информации в Интернет. Поскольку
современное Web-пространство необозримо, поисковые системы вынуждены создавать
свои базы данных по Web- страницам. Важной задачей поисковых систем является постоянное
поддержание соответствия между созданной информационной базой и реально
существующими в Сети материалами. Для этого специальные программы (роботы)
периодически обходят имеющиеся ссылки и анализируют их состояние. Данная
процедура позволяет удалять исчезнувшие материалы и по добавленным на
просматриваемые страницы ссылкам обнаруживать новые.
Практическая часть
Создайте
на рабочем столе папку, а в ней текстовый документ Microsoft Word.
В
текстовом документе создайте следующую таблицу:
Личность 20 века
|
Фамилия, имя
|
Годы жизни
|
Род занятий
|
Фотография
|
Джеф Раскин
|
|
|
|
Лев Ландау
|
|
|
|
Юрий Гагарин
|
|
|
|
Для
того, чтобы найти информацию о них, необходимо открыть одну из поисковых
систем:
www.yandex.ru
www.rambler.ru
www.aport.ru
www.yahoo.com
www.google.com
В поле
поиска введите фамилию и имя деятеля, нажмите кнопку ОК.
Дождитесь,
результатов поиска.
Среди
предоставленного поисковой системой множества ссылок откройте наиболее
подходящие и скопируйте нужную информацию в таблицу.
Практическая работа №7 Особенности поиска по группе слов.
Цель
работы: освоить методы оптимального поиска информации в сети Интернет.
Теоретическая часть:
К
средствам поисковых систем относится язык запросов.
Используя
различные приёмы мы можем добиться желаемого результата поиска.
! –
запрет перебора всех словоформ.
+
- обязательное присутствие слов в найденных документах.
- -
исключение слова из результатов поиска.
&
- обязательное вхождение слов в одно предложение.
~ -
требование присутствия первого слова в предложении без присутствия второго.
| -
поиск любого из данных слов.
«» -
поиск устойчивых словосочетаний.
$title –
поиск информации по названиям заголовков.
$anchor –
поиск информации по названию ссылок.
Практическая часть
Создайте
на рабочем столе папку, а в ней текстовый документ Microsoft Word.
В
текстовом документе создайте следующую таблицу:
Слова, входящие в запрос
|
Структура запроса
|
Количество найденных страниц
|
Электронный адрес первой
найденной ссылки
|
Информацион-ная система
|
Информационная! Система!
|
|
|
Информационная + система
|
|
|
Информационная - система
|
|
|
«Информационная система»
|
|
|
Персональный компьютер
|
Персональный компьютер
|
|
|
Персональный &компьютер
|
|
|
$title
(Персональный компьютер)
|
|
|
$anchor
(Персональный компьютер)
|
|
|
Заполните
таблицу, используя поисковую систему Яндекс: www.yandex.ru
Практическая работа №8. Создание простейшей веб-страницы.
Цель
работы: Знакомство учащихся с общими положениями создания WEB-страниц
и базовыми тегами языка HTML
HTML —
это теговый язык разметки документов. Элементы — это
структуры, которые описывают отдельные составляющие HTML-документа. Элемент
состоит из трех частей: начального тега, содержимого и конечного тега. Тег —
это специальный текст, заключенный в угловые скобки "<" и
">". Конечный тег имеет то же имя, что начальный тег, но
начинается с косой черты "/". Атрибуты элемента
определяют его свойства. Значение атрибута может быть заключено в одинарные или
двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует
от открывающего тега, в котором он задан, до закрывающего, или только внутри
тега, если тег не имеет парного.
Базисные
теги
|
Тип документа
|
<HTML></HTML>
|
Начало и конец файла
|
арибуты
|
|
Имя документа
|
<TITLE></TITLE>
|
Должно быть в
заголовке
|
|
Заголовок
|
<HEAD></HEAD>
|
Описание документа
|
|
Тело
|
<BODY></BODY>
|
Содержимое страницы
|
|
Оформление тела Веб-страницы
Атрибут
|
Действие
|
Значения атрибута
|
BACKGROUND="URL"
|
Фоновая картинка
|
*.jpg, *.gif, .png. графический файл расположен в
одной папке с Вашим документом
|
BGCOLOR="цвет "
|
Цвет фона
|
|
TEXT=”color”
|
Цвет текста
|
|
LEFTMARGIN="40"
|
Определяет ширину левого и правого полей документа
|
Пикселы
|
MARGINWIDTH="40"
|
Определяет ширину верхнего и нижнего полей документа
|
Пикселы
|
Таблица
цветов НТМL
pink
|
Розовый
|
blue
|
синий
|
cyan
|
оттенок бирюзового
|
teal
|
ярко-голубой
|
orange
|
Оранжевый
|
gray
|
серый
|
brown
|
Коричневый
|
yellow
|
желтый
|
fuchsia
|
ярко-фиолетовый
|
olive
|
оливковый
|
aqua
|
Бирюзовый
|
purple
|
фиолетовый
|
silver
|
светло-серый
|
red
|
красный
|
black
|
Черный
|
green
|
зеленый
|
Практическая часть
Создание
простейшей Веб-страницы:
Создайте
стандартный текстовый файл.
Откройте
его редактором "Блокнот".
Сначала
напечатайте основные теги:
<HTML>
<HEAD>
<TITLE>Добро пожаловать !!!</TITLE>
</HEAD>
<BODY> Здравствуйте!!!
</BODY>
</HTML>
Сохраните
документ с расширением *.htm.
Создайте
веб-страницу с оформленным фоном и текстом.
HTML-код
будет выглядеть следующим образом:
<HTML>
<BODY BACKGROUND="paint1.bmp" BGCOLOR="red"
TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа (5-6 предложений на любую тему).
...
</BODY>
</HTML>
Сохраните
документ с расширением *.htm.
Самостоятельно
создайте две веб-страницы с разными фонами и цветами текстов (5-6 предложений).
Практическая работа №9. Форматирование текста на Веб-странице.
Цель
работы: Знакомство учащихся с приёмами форматирования
веб-документа.
Теоретическая часть:
Для
того, чтобы отформатировать текст, который будет располагаться на вашей
веб-странице, необходимо воспользоваться следующими тегами:
Форматирование
|
Заголовки
|
<H*></H*>
* - от
1 до 6
|
Стандарт определяет
6 уровней заголовков
|
Конец строки
|
<TR>
|
|
Начало абзаца
|
<P>
|
|
Выравнивание
|
<H* > </H*>
*-ALIGN=
LEFT|CENTER|RIGHT
|
По левому краю, по правому, по центру
|
Цитата
|
<BLOCKQUOTE>
</BLOCKQUOTE>
|
Обычно выделяется
отступом
|
Шрифт
|
Жирный
|
<B></B>
|
|
Курсив
|
<I></I>
|
|
Размер шрифта
|
<FONT
SIZE=?></FONT>
|
От 1 до 7
|
Цвет шрифта
|
<FONT
COLOR="#$$$$$$">
</FONT>
|
|
Практическая часть
Форматирование
текста.
На
базе первой простейшей Веб-страницы создайте текстовый документ,
имеющий следующее оформление:
Устройства компьютера (заголовок
1)
Внешние (заголовок
2)
Принтер,
сканер, монитор, клавиатура. (размер -2,
цвет синий, шрифт Arial)
Внутренние (заголовок 2)
Винчестер, материнская
плата, видеокарта.
<body>
<h1>
Устройство компьютера </h1>
<h2>
Внешние </h2>
<P>
<font size = -2 face=”arial” color=blue>
Принтер, сканер, монитор, клавиатура </font>
<h2> Внутренние
</h2>
<p>
<b> винчестер </b>
<i> материнская плата </i>
<U> видеокарта </U>
</body>
Самостоятельно
создайте Веб-страницу, на которой будет изображен текст в следующем виде:
Методика освоения новых программ
Знакомство с примерами, шаблонами и образцами документов.
Для
того, чтобы оценить возможности новой программы, лучше всего воспользоваться
уже имеющимися образцами документов, созданных с её помощью.
Эксперименты с пробными документами.
Цель
эксперимента – проверка действия команд редактирования.
Практическая работа №10. Веб-страницы с гиперссылками и
изображениями.
Цель
работы: Знакомство учащихся с различными возможностями
перехода на другие страницы и вставки графических изображений
Теоретическая часть:
Важнейшую
роль в оформлении страницы играют иллюстрации.
Для размещения
рисунков в документе служит одиночный тег <IMG>,
который должен обязательно содержать атрибут SCR=,
значение которого составляет адрес файла изображения.
Изображение
переносится на страницу с сохранением размеров. Нужные размеры рисунка можно задать
с помощью атрибутов WIDTH= (ширина) и HEIGHT=
(высота).
Альтернативный
текст – словесное описание изображения задаётся при помощи атрибута ALT=.
Для
создания гиперссылки в документе используются теги <A>
и </A>. Текст ссылки помещается между этими тегами. Для
того, чтобы указать адрес, на который указывает ссылка, необходим атрибут HERF=.
Некоторые гиперссылки могут указывать на определённое место внутри страницы
(якоря). Для него является обязательным атрибут NAME=.
Значением этого атрибута является имя якоря, которое может состоять только из
латинских букв и цифр и не должно содержать пробелов.
В
качестве гиперссылки можно использовать изображения. Для этого теги разметки
изображения должны быть помещены между тегами гиперссылок.
Практическая часть
Создайте
папку и переименуйте её своей фамилией.
В
папке создайте 2 документа в программе Блокнот, на основе которого можно
сделать Веб-страницу. (сделайте заголовок, тело).
В свою
папку скопируйте две картинки (большую для фона и маленькую) и одну анимацию,
переименуйте их соответственно paint1.gif, paint2.gif,anim.gif.
(расширения должны быть соответствующими вашим изображениям).
На
основе первого документа сделайте страницу, содержащую все скопированные вами
изображения. Код для разметки Веб-страницы будет следующим:
<html>
<head>
<title> ИЗОБРАЖЕНИЕ1 </title>
</head
>
<body
background=paint1.jpg>
<img
scr=paint2.gif>
<img
scr=anim.gif>
</body>
</html>
Сохраните
этот документ под именем document1.
Второй
документ должен содержать ссылку на этот документ, при нажатии на которую
появится список. Код тела этой веб-страницы должен иметь вид:
<body>
<A HREF=”
document1.htm>
</A>
</body>
Самостоятельно
постройте две Веб-страницы. Первая должна содержать 5-6 предложений, касающихся
темы изображений, 3 картинки, 2 анимации и небольшой пояснительный текст.
Вторая – гиперссылку на первый документ.
Практическая работа №11. Размещение на веб-страницах списков и
таблиц.
Цель
работы: освоить возможности размещения текста в форме списков и с созданием
таблиц при разработке WEB – страниц
Теоретическая часть:
Рассмотрим
процесс создания нумерованных и маркированных списков. Они создаются примерно
одинаковым образом. Список всегда располагается между открывающим и закрывающим
тегом списка: <OL> и </OL> в случае упорядоченного списка; <UL> и
</UL> - в случае неупорядоченного. Внутри списка располагаются его
элементы. Их заключают между тегами <LI>
и </LI>.
Таблица
начинается открывающимся тегом <TABLE> и завершается закрывающимся </TABLE>.
Строки
таблицы начинаются открывающимся тэгом <TR> и завершаются закрывающимся
</TR>, а каждая ячейка таблицы начинается тегом <TD> и завершается
</TD>.
Практическая часть
Создайте
папку и переименуйте её своей фамилией.
В
папке создайте 2 документа в программе Блокнот, на основе которого можно
сделать Веб-страницу. (сделайте заголовок, тело).
На
первом документе отобразите следующий список:
- сканеры
для ввода текстов и иллюстраций
1.
листовые сканеры
2.
ручные сканеры
3.
планшетные сканеры
- специальные
типы сканеров
1.
барабанные сканеры
2.
сканеры форм
3.
штрих-сканеры
HTML-
код для этой страницы выглядит следующим образом:
<ul>
<li>
сканеры для ввода текстов и иллюстраций
<ol>
<li> листовые сканеры
<li>
ручные сканеры
<li>
планшетные сканеры
</ol>
<li>специальные
типы сканеров
<ol>
<li> барабанные сканеры
<li>
сканеры форм
<li>
штрих-сканеры
</ol>
</l>
Сохраните
документ под именем spisok.htm
В теле
этой же Веб-страницы постройте следующую таблицу:
Монитор
|
Клавиатура
|
Мышь
|
Системный блок
|
Такая таблица
реализуется следующим кодом:
<TABLE
>
<TR><TD>Монитор</TD>
<TD> Клавиатура </TD> </TR>
<TR> <TD> Мышь </TD>
<TD> Системный блок </TD> </TR>
</TABLE>
Самостоятельно
создайте документ, в состав которого обязательно должен войти следующий список:
1.
понедельник
2.
вторник
3.
среда
4.
четверг
5.
пятница
1.
суббота
2.
воскресенье
и
таблица:
Прогноз
погоды:
Дата
|
Осадки
|
Атмосферное давление
|
15.12.2007
|
Снег
|
753 мм. рт. ст.
|
15.12.2007
|
Нет
|
745 мм. рт. ст.
|
Практическая работа № 12. Создание Веб-документов
средствами Microsoft Office.
Цель
работы: овладеть способами создания веб-страниц, используя
программы MS Word, MS Excel, MS PowerPoint.
Теоретическая часть:
С помощью Microsoft Office можно
создавать веб-страницы точно так же, как и обычные документов Microsoft
Word, MS Excel, MS PowerPoint.
Можно использовать шаблон веб-страницы или
сохранить документ в качестве веб-страницы. Для того, чтобы приступить в
процессу создания документа, можно воспользоваться меню Формат, Вставка и
панелью инструментов Веб-компоненты. Однако не все приёмы форматирования
поддерживаются. В частности, таковыми являются таблицы, анимация текста и т.п.
Практическая часть
На
рабочем столе создайте папку и переименуйте своей фамилией.
1.
Создание веб-страниц в среде текстового редактора MS Word.
Создайте
две веб-страницы любыми способами.
Создание
веб-страницы на основе шаблона
1.В меню Файл выберите
команду Создать.
2.В области задач Создание
документа в группе Шаблоны выберите параметр На моем
компьютере.
На
вкладке Общие дважды щелкните шаблон веб-страницы.
Создание
пустой веб-страницы
1.В меню Файл выберите
команду Создать.
2.В области задач Создать
документ, в группе Создание щелкните ссылку Веб-страница.
На
обеих страницах сделайте красивый фон (Формат àФон àСпособы
заливки àГрадиентная, Текстура или Узор). На первую страницу вставьте любое
изображение и сохраните в виде веб-страницы с фильтром (в этом случае она будет
занимать намного меньше места на диске и загрузка будет происходить быстрее).
На второй странице создайте надпись «Изображение» и превратите её в гиперссылку
на первую созданную нами страницу (выделите надпись à Вставка
Гиперссылка à Выберите нужный файл).
2.
Создание веб-страницы в среде табличного редактора.
Создайте
документ Excel. На первый лист поместите небольшую
таблицу (3 строки, 2столбца), на второй – диаграмму, созданную на основе этой
таблицы. Сохраните документ с расширением .html.
3.
Создание веб-страницы средствами программы MS PowerPoint.
Создайте
пустую презентацию. Вставьте в неё 3-4 слайда. Придумайте названия полей
заголовков и заполните их. В каждый слайд вставьте по 1-2 картинке. Сохраните
документ с расширением .html.
Практическая работа № 13. Регистрация почтового ящика. Просмотр и
отправка писем.
Цель
работы: изучить процесс регистрации (открытия почтового
ящика), подготовки, отправки и приема писем на почтовом сайте.
Теоретическая часть:
Электронная
почта – (самая распространенная услуга сети Internet) обмен письмами в
компьютерных сетях. Само письмо представляет собой обычный файл,
содержащий текст письма и специальный заголовок, в котором указано, от кого
письмо направлено, кому предназначено, какая тема письма и дата отправления.
Адресация в системе
электронной почты
Электронно-почтовый Internet-адрес
имеет следующий формат пользователь@машина
Пример
адреса электронной почты
Ivanov@softpro.saratov.ru
Ivanov –
имя почтового ящика .
softpro.saratov –
название прочтового сервера
ru
- код Российской Федерации
Точки и символ
@ — разделительные знаки. Разделенные точками части электронного адреса
называются доменами.
Вся
часть адреса, расположенная справа от значка @, является доменным именем
почтового сервера, содержащего ящик абонента. Главный принцип состоит в
том, чтобы это имя отличалось от имен всех прочих серверов в компьютерной сети.
Практическая часть
Регистрация
почтового ящика электронной почты
1) Откройте
программу Internet Explorer.
2) В
поле Адрес введите адрес поискового сервера http://www.mail.ru
3) На
открывшейся Веб-странице выберите гиперссылку Регистрация в почте.
4) Заполните
анкету, следуя рекомендациям, написанным справа от текстовых полей. Обязательно
должны быть заполнены поля:
A) E-mail,
B) Пароль,
C) Если
вы забудете пароль,
D) Дополнительная
информация о пользователе (заполнить полностью).
E) Защита
от авторегистрации (ввести зачеркнутые цифры).
5) Нажмите
кнопку Зарегистрировать почтовый ящик.
6) В
случае необходимости исправьте ошибки и снова нажмите кнопку Зарегистрировать
почтовый ящик.
7) Ваш
почтовый ящик считается зарегистрированным только после появления
уведомления о том, что ваша регистрация успешно завершена.
Создание и
отправка сообщения.
Для
того, чтобы отправить письмо, вам нужно выбрать нажать гиперссылку Написать
письмо.
Напишите
2 письма своему однокласснику, предварительно обменявшись с ним электронными
адресами. Письма должны содержать не менее пяти предложений. Одно письмо
сделайте в обычном формате, а второе в расширенном.
Практическая работа № 14. Форумы и чаты в Интернет.
Цель
работы: дать основные понятия, используемые при работе в чатах и на
форумах.
Теоретическая часть:
В последнее время все более широко
распространяется интерактивное общение в Интернет в реальном режиме времени.
Увеличившаяся скорость передачи данных и возросшая производительность
компьютеров позволяют пользователям не только обмениваться сообщениями в
реальном времени, но и осуществлять аудио- и видеосвязь.
В
Интернет существует достаточно большое количество серверов, на которых
реализуется интерактивное общение. Любой пользователь может подключиться к
такому серверу и начать общение с одним из посетителей этого сервера или
участвовать в коллективной встрече.
Простейший
способ общения Разговор (Chat) — это обмен сообщениями, набираемыми с клавиатуры. Вы вводите
сообщение с клавиатуры, и оно высвечивается в окне, которое одновременно видят
все участники встречи. Чат
- ресурсы, даже в своём анонимном варианте, привлекательны тем, что позволяют получить информацию из первых рук от представителей конкретного государства, региона и города планеты.
Форум
- это инструмент для общения на сайте, он наиболее актуален в
случае, если вы готовы давать публичные ответы на вопросы и жалобы
пользователей.
Практическая часть
Участие
в коллективном взаимодействии: форум, телеконференция, чат.
Регистрация
на форуме:
Откройте программу Internet Explorer.
В строке Адрес сотрите надпись About:blank.
Введите
адрес: contest.ur.ru/board/
Выберите
понравившийся форум и нажмите на ссылку Регистрация.
1. Прочитайте
сообщение и выберите пункт Я согласен с условиями и мне > 13 лет
2. Заполните
анкету:
a. Регистрационная
информации (Имя, Адрес e-mail,
Пароль, Подтвердить пароль, Код подтверждения).
b.Профиль и Личные настройки менять и заполнять нет необходимости.
3. Нажмите
кнопку Отправить.
Общение:
1. Для
того, чтобы предложить посетителям форума свою тему, нужно нажать кнопку Начать
новую тему.
2. Заполните
следующие поля: Тема, Сообщение, вопрос, Вариант ответа, Вопрос должен идти (0)
дней.
3. Нажмите
кнопку Отправить.
Самостоятельно:
Зарегистрируйтесь
на трёх форумах и чатах следующих сайтов:
info.rusolymp.ru -
школьные олимпиады,
school.iot.ru –
школьная пресса,
www.kinder.ru –
детский чат,
mzona.net.ru – кино
и музыка,
forum.sport.ru –
спорт,
forumprosport.ru – спорт,
www.teensclub.ru – подростковый
клуб,
smallcar.ru/talk/
- автомобили,
www.autoru.de –
автомобили российских марок,
www.forum.drom.ru -
компьютеры.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.