Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Практическая работа №1. Настройка программы-браузера.

Стр 1 из 3Следующая ⇒

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

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

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

Практическая работа №8. Создание простейшей веб-страницы.

Цель работы: Знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML

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

HTML — это теговый язык разметки документов. Элементы — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. Тег — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/". Атрибуты элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.

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

Тип документа

<HTML></HTML>

Начало и конец файла

арибуты

Имя документа

Должно быть в заголовке

Заголовок

Описание документа

Тело

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

Оформление тела Веб-страницы

Атрибут	Действие	Значения атрибута
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 предложений).

Форматирование

Заголовки <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>

Самостоятельно создайте Веб-страницу, на которой будет изображен текст в следующем виде:

Методика освоения новых программ

Знакомство с примерами, шаблонами и образцами документов.

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

Эксперименты с пробными документами.

Цель эксперимента – проверка действия команд редактирования.

Вариант 1

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

1. Что такое Web-страница и какие существуют способы ее создания?

2. Дайте определения следующим терминам языка HTML: тег, фрейм.

3. Как задать цвет текста, цвет фона, цвет гиперссылки?

4. Как вставить в документ HTML фоновый рисунок?

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

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

2. Откройте поисковый сервер http://www.yandex.ru.

3. в рамках данного сервера найдите информацию по одной из тем:

1. дикие животные,

2. современное искусство,

3. астрономия.

4. Сохраните в своей папке 2-3 текстовых страницы, 2-3 картинки, анимационное изображение.

5. Создайте в редакторе Блокнот простейший документ HTML.

6. Сделайте две копии этого документа.

7. Вставьте в первую Web-страницу фоновый рисунок, графическое изображение, анимацию, немного текста.

8. Вставьте во второй документ HTML ссылки на адрес в Интернете и E-mail, цветной фон и горизонтальную линию.

9. Создайте третий документ HTML, содержащий таблицу (2 строки, 3 столбца), гиперссылку на первую и вторую страницу.

10. Графический и текстовый материал возьмите на образовательных сайтах Интернет.

Вариант2.

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

1. Какова общая структура документа HTML?

2. Дайте определения следующим терминам языка HTML: гиперссылка, скрипт.

3. Как вставить в документ HTML графическое изображение?

4. Как создать гипертекстовую ссылку в виде текста или картинки в документе HTML?

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

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

2. Откройте поисковый сервер http://www.rambler.ru.

3. в рамках данного сервера найдите информацию по одной из тем:

1. история России,

2. компьютеры,

3. физическая география.

4. Сохраните в своей папке 2-3 текстовых страницы, 2-3 картинки, анимационное изображение.

5. Создайте в редакторе Блокнот простейший документ HTML.

6. Сделайте две копии этого документа.

7. Вставьте в первую Web-страницу фоновый рисунок, графическое изображение, анимацию, немного текста.

8. Вставьте во второй документ HTML ссылки на адрес в Интернете и E-mail, цветной фон и горизонтальную линию.

9. Создайте третий документ HTML, содержащий таблицу (3 строки, 2 столбца), гиперссылку на первую и вторую страницу.

10. Графический и текстовый материал возьмите на образовательных сайтах Интернет.

Приложение 1.

Рекомендации к созданию веб-страниц.

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

1. Содержание документа более важно, чем его внешний вид. Во-первых, оно должно быть интересным. Во-вторых, содержание веб-страницы или групп веб-страниц должно быть связано логически. Для этого нужна хорошо продуманная система ссылок.

2. Страница должна быть представлена так, чтобы её удобно было просматривать:

1. Меню должно быть ярко выделено.

2. Большие фрагменты текста должны быть тёмными и располагаться на светлом фоне.

3. На экране легче читается шрифт без засечек (Arial, Tahoma, sans-serif).

4. Ширина текстовой колонки не должна быть большой.

5. Текст, расположенный на одной странице должен быть связанным.

3. Не стоит злоупотреблять различными элементами оформления (анимацией, графикой, бегущими строками, замысловатыми шрифтами и фонами). Это может отвлекать читателя от основного содержания.

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

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

6. Большое количество полезных, работающих гиперссылок и однозначно определяющих то место, куда они указывают, помогут пользователю задержать своё внимание на вашем сайте.

7. Оформление сайта должно соответствовать определённому стилю.

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

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

10. Важный вопрос выбора доменного имени сайта.
Идеальное имя для сайта:

· www.------.ru, если вы ориентированны на Россию.

· www.------.com, если вы ориентированны на весь Интернет.

· www.------.org, если вы ориентированны на весь Интернет и у вас не коммерческая организация.

11. Обязательно протестируйте ваш сайт, как он смотрится в различных браузерах и при различном разрешением экрана.

Приложение 2.

Полезные веб-ресурсы.

Создание сайтов, html.

http://www.machaon.ru/digest/beght_r1.html

http://www.internet-technologies.ru/

http://html.manual.ru/

http://www.postroika.ru/

http://www.citforum.ru/programming/khramtsov/html.shtml

http://www.citforum.ru/internet/html/refer.shtml

http://www.webotdel.ru/

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

http://progmaster.org/

http://www.comprog.ru/

http://lib.ru/CTOTOR/

http://baskunchak.com/

http://www.delphisources.ru/

http://num-meth.srcc.msu.ru/

http://www.gcmsite.ru/

http://www.ishodniki.ru/

Устройство и принцип работы компьютера.

http://www.ssga.ru/metodich/microproces/content.html

http://orel.fio.ru/education/methods/Pk_internet/SostPk.htm

Компьютерная графика.

http://graphics.cs.msu.su/

Электронные библиотеки.

http://thelib.ru

http://bookz.ru

Практическая работа №1. Настройка программы-браузера.

Цель работы: освоение основных возможностей программы-браузера Internet Explorer.

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

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

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

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

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

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

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

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

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

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

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

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

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