Браузер

Практическая работа № 25

Тема работы: Браузер

Цель работы: освоение приемов работы с браузером Internet Explorer; изучение среды браузера и его настройка; получение навыков извлечения web-страниц путем указания URL-адресов; навигация по гиперссылкам.

Время выполнения: 2 часа.

Оснащение работы: персональный компьютер с выходом в Интернет, браузер Internet Explorer.

Порядок выполнения работы:

- ознакомиться с теоретическими положениями по данной теме;

- выполнить задания практической работы;

- сформулировать вывод;

- оформить отчет.

Краткий теоретический материал

Браузер – это программа для просмотра web-страниц.

Настройка браузера. Все браузеры позволяют выполнить некоторые настройки для оптимизации работы пользователей в Интернете. В браузере Internet Explorer основная часть настроек содержится в меню Сервис – Свойства обозревателя.

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

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

Вкладка Конфиденциальность дает возможность настроить работу с файлами cookie, с помощью которых информация о пользователе автоматически передается на сервер.

Вкладка Содержание позволяет ограничить доступ к некоторой информации (насилие, ненормативная лексика и т.д.).

Вкладка Подключения позволяет установить подключение к Интернету.

На вкладке Дополнительно можно задать некоторые дополнительные параметры работы (отключить загрузку графических изображений, отменить подчеркивание ссылок, запретить отладку сценариев и т.д.).

Вкладка Программы позволяет определить программы, которые будут по умолчанию использоваться службами Интернета (почтовые программы, html-редакторы и т.п.).

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

собой компьютеры в любой точке земного шара.

WWW - World Wide Web («Всемирная паутина») - это общемировая гипертекстовая информационная система (является частью Интернета).

Web - страница - это отдельный комбинированный документ сети WWW, который может содержать текст, графику, анимацию, звуковые и другие объекты. Хранится в файле *.html.

Сайт (веб-сайт, ресурс) – это место в интернете, которое определяется своим адресом (URL), имеет своего владельца и состоит из веб-страниц, которые воспринимаются как единое целое.

Создание сайтов - составной процесс, состоящий из нескольких этапов:

1.  разработка дизайна,

2.  вёрстка,

3.  программирование,

4.  безопасность.

Сопровождение сайтов:

·  это техническая поддержка сайта;

·  помощь в обновлении контента;

·  внесение корректировок в работу ресурса.

Методы создания и сопровождения сайтов:

·  вручную на языкe HTML (в БЛОКНОТе);

·  c помощью редакторов сайтов (HEFS, DreamWeaver и др.);

·  c помощью Конструктора сайтов на основе готового шаблона (ucoz.ru, narod.ru и др.);

·  с помощью систем управления сайтов (Joomla, 1С Битрикс и др.).

Этапы создания WEB-страницы:

1. Разработка проекта (Постановка задачи);

·  Главная тема страницы.

·  Текстовое содержание (грамотный язык).

·  Планировка размещения информации на странице (верстка).

·  Графика (набор рисунков, анимации).

·  Стиль дизайна (сочетания цветов, фоны и т. п.)

2. Алгоритм заполнения страницы.

3. Программирование.

Программа для WEB-страницы записывается на языке HTML в виде текстовых файлов в текстовом редакторе Блокнот.

Эти файлы имеют название имя.html

Операторы (команды) языка HTML называются тегами. Общий вид записи тега:

<Тег>Фрагмент страницы </Тег>

Базисные теги

<HTML> </HTML> - начало и конец файла

<TITLE> </TITLE> - имя документа (должно быть в заголовке)

<HEAD> </HEAD>- голова документа

<BODY></BODY> - тело документа

Пример программы:

<HTML>

 <HEAD>

     <title> Моя страница </title>

 </HEAD>

 <BODY>

   Содержимое страницы

 </BODY>

</HTML>

Атрибуты

Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.

Тэги и их атрибуты

 Таблица цветов:

Выполнение практической части. Работа на ПК

Задание 1.  Изучите элементы среды Internet Explorer, возможности настройки этого браузера. Занесите в список надежных узлов сайты:

 http://www.gismeteo.ru, http://www.yandex.ru. Запретите загрузку файлов. Заблокируйте всплывающие окна.

Задание 2.  Восстановите настройки Internet Explorer по умолчанию.

Задание 3.  Зайдите на сайт интернет-библиотеки по адресу http://www.internet-biblioteka.ru, зарегистрируйтесь. Изучите правила работы с библиотекой. Найдите книгу Комоловой Н. "Компьютерная верстка и дизайн. Самоучитель". Скачайте ее. Составьте список книг библиотеки по информатике. Список сохраните в своей папке в документе MS Word.

Задание 4.  Изучите новости Нижегородской области. Сохраните последние новости в документе MS Word.

Задание 5. Зайдите на сайт турагентства по адресу http://agency.travelplus.ru. Изучите возможности организации тур-поездок на ближайший месяц по России. Сохраните ближайшие туры в текстовом документе под именем.

Задание 6. 

Создайте с помощью языка HTML в БЛОКНОТЕ web-сайт «Мой сайт», состоящий из пяти страниц:

Страница 1 должна содержать:

·  заголовок;

·  гиперссылки: «Обо мне», «Моя семья», «Друзья», «Мои увлечения».

Страницы 2, 3, 4 и 5 должны содержать:

· заголовок;

· по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);

· фотографии (минимум по одной на каждой странице).

· Сайт должен содержать информацию о вас, а также ваших родственниках, друзьях и т.п.

Требования к сайту:

· заголовки и гиперссылки выравнивать по центру;

· для абзацев текста использовать различные варианты выравнивания (по ширине, по левому краю, по правому краю);

· использовать разные способы выравнивания фотографий;

· обязателен фоновый цвет страницы;

· на каждой странице должен быть заголовок окна;

· для заголовков использовать шрифт Time New Roman, для основного текста – Arial (размеры подобрать самостоятельно).

Задание 7. Протестируйте работоспособность сайта в браузере (по возможность в двух различных). Протестируйте работоспособность сайта при выключенной графике.

Задание 8. Измените в настройках браузера шрифт по умолчанию на Courier New, размер 14 и убедиться, что это не повлияет на внешний вид страниц сайта.

Задание 9. Создайте с помощью текстового процессора MS Word web-сайт «Мой сайт», состоящий из пяти страниц:

Страница 1 должна содержать:

·         заголовок;

·         гиперссылки: «Обо мне», «Моя семья», «Друзья», «Мои увлечения».

         Страницы 2, 3, 4 и 5 должны содержать:

·         заголовок;

·         по два или более отформатированных абзаца текста (один абзац не менее трех полных строк);

·         фотографии (минимум по одной на каждой странице).

Сайт должен содержать информацию о вас, а также ваших родственниках, друзьях и т.п.

Требования к сайту:

заголовки и гиперссылки выравнивать по центру;

·         для абзацев текста использовать различные варианты выравнивания (по ширине, по левому краю, по правому краю);

·         использовать разные способы выравнивания фотографий;

·         обязателен фоновый цвет страницы;

·         на каждой странице должен быть заголовок окна;

·         для заголовков использовать шрифт Arial, для основного текста – Verdana (размеры подобрать самостоятельно).

Результат деятельности: Отчет по практической работе с выполненными заданиями 1-9.

 Контрольные вопросы:

1.    Что такое браузер? Как осуществить настройку браузера?

2.    Для чего нужна адресная строка в браузере?

3.    Как осуществить поиск информации в Интернете с помощью браузера?

4.    Что такое web-страница?

5.    Что такое сайт?

6.    Этапы создания web-страницы?

7.    Как создать web-страницу с помощью текстового редактора MS Word?

8.    Как в MS Word непосредственно отредактировать HTML-код?

Скачано с www.znanio.ru