Лабораторная работа №5

Тема: «Создание html-документа

с помощью редакторов гипертекста».

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

Оборудование и программное обеспечение: ПК, ОС Windows XP, Internet Explorer, текстовый редактор Блокнот.

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

Создание гиперссылки на текст:

Графическая ссылка:

</A>

Ход работы:

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

Обязательные страницы:

ü Главная страница;

ü Об авторе;

ü Моя школа;

ü Мой класс;

ü Моя будущая профессия.

2. Добавьте на ваши страницы следующие изображения, используя различные значения параметров тега <IMG>.

3. Сохранить этот документ под любым именем с расширением .htm в папке RABOCHLAB в директории HTMLLAB.

Листинг html-программы:

Главная страница:

<html>

<head>

<title> Рассказ обо мне...</title>

</head>

<h1> Рассказ обо мне... </h1>

<LI> <A href='C:\Documents and Settings\User\Рабочий стол\гиперссылки № 5\об авторе.html'> Об авторе </a> </LI>

<LI> <A href='C:\Documents and Settings\User\Рабочий стол\гиперссылки № 5\моя школа.html'>Моя школа </a> </LI>

<LI> <A href='C:\Documents and Settings\User\Рабочий стол\гиперссылки № 5\мой класс.html'>Мой класс </a> </LI>

<LI> <A href='C:\Documents and Settings\User\Рабочий стол\гиперссылки № 5\моя будущая профессия.html'>Моя будущая профессия </a> </LI>

</UL>

</body>

</html>

Страница 2 (об авторе):

<html>

<head>

</head>

<h1> Об авторе

</h1>

Меня зовут Тарас. Мне семнадцать лет. Я учусь в 11-м классе. Кроме меня в семье еще два ребенка - мой старший брат Олег и младшая сестренка Мария. Олегу 21 год, он ходит в университет. Он будет дантистом. Марии еще только двенадцать, она еще школьница. Я забыл упомянуть еще одного члена нашей семьи. Это - наш любимый пудель Тим.

Мои родители еще совсем не старые. Моей маме сорок, она работает в газете. Моему папе - сорок четыре, он работает инженером ЭВМ. Мои родители очень любят свои профессии.

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

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

Мои бабушка и дедушка уже на пенсии. Им нравится заниматься на приусадебном участке, они проводят там все свое время, выращивая помидоры, картошку, лук, клубнику, малину.

</body>

</html>

Страница 3 (Моя школа):

<html>

<head>

<title> Моя школа</title>

</head>

<h1> Моя школа </h1>

Когда человек взрослеет, он понимает, что есть некоторые необходимые вещи и места, к которым всегда хочется возвращаться. Это такие вещи, как родина, родной дом и школа.

Моя школа - это трехэтажное здание, расположенное в жилых кварталах нашего города. Туда ходили все дети, живущие по соседству, потому что туда можно дойти пешком. За зданием школы есть спортплощадка, а перед школой зеленая лужайка с клумбами.

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

Наш класс был на втором этаже, окна выходили на школьный двор. В одном только нашем классе был классный руководитель. Он оказался очень добрым и знающим учителем, который не жалел времени, чтобы водить нас в интересные места и на выставки. Он был учителем русского языка и литературы. Мы его очень уважали.

</body>

</html>

Страница 4 (Мой класс):

<html>

<head>

<title> Мой класс</title>

</head>

<h1> Мой класс </h1>

Мне очень нравится учиться. Моя любимая пословица: "Век живи, век учись". Мне бы очень хотелось рассказать о нашей школьной жизни...

В одном только нашем классе был классный руководитель. Он оказался очень добрым и знающим учителем, который не жалел времени, чтобы водить нас в интересные места и на выставки. Он был учителем русского языка и литературы. Мы его очень уважали.

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

У меня есть лучший друг в классе. Его зовут Вова. Мы с ним сидим за одной партой. Мы вместе учимся уже 10 лет. Я рад, что у меня есть такой друг, которому я могу доверить все, он всегда меня поддерживает, а я его. Он, как и я, любит играть в баскетбол, поэтому мы вместе ходим на тренировки. Мы практически никогда не ссоримся, потому что дорожим нашей дружбой. У нас очень хорошие взаимоотношения со всем классом. И каждый день просто приятно приходить в школу.

</body>

</html>

Страница 5 (Моя будущая профессия):

<html>

<head>

<title> Моя профессия</title>

</head>

<h1> Моя будущая профессия </h1>

Я хочу быть переводчиком. Это интересная и полезная профессия.

У моих родителей большая библиотека, и они научили меня любить книги. Мне очень нравится читать. Мои любимые предметы в школе - английский, литература, география и история. Мои любимые писатели - Шекспир, Диккенс, Вальтер Скотт, Джек Лондон, Марк Твен.

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

Я хочу стать переводчиком по нескольким причинам. Это интересная профессия, потому что переводчик все время встречается с людьми из разных стран и культур и имеет возможность многое о них узнать. Кроме этого,та професси очень полезна, так как помогает людям понять друг друга.

</body>

</html>