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

Муниципальное общеобразовательное учреждение  г.Владимира «средняя общеобразовательная школа №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>

<body bgolor text ="Black">

<table align="center" border=0 width=100% bordercolor="red" >

<tr><td></td><td><h2 align="center"> <img src="gen4.gif"></td>

</table>

<table  align="center" border=0 width=100% bordercolor="red">

</tr>

<tr>

<td valign=top width=25%>

<a href="is.html" ><img src="bt2.png"></a>

<p>

<a href=1.4.html><img src="bt3.png"></a>

<p>

<a href="photo.html"><img src="bt1.png"></a>

<p>

<a href="prg.html"> <img src="bt4.png"></a>

<p>

<a href="it.html"><img src="bt5.png"></a>

<p>

<a href="sr.html"><img src="bt6.png"></a>

<p>

<a href="obs.html"><img src="bt7.png"></a>

</td>

<td width=80%>

<center>

<img src="на-главную.gif" >

</center>

</td>

</table>

</body>

</html>

<html>

<head>

<style>

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

</style>

<title>photo</title>

</head>

<Body>

<table  border=0 bordercolor="red"  >

<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>

<table align="center" border=0 bordercolor="red" >

<tr><td><h3> <Img src="1341.jpg"> </td></h3></tr>

<tr><td><h3><Img src="1341.2.jpg"></td></h3></tr>

<tr><td><h3><Img src="1341.3.jpg"></td></h3></tr>

<tr><td><Img src="1341.4.jpg"></td></tr>

<tr><td><Img src="1341.5.jpg"></td></tr>

<tr><td><Img src="1341.6.jpg"></td></tr>

<tr><td><Img src="1234.jpg"></td></tr>