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>


 

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

57757. Населення України 89.5 KB
  Актуалізація опорних знань та вмінь учнів План на мультимедійній дошці Кількість населення. Природний рух населення. Статевовікова структура населення.
57758. Запліднення. Будова насінини 52.5 KB
  Мета уроку: ознайомити учнів із процесом запліднення у квіткових рослин; розкрити його біологічне значення; дослідним шляхом ознайомити із будовою насінини на прикладі пшениці і квасолі...
57759. Фізика і хімія - науки, що визначають сучасний науково – технічний прогрес 50.5 KB
  Мета уроку: розкрити величезне визначальне значення наук фізики та хімії в розв’язанні глобальних проблем сучасності: енергетичної, продовольчої, технічної, проблеми збереження миру в усьому світі...
57760. Робота з рухомою картою зоряного неба 149.5 KB
  Рухома карта складається з двох частин: рухомого диска (зоряної карти), який може обертатись навколо вісі, що проходить через його центр, і нерухомо розташованого над ним накладного круга.
57761. Изучение звёздного неба 95 KB
  Цели урока: Создать условия для: изучения созвездий наблюдения интересных объектов в этих созвездиях отработки навыков уверенного нахождения созвездий и самых ярких звёзд северного неба...
57762. Розв’язування нерівностей з однією змінною 114.5 KB
  Мета: відтворити знання про лінійні нерівності з однією змінною; удосконалювати вміння учнів розвязувати нерівності з однією змінною формувати навички самостійної роботи...
57763. Решение иррациональных неравенств 1.41 MB
  Формировать умения и навыки решения иррациональных неравенств различными способами. Формировать социальную компетентность: предоставлять учащимся возможность проявлять инициативу.
57764. Der Gemüsegarten 38.5 KB
  Практична: ввести лексичні одиниці за темою уроку та тренувати їх вживання в усному та писемному мовленні, закріпити вживання сильних дієслів у теперішньому часі на прикладі дієслова essen.
57765. Текст-переклад. Бінарний урок з інформатики та англійської мови 143.5 KB
  А зараз давайте пригадаємо пристрій, який допоможе нам друкувати текст. Називається він?(клавіатура). На клавіатурі знаходиться багато клавіш. Це алфавітно-цифрове поле (демонструється малюнок клавіатури).