- •Практикум к разделу 4.2. Глобальные компьютерные сети
- •Работа 4.2.1. Создание ftp-аккаунта на бесплатном хостинге
- •Работа 4.2.2. Работа с тематическими каталогами в Internet
- •Работа 4.2.3. Поиск информации в Internet
- •Работа 4.2.4. Скачивание файлов из Internet с использованием менеджера загрузки. Использование файлообменников
- •Работа 4.2.5. Работа с электронной почтой с помощью программы электронной почты
- •Чтение почты
- •Создание и отправка сообщения
- •Работа 4.2.6. Создание почтового ящика на бесплатном почтовом сервере
- •Работа 11.7. Использование ftp-менеджера для закачивания файлов на Web-сервер
- •Работа 4.3.1. Создание простейшего Web-сайта по образцу
- •Работа 4.3.2. Создание Web-сайта по образцу с использованием гиперссылок
- •Работа 4.3.3. Создание Web-сайта по образцу с использованием таблицы
- •Работа 4.3.4. Разработка простейшего сайта на языке html
- •Работа 4.3.5. Разработка сайта на языке html с использование таблиц и списков
- •Работа 4.3.6. Разработка сайта на языке html с использование графики
- •Работа 4.3.7. Разработка сайта с применением основных законов Web-дизайна
- •Работа 4.3.8. Создание Web-сайта с использованием конструктора сайтов
- •Работа 4.3.9. Создание Web-сайта на заданную тему
Работа 4.3.2. Создание Web-сайта по образцу с использованием гиперссылок
Цель работы: Создание Web-сайта по образцу с использованием гиперссылок
ЗАДАНИЕ
1. Запустите текстовый редактор Блокнот
2. Наберите по образцу текст на языке HTML:
<HTML>
<HEAD>
<TITLE> Страничка Компьютерной школы ПГУ</TITLE>
</HEAD>
<BODY bgcolor=yellow link=green vlink=red
<CENTER>
<FONT color=navy size=7>Компьютерная школа ПГУ </FONT>
<BR>
<BR>
<FONT size=5>
<A HREF="history.htm">История создания</A><BR><BR>
<A HREF="prepod.htm">Преподаватели</A><BR><BR>
</FONT>
</CENTER>
</BODY>
</HTML>
3. Сохраните файл под именем index.htm
4. Откройте созданный файл в браузере и проверьте работоспособность всех гиперссылок.
5. В случае ошибок – внесите исправления в файл, сохраните изменения и обновите страницу в браузере.
6. Добавьте на страницу еще одну гиперссылку на файл kurs.htm (название гиперссылки – «Курсы»).
7. Сохраните изменения и обновите страницу в браузере. Проверьте, работает ли созданная гиперссылка
Примечание для преподавателя. Перед началом работы в рабочий каталог необходимо с компакт-диска скопировать файлы history.htm, prepod.htm и kurs.htm.
Работа 4.3.3. Создание Web-сайта по образцу с использованием таблицы
Цель работы: Создание Web-сайта по образцу с использованием таблицы
ЗАДАНИЕ
1. Запустите текстовый редактор Блокнот
2. Наберите по образцу текст на языке HTML:
<HTML>
<TITLE>Ученики 8а </TITLE>
<BODY>
<BR>
<TABLE border=2 cellpadding=5
cellspacing=2 width="60%"
bgcolor=green align=center>
<CAPTION align=center valign=top>
<FONT face=Arial size=+2 color=navy>
Оценки учеников
8а класса</FONT></CAPTION>
<TR bgcolor=teal>
<TH width="40%" rowspan = 2>фамилия </TH>
<TH width="20%" rowspan = 2 >четверть </TH>
<TH width="40%" colspan=2>оценка </TH>
</TR>
<TR bgcolor=teal>
<TH width=20%>физика </TH>
<TH width=20%>химия </TH>
</TR>
<TR align=center >
<TD rowspan=2><i>Петров </i></TD>
<TD>1</TD>
<TD><font color=white>5</font></TD>
<TD><font color=white>4</font></TD>
</TR>
<TR align=center >
<TD>2</TD>
<TD><font color=white>4</font></TD>
<TD><font color=white>4</font></TD>
</TR>
<TR align=center >
<TD rowspan=2><i>Иванов</i></TD>
<TD>1</TD>
<TD><font color=white>3</font></TD>
<TD><font color=white>4</font></TD>
</TR>
<TR align=center>
<TD>2</TD>
<TD><font color=white>3</font></TD>
<TD><font color=white>3</font></TD>
</TR>
</TABLE>
</BODY>
</HTML>
3. Сохраните файл под именем table.htm
4. Откройте созданный файл в браузере.
5. В случае ошибок – внесите исправления в файл, сохраните изменения и обновите страницу в браузере.
6. Добавьте в таблицу сведения об ученике Орлове (оценки поставьте произвольно).
7. Сохраните изменения и обновите страницу в браузере. Проверьте, все ли внесенные изменения сработали.
УРОВЕНЬ 2: задания на самостоятельную работу
Работа 4.3.4. Разработка простейшего сайта на языке html
Цель работы: Разработка сайта с использованием тегов форматирования текста и гиперссылок
ЗАДАНИЕ
Создать Web-сайт «Моя домашняя страница», состоящий из четырёх страниц. Примерное содержание сайта (допускается использование собственного текста, но его объем не должен быть меньше образца).
Страница 1
Заголовок окна: Домашняя страница Петрова Андрея
Заголовок страницы: Домашняя страница Петрова Андрея (шрифт Verdana, размер 6, выравнивание по центру),
Гиперссылки (на страницу 2, страницу 3 и страницу 4):
- О себе
- Мои родители
- Мои друзья.
Примечание. Гиперссылки должны располагаться по центру столбиком (друг под другом). Расстояние от заголовка до первой гиперссылки – 3 пустых строки. Между гиперссылками вставить по одной пустой строке. Шрифт для гиперссылок – Arial, размер - 4.
Страница 2
Заголовок окна: Домашняя страница Петрова Андрея
Заголовок страницы: О себе (шрифт Verdana, размер 6, выравнивание по центру),
Cодержание:
_________________________________________________________________________
Меня зовут Петров Андрей. Я родился 21 мая 1994 года в городе Перми. В 2001 году пошёл в первый класс школы №59, где и учусь в настоящее время в 7 «б» классе. Мои любимые предметы – математика и история.
Кроме школы увлекаюсь шахматами и плаванием. Люблю читать, гулять с друзьями, смотреть телевизор и играть в компьютерные игры. У меня есть любимая собака Ральф, которой 4 года.
________________________________________________________________________
Примечание. Оба абзаца текста должны быть выровнены по ширине. Шрифт – Comic Sans MS, размер 3.
Страница 3
Заголовок окна: Домашняя страница Петрова Андрея
Заголовок страницы: Мои родители (шрифт Verdana, размер 6, выравнивание по центру),
Cодержание:
_________________________________________________________________________
Мою маму зовут Елена Евгеньевна. Ей 35 лет. Она окончила медицинский институт и работает врачом-педиатром в детской районной поликлинике. Моя мама очень добрая и весёлая.
Моего папу зовут Алексей Юрьевич. Ему 38 лет. У него два высших образования (строительный и экономический факультеты) и в настоящее время он занимается собственным бизнесом в области строительства. Папа у меня строгий, но справедливый.:-)
_________________________________________________________________________
Примечание. Первый абзац текста должен быть выровнен по левой границе, второй – по правой. Шрифт – Arial, размер 3.
Страница 4
Заголовок окна: Домашняя страница Петрова Андрея
Заголовок страницы: Мои друзья (шрифт Verdana, размер 6, выравнивание по центру),
Cодержание:
________________________________________________________________________
У меня много друзей, но самые мои большие друзья – Иванов Кирилл и Орлов Сергей. У нас с ними общие увлечения, поэтому мы много времени проводим вместе. Кирилл старше нас с Сергеем на год и учится в восьмом классе. Мы вместе с ним занимаемся плаванием. Сергей – мой одноклассник и мы часто с ним вместе делаем уроки, играем в шахматы и гуляем во дворе.
_________________________________________________________________________
Примечание. Абзац текста должен быть выровнен по ширине. Шрифт – Comic Sans MS, размер 3.