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>


 

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

46779. Индустриализация и коллективизация 30.17 KB
  Объясняла кризис просчетами партийно-государственного руководства неверной налоговой ценовой инвестиционной политикой выступала против применения чрезвычайных мер весной 1929 года за стабилизацию положения в сельском хозяйстве на основе рыночных методов постепенное развертывание крупных коллективных зерновых хозяйств сравнительно умеренные темпы индустриализации на основе сбалансированного подъема тяжелой и легкой промышленности маневрирование и др. считали кризис неизбежным результатом ускоренной индустриализации при отсутствии...
46780. Государственное регулирование рыночной экономики 32.09 KB
  Многовековой опыт рыночного хозяйствования развитых стран мира многими интерпретируется как последовательное воплощение принципа свободы предпринимательства. И как аксиома предполагается предпочтительность экономического порядка
46781. Защита экологических прав граждан в судах общей юрисдикции 30.25 KB
  Особенности правового режима животного мира Юридическое понятие животного мира определено в Федеральном законе О животном мире. Отношения в области охраны и использования объектов животного мира содержащихся в полувольных условиях или искусственно созданной среде обитания в целях сохранения ресурса и генетического фонда объектов животного мира и в иных научных и воспитательных целях регулируются названным Федеральным законом другими федеральными законами и иными нормативными правовыми актами РФ а также законами и нормативными правовыми...
46783. Экономический рост – обобщающий результат функционирования национальной экономики 31.64 KB
  Экономическая наука выделяет два основных типа экономического роста: экстенсивный и интенсивный. Главное здесь совершенствование технологии производства повышение основных факторов производства. В экономической теории существуют два основных типа равновесных моделей экономического роста: неоклассические и неокейнсианские. В макроэкономической теории выделяются два основных типа равновесных траекторий экономического роста: устойчивые и неустойчивые.
46786. Imperative sentences 30.5 KB
  Impertive sentences express commnds which convey the desire of the speker to mke someone generlly the listener perform n ction. Besides commnds proper impertive sentences my express prohibition request n invittion wrning persusion etc. Be quick Formlly commnds re mrked by the predicte verb in the impertive mood positive or negtive the reference to the second person lck of subject nd the use of the uxiliry do in negtive in emphtic sentences with the verb to be. Commnds re generlly chrcterized by the flling tone lthough the rising...