50782

Подготовка графических объектов к публикации

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

Информатика, кибернетика и программирование

Цель: Научиться размещать графические элементы на web-странице. Управлять свойствами графических объектов при помощи атрибутов. Задание 1. Создать web-страницу на которой разместить 10 графических объектов определенной тематики. Допускается использовать таблицы для форматирования рисунков.

Русский

2014-01-30

35 KB

6 чел.

Лабораторная работа 70

Тема: Подготовка графических объектов к публикации

Цель: Научиться размещать графические элементы на web-странице. Управлять свойствами графических объектов при помощи атрибутов.

Задание 1. Создать web-страницу на которой разместить 10 графических объектов определенной тематики. Допускается использовать таблицы для форматирования рисунков.

<html>
<head>
<title>
Жанры аниме</title>
</head>
<body>

<table border=2>
<tr align="middle">
<td  colspan="2"><h1>
Жанры аниме<h1></td>
</tr>

<tr>
<
td ><h1 align=Center>Фэнтези<h1>
<h3>Действие аниме этого жанра обычно происходит в других мирах.
Могут присутствовать мифические народы, магия и волшебство.</h3></
td>
<
td><img src="1.jpg"</td></tr>

<tr>
<
td ><h1 align=Center>Научная фантастика<h1>
<h3>В сюжетах обычно используется техника,
не существующая на данный момент.
Действие происходит в будущем, или в ином мире,
отличающемся от нашего высоким развитием технических достижений. </
h3></td>

<
td><img src="2.jpg" wigth=260 height=386</td></tr>
<
tr><td ><h1 align=Center>Мистика<h1>
<h3>Жанр аниме действие которого связанно с взаимодействием  
людей и различных таинственных сил.
Последние не поддаются однозначному
научному описанию, чем отличаются, скажем,
от магии в фентези. Отношения с ними обычно связаны с
различными моральными проблемами.  

 </h3></td>
<td><img src="3.jpg" wigth=260 height=386</td></tr>
<tr><td ><h1 align=Center>
Повседневность<h1>
<h3>
Аниме, описывающее повседневную
жизнь обычных японцев(обычно-среднего класса)
со всеми ее радостями и бедами.</h3></
td>

<td><img src="4.jpg" wigth=260 height=386</td></tr>

<tr><td ><h1 align=Center>Космическая опера<h1>
<h3>
Разновидность НФ-аниме, концентрирующаяся
на войнах, проходящих с активным использованием аниме.</h3></td>
<td><img src="5.jpg" wigth=260 height=386</td></tr>

<tr><td ><h1 align=Center>Киберпанк<h1>
<h3> Жанр, рассказывающий о высоких технологиях,
хакерах, биотехнологиях и т.д. Вообще о кибер-будущем,
иногда с пост-апокалиптическими элементами. 
</h3></td>

<td><img src="6.jpg" wigth=260 height=386</td></tr>

<tr><td ><h1 align=Center>Меха<h1>
<h3>
Аниме с БОЛЬШИМИ РОБОТАМИ</h3>
</td><td><img src="7.jpg" wigth=260 height=386</td></tr>

<tr><td ><h1 align=Center>Пост-апокалиптика
<h1> <h3>
Действие разворачивается в мире,
пережившем какую-либо катастрофу.</h3></td>
<td><img src="8.jpg" wigth=260 height=386</td></tr>

<tr><td ><h1 align=Center>Сэнтай<h1>
<
h3>Это не жанр как таковой. Сэнтай означает «команда»,
т.е. обычно главных героев несколько, хотя,
конечно, есть «самый-самый главный».</h3>
</
td><td><img src="n.jpeg" wigth=260 height=386</td></tr>

</table></body>
</html>

Задание 2.Создать меню на которое поместить 4 кнопки меняющиеся в зависимости от действия пользователей.

<script type="text/javascript">
function nazad(){
history.back(1);};
function.vpered(){
history.go(1);}
</script>
</head>

<body bgcolor="#CCFFCC">
<h1 align=center>
Поливода Лев</h1>
<table  width="75%" border=3 align=center><tr>

<td><p align=center><a href="frends.html">
<img src="frendnetr.jpg"
onmouseover="this.src='frendact.jpg'"
onmouseout="this.src='frendnetr.jpg'"
onmousedown="this.src='frendisp.jpg'">
</a> </p></td>

<td><p align=center><a href="музыка.html">
<img src="musicnetr.jpg"
onmouseover="this.src='musicact.jpg'"
onmouseout="this.src='musicnetr.jpg'"
onmousedown="this.src='musicisp.jpg'">
</a></p></td>

<td><p align=center><a href="foto.html">
<img src="fotonetr.jpg"
onmouseover="this.src='fotoact.jpg'"
onmouseout="this.src='fotonetr.jpg'"
onmousedown="this.src='fotoisp.jpg'">
</a></p></td>

<td><p align=center><a href="stix.html">
<img src="stixnetr.jpg"
onmouseover="this.src='stixact.jpg'"
onmouseout="this.src='stixnetr.jpg'"
onmousedown="this.src='stixisp.jpg'">
</a></p></td></tr></table>

Задание 3.Поместить на отдельную страницу меню загрузки файлов.

<html>
<
head>
<
title>Сайт</title>
</
head>
<
body>
<
ul>
<
li><a href="Главная.html">Главная</a>
<
li><a href="Жанры аниме.html" target="nach">Жанры аниме</a>
</body>
</html>


 

А также другие работы, которые могут Вас заинтересовать

54759. Мягкий знак после шипящих на конце существительных женского рода 46 KB
  Цели урока: Познакомить учащихся с правописанием мягкого знака на конце существительных женского рода 3 склонения. Закреплять и развивать умения и навыки в определении падежей и склонения имен существительных, правописания слов с безударными гласными непроверяемых ударением. Развивать умения работать самостоятельно, делать выводы, рассуждать, получать новые знания. Воспитывать усидчивость, любовь к родному языку, старательность.
54760. Сочинение по картине А. К. Саврасова «Грачи прилетели» 112.5 KB
  Сегодня на уроке мы познакомимся с картиной Алексея Кондратьевича Саврасова Грачи прилетели и будем учиться писать сочинение по этой картине. Какие чувства вызывает у вас эта картина Выслушиваются ответы учащихся Почему картина называется Грачи прилетели История создания картины Первоначальные этюды к картине Грачи прилетели А.
54761. Правила поведения хозяина при приёме гостей и культура гостя 67.5 KB
  Правила поведения хозяина при приёме гостей и культура гостя. Таблички: Хозяин дома должен быть щедрым добрым вежливым. Хозяин дома должен быть приветливым. Хозяин дома должен уметь занять своих гостей.
54762. РОЛЬ ТЕЛЕВИДЕНИЯ В ЖИЗНИ ПОДРОСТКА 108.5 KB
  Good morning, my dear pupils! Good morning, our guests! Today we are having quite an unusual lesson. You see a lot of new faces. But I hope that you’ll feel comfortable at this lesson and together we’ll try to make our lesson useful and interesting. Are you ready for work? Let’s start our English lesson. How are you today? Mary, you look so sad, what’s the matter?
54763. Архитектура ПК 138 KB
  Цель: Овладение принципами действия информационными связями и взаимным соединением основных логических узлов компьютера ознакомление с особенностями построения структуры схемы компьютера. Оборудование: проектор раздаточный материал Образовательные задачи Развивающие задачи Воспитательные задачи...
54764. Энергетические установки подвижного состава 16.46 MB
  Насос работает следующим образом. Масло поступает в подводящий канал А в корпусе насоса и заполняет впадины между зубьями шестерён. При вращении валика ведущая шестерня вращает ведомую.