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>


 

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

7618. Средства обработки БД в СУБД FoxPro 76.5 KB
  Средства обработки БД в СУБД FoxPro. Синтаксис и семантика основных операторов. SELECT 0 Выбрать свободную рабочую область и установить её текущей рабочей областью. Понятие рабочая область в определенном смысле соответствует понятию о...
7619. Потоковые функциональные SADT/IDEF0-диаграммы 40.5 KB
  Потоковые функциональные SADT/IDEF0-диаграммы. Базовые элементы языка. Действие(процесс) Поток данных Принципиальной особенностью языка SADT-диаграмм является наличие строгой интерпретации у каждой из 4-х сторон прямоугольника (блока), ...
7620. Базы данных. Информационные системы, базы данных и системы управления базами данных 1.38 MB
  Базы данных Информационные системы, базы данных и системы управления базами данных. Информационная система (ИС): предназначена для сбора, хранения и обработки информации ориентирована на конечного пользователя - непрограммиста. Конкретн...
7621. Введение в компьютерную графику 126.5 KB
  Введение в компьютерную графику Определение и основные задачи компьютерной графики. Области применения компьютерной графики. История развития компьютерной графики. Виды компьютерной графики. Определение и основные задачи компьютерной графики При обр...
7622. Аппаратное обеспечение компьютерной графики 191.5 KB
  Аппаратное обеспечение компьютерной графики Устройства вывода графических изображений, их основные характеристики. Мониторы, классификация, принцип действия, основные характеристики. Видеоадаптер. Принтеры, их классификация, основные характеристики ...
7623. Представление графических данных 171 KB
  Представление графических данных Форматы графических файлов. Понятие цвета. Зрительный аппарат человека, для восприятия цвета. Аддитивные и субтрактивные цвета в компьютерной графике. Понятие цветовой модели и режима. Закон Грассмана. Пиксельная глу...
7624. Фрактальная графика 306 KB
  Понятие фрактала и история появления фрактальной графики. Понятие размерности и ее расчет. Геометрические фракталы. Алгебраические фракталы. Системы итерируемых функций. Стохастические фракталы. Фракталы и хаос. Понятие фрактала ...
7625. Растровая графика, общие сведения 134.5 KB
  Растровая графика Растровая графика, общие сведения. Растровые представления изображений. Виды растров. Факторы, влияющие на количество памяти, занимаемой растровым изображением. Достоинства и недостатки растровой графики. Геометрические характерист...
7626. Векторная графика, общие сведения 173.5 KB
  ВЕКТОРНАЯ ГРАФИКА Векторная графика. Объекты и их атрибуты. Структура векторной иллюстрации. Достоинства и недостатки векторной графики. Пиксель. Битовая глубина, определение числа доступных цветов в компьютерной графике. Элементы (объекты) векторно...