Теоретическая часть:

Для связи с Internet используется специальная программа — браузер.

результате в современных браузерах объединяются все возможные приложения для доступа к Internet.

Сегодня наиболее популярными браузерами являются Netscape Navi­gator и Internet Explorer. Основное назначение браузера – загрузка Веб-страницы из Интернета и отображение её на экране.

Практическая часть

1.Создайте папку на рабочем столе и переименуйте её.

2. Откройте броузер Internet Explorer.

3. На вкладке Панели инструментов меню Вид уберите все флажки напротив всех панелей инструментов.

4. В меню Вид уберите флажок со вкладки Строка состояния.

5. Нажмите кнопку Print Screen.

6. Откройте графический редактор и вставьте скопированное в рабочую область.

Настройка панелей инструментов Internet Explorer.

Вернитесь к обозревателю и при помощи действий Вид Панели инструментов, отобразите на экране Ссылки. Скопируйте в Paint данное окно, сравните с предыдущим рисунком и вырежьте все части, которые дублируют первый рисунок. Вставьте получившееся на фон рабочей области рисунка и подпишите «ссылки».

Вернитесь снова к обозревателю и, проделав аналогичные действия, вставьте в тот же рисунок Адресную строку, Обычные кнопки, строку состояния и подпишите их. Скопируйте аналогичным образом Панели обозревателя: Избранное (часто посещаемые веб-страницы), Журнал (список недавно посещённых веб-страниц), Поиск, Папки.

Для просмотра веб-страницами вам нужно научиться изменять размер шрифта, отключить графику для увеличения скорости отображения всех веб-страниц.

Для того, чтобы установить оптимальный для просмотра страницы размер шрифта, нужно сделать следующее Вид Размер шрифта. Выберите Самый крупный.

Чтобы отключить графику для увеличения скорости отображения всех веб-страниц, меню Сервис обозревателя Internet Explorer выберите команду Свойства обозревателя.

Выберите вкладку Дополнительно.

В группе Мультимедиа снимите один или несколько из флажков: Отображать рисунки, Воспроизводить анимацию на веб-страницах, Воспроизводить видео на веб-страницах и Воспроизводить звуки на веб-страницах.

Чтобы увеличить размер дискового пространства, выделяемого для временного хранения веб-страниц, в меню Сервис обозревателя Internet Explorer выберите команду Свойства обозревателя.

На вкладке Общие нажмите кнопку Параметры.

Чтобы увеличить размер дискового пространства, выделяемого для временного хранения страниц, переместите движок вправо.

Практическая работа №2. Поиск информации по адресу.

Теоретическая часть:

Служба World Wide Web (WWW) — это единое информационное пространство, состоящее из сотен мил­лионов взаимосвязанных электронных документов.

Отдельные документы, составляющие пространство Web, называют Web-страницами.

Группы тематически объединенных Web-страниц называют Web-узлами (сайтами).

Программы для просмотра Web-страниц называют броузерами (обозревателями).

 

Практическая часть

Создайте на рабочем столе папку, а в ней текстовый документ 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. Структура веб-страниц.

.

Теоретическая часть:

Веб-страница – это текстовый файл, написанный  на языке HTML.

Сайт- это совокупность объединенных общим содержанием веб-страниц, размещенная на каком-либо сервере WWW под определенным именем и реализующая виртуальное представительство организации или отдельного человека в Интернете.

Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.

Фрейм - область гипертекстового документа со своими полосами прокрутки.

 

Практическая часть

 

Практическая часть

  1. Создайте на рабочем столе папку и переименуйте её.
  2. Откройте программу Internet Explorer, в поле Адрес введите http://gosdetstvo.com.
  3. Дождитесь полной загрузки страницы и скопируйте её при помощи кнопки Print Screen в рабочую область графического редактора (например, Paint илиPhotoshop).
  4. Вернитесь на открытую страницу и рассмотрите её.
  5. При помощи красного карандаша обведите области, на которых расположен обычный текст. При помощи желтого – списки, при помощи зелёного – таблицы.
  6. Картинки, анимации и изображения отметьте при помощи значков соответственно n, ¢, D.
  7. Фрейм подпишите надписью «Фрейм».
  8. Исследуйте страницу полностью и выделите при помощи распылителя все гиперссылки.
  9. С помощью тех же обозначений сделайте ещё 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. Создание простейшей веб-страницы.

https://lh4.googleusercontent.com/4TvH5M4hp8vwE001RmSCdW95ZHDYQbxC405Zfs8eXcy02hvRQK_faa0cJ9AdCXkeXfDJiSDWLYIsoAovXKNRRJrRC_yMYMQsyhe_Fd6R_nAoeK0WzTKsS5lE51g2TEwm-5uWdw

Теоретическая часть:

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>