Ирина Эланс

Автор который поможет с любыми образовательными и учебными заданиями

Информатика итоговая аттистация

Муниципальное общеобразовательное учреждение г.Владимира «средняя общеобразовательная школа №31 им.Героя Советского Союза С.Д.Василисина »

Итоговая экзаменационная работа

Разработка информационного сайта по теме:

«Разработка веб – сайта для молодежной телестудии «Пионер» по предмету информатика и ИКТ»

Выполнил: ученик 9 «В» класса

Симонов Олег Владимирович

Научный руководитель: учитель информатики и ИКТ

Виноградова Е.В.

23 апреля 2012 «Владимир»

Содержание:

1.Введение

2.Основная часть

А) Постановка цели и задач

Б) Построение информационной модели

-Сбор и обработка информации

-Структура сайта

-Технология использования сайта

3.Заключение

4.Приложение

5.Список используемой литературы и информационных источников

Введение.

Веб - Сайт (от англ.website:web-«паутина, сеть» и site –«место», буквально «место, сегмент, часть в сети » )-совокупность электронных документов частного лица или организации в компьютерной сети, обьедененных под одним адресом. Именно из Веб – Сайтов состоит интернет.

На данный момент Интернет является самым сильным конкурентом телевиденья в информационной войне .

Объем информации размещенный на веб – сайтах значительно больше и долговечней чем на телеканалах, и по- этому каждый уважающий себя канал или телестудия ставит задачу продвинуть свой проект во всемирной паутине. Сейчас же в сетях «информационного моря» появились отдельные телеканалы , которые преуспевают в этом деле не меньше тех ,что работают на теле экранах.

Так- же и молодежная телестудия « Пионер» ставила эту задачу довольно давно . Так как я являюсь учеником этой студии ,я решил взяться за исполнение этой «миссии».

Представленный мною проект является оффлайновой версией сайта молодежной телестудии «Пионер».

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

Основная часть

А) Постанова целей и задач:

Главной моей целю было сделать веб - сайт, который подходил бы под определенные требования:

-Простота навигации

-Яркий дизайн

-Полнота содержания

-Возможность связи со студией

Для реализации этой цели я поставил следующие задачи:

а ) Сбор информации

б ) Систематизация информации

в ) Создание дизайна сайта

г ) Изучение литературы

Б) Построение информационной модели:

1 Сбор и обработка информации:

Всю предоставленную мне информацию о молодежной телестудии «Пионер»

я разбил на 7 блоков

История студии - краткая история телестудии «Пионер»
Команда - основной состав студии
Фото - хранилище фотографий показывающих жизнь коллектива
Видео – эфирные варианты наших программ
История TV –краткая история о создании телевиденья
“Своими руками” – небольшой мастер класс о производстве телевизионного сюжета
Связь с нами- информация о том ,как можно с нами связаться

Структура сайта

МирTV Вконтакте ViKipedia

История TV «Своими руками» Связь с нами

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

Команда фото Видео

Команда 2 страница Фото 2 страница Видео 2 страница

Технология создания сайта

Сайт создавался в программе блокнот с помощью кода HTML с стандартных для этого кода тегов помощью тегов.

<html> Указывает программе просмотра страниц что это HTML документ.

<Head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<Title> Помещает название документа в оглавление программы просмотра страниц

<Body> «тело» страницы.

В начале работы по созданию сайта у меня встал вопрос: как сделать так, что бы на его страницах все было ровно и аккуратно? Ответ пришел сам собой, для этого я использовал тег<Table>,который создаёт таблицу. Поле того как я определился где и что будет находиться ,я активно использовал атрибуты тега <table>. Первым делом я задал цвет и размер линий границы таблицы тегами <border> и <bordercolor>,потом с помощью тегов <tr> и <td> (задают столбцы и строки ) задал размещение информации.

Когда все было размещено- настало время для оформления. В основном для оформления я вставлял в сайт изображения с помощью тега например: <img src="gen4.gif">(Взято с главной страницы «Добро пожаловать» ) . Так же я использовал изображения для перехода на другие страницы с помощью тега <a href >(как на страницы сайта так и на внешние ресурсы).Пример перехода со страницы на страницы с использованием изображения: <a href="is.html" ><img src="bt2.png"></a>. Еще одной важной частью оформления стал фоновый рисунок ,для постановки которого был использован тег<background> .

Для выборов размеров и стиля текста я выбрал теги <h>(используется для выбора размеров заголовков, но мне он показался удобным и для обычного текста) и <i>(курсивный шрифт) так же я использовал тег <p> для абзацного членения. Для того чтобы задать расположения текста ,и остальных элементов страницы, я использовал тег <align>(задаёт расположение элементов)

Теперь непосредственно по мультимедия. Гиперсылки в форме картинок были созданы на сайте www.giiif.ru , в котором можно создать картинки для сайтов на любой вкус .Для вставки в сайт видео я сгенерировал на внешних интернет ресурсах специальный код предназначенный специально для вставки на сайт.

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

Заключение

В результате своей работы , создал информационный мультимедийный проект – Веб –сайт для молодежной телестудии «Пионер». Сайт содержит информацию о наших программах, о истории студии, её команде и о том ,как можно с ней связаться.

Продукт полностью соответствует поставленным ранее задачам и возможно , через некоторое время, займет свое место в глобальной сети Интернет.

Приложения

В ходе работы я использовал программы:

-Блокнот -Браузер ChromePlus

-Paint -для просмотра видео: Adobe® Flash® Player

-PhotoShope

HTML код

<Html>

<Head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<title>Главная страница</title>

</head>

</table>

</tr>

<tr>

<p>

<p>

<p>

<p>

<p>

<p>

</td>

</center>

</td>

</table>

</body>

</html>

<html>

<head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<title>photo</title>

</head>

<Body>

</table>

</table>

</html>

<html>

<head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<body>

<tr><td><h3><a href="Главная3.html"> <img src="kt1.gif"> </a><a

href="1.4.html"><img src="kt2.gif"> </a><a href="prg.html"><img

src="kt3.gif"></a></td</h3></tr>

</table>

<tr>

</tr>

</table>

</body>

</html>

<Html>

<Head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<title>видео</title>

</head>

</table>

<tr>

<td align="left"><iframe width="420" height="315" src="http://www.youtube.com/embed/Czs3nkOAYqI" frameborder="0" allowfullscreen></iframe></td><td>Состав Программы:

<p>

1 Сюжет о лагере "Олимп"

<p>

2 Кинофорум"Бумеранг"

<p>

3 Маутинбайк

</td>

</tr>

<tr>

<td>Состав программы:

<p>

1 Биатлон

<p>

2 Велосипеды

<p>

3 Орленок

</td>

</tr>

<tr>

<td> Состав программы:

<p>

1 Стритбол на песке

<p>

2 Бокс

<p>

3 КВн г.Ковров

</td>

</tr>

<tr>

<td>Состав программы:

<p>

1 "По уши в пене"

<p>

2 "Музыка и пенсионеры"

<p>

3 Каратэ

</td>

</tr>

<tr>

<td>Состав программы:

<p>

1 Воркаут\WorkOut во Владимире и области.

<p>

2 Показ мод.

<p>

3 Электро-дэнс\ Electro Dance

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 "Девушки потом"

<p>

2 Гимнастика

<p>

3 Ярмарка событийного туризма

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 Electro dance\go-go\strip-plastic

<p>

2 Бой на поясах

<p>

3 Хоккей с шайбой

<p>

4 Подводная охота

</td>

</tr>

</table>

<tr>

</tr>

</table>

</body>

</html>

<Html>

<Head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<title>видео</title>

</head>

</table>

<tr>

<td>Состав программы:

<p>

1 Зимний стритбол

<p>

2 Бокс юниоры

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 Опрос"14 февраля"

<p>

2 История"дня Святого Валентина"

<p>

3 День Петра и Февронии

<p>

4 Печальная история

<p>

5 Мастер класс"Валентики"

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 Фотосушка

<p>

2 Самбо

<p>

3Театр\ Афганские песни

</td>

</tr>

</td>

<tr>

<td>Состав программы

<p>

1Церкви из спичек, мкр. Лесной

<p>

2 Волейбол

<p>

3 Фестиваль афганской песни

<p>

4 Хоккей с шайбой

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 мафия VS компьютеры

<p>

2 "Школа Коньков"

</td>

</tr>

<tr>

<td>Состав программы

<p>

1 карты, игротехника

<p>

2 аниматоры

<p>

3 пионеры

<p>

4 сюжет о фестивале

<p>

5 экскурсия по городу

</td>

</tr>

</tale>

<tr>

</tr>

</body>

</html>

<Html>

<Head>

<style>

body {background:url(fone21.jpg)fixed center center;}

</style>

<title>Своими руками</title>

</head>

<tr><td><h3><a href="Главная3.html"> <img src="kt1.gif"> </a><a

href="prg.html"><img src="kt3.gif"> </a><a href="photo.html"><img

src="kt4.gif"><a href="1.4.html"><img src="kt2.gif">

</a></a></td</h3></tr>

</table>

<i allign="left"><h2>Здесь я расскажу вам, как сделать новостной

сюжет в домашних условиях . Итак, начнем.

Что вам понадобиться :

1 камера. Камера (не обязательно профессиональную ,или

полупрофессиональную –хватит обычной мыльницы)

<p>

2 компьютер с программой для монтажа (adobe .premiere. pro или, на

крайний случай, movie maker )

<p>3.Смекалка ,фантазия, смелость .

<p>

Далее нужно выбрать тему сюжета и площадку для съёмки ,внимание заранее

предупредите организаторов о вашем визите, иначе рискуете вылететь за

дверь.

<p>Когда придете на площадку ведите себя скромно и старайтесь заставить

людей забыть о вас(ибо человек не помнящий о камере смотрится в кадре

намного живее ) Как так сделать? Одним из главных составляющих этого

Информатика итоговая аттистация 📙 Реферат → 🆔 102924