Открытое практическое занятие - Разработка персональной страницы и размещение ее в сети Internet

Подождите немного. Документ загружается.

ТИЭИ каф. ИТ

ТУЛЬСКИЙ ИНСТИТУТ ЭКОНОМИКИ И ИНФОРМАТИКИ

Кафедра информационных технологий

Задание

по дисциплине

“Информатика и программирование”

“Разработка персональной страницы и размещение ее в сети Internet”

Выполнил ст. гр. ТоПИвЭ-10 И.И. Иванов

Проверил проф. каф. ИТ А.А. Ильин

Тула – 2010

ТИЭИ каф. ИТ

ЗАДАНИЕ (Вариант № 1)

Разработать Web-сайт персональной страницы Ильина Анатолия Алек-

сандровича, содержащей информацию

• общие сведения;

• основные научно-методические труды;

• защитившиеся соискатели;

• материалы для студентов;

• на странице “общие сведения” реализовать счетчик посещений.

Страницы сайта должны включать

¾ таблицы;

¾ изображения (в виде статических и анимационных рисунков);

¾ управление сценариями просмотра (на основе JavaScript или Web-

приложений);

¾ счетчик посещений реализовать на PHP или в виде любого другого

Web-приложения;

¾ визуальные компоненты форм.

Разместить сайт в сети Internet на бесплатном хостинге.

ТИЭИ каф. ИТ

СОДЕРЖАНИЕ

ЗАДАНИЕ (ВАРИАНТ № 1).................................................................................. 2

ВВЕДЕНИЕ.............................................................................................................. 4

1. РАЗРАБОТКА СТРУКТУРЫ САЙТА НА ОСНОВЕ ФРЕЙМОВОЙ

МОДЕЛИ.................................................................................................................. 4

2. РАЗРАБОТКА МНОЖЕСТВА WEB-СТРАНИЦ САЙТА ............................. 7

2.1. Разработка Web-страницы с информацией “общие сведения”................ 7

2.2. Разработка Web-страницы с информацией об основных научно-

методических трудах......................................................................................... 11

2.3. Разработка Web-страницы с информацией о защитившихся

соискателях......................................................................................................... 18

2.4. Разработка Web-страницы с материалами для студентов...................... 23

3. РАЗМЕЩЕНИЕ САЙТА В СЕТИ INTERNET НА БЕСПЛАТНОМ

ХОСТИНГЕ............................................................................................................ 28

ЗАКЛЮЧЕНИЕ ..................................................................................................... 29

СПИСОК ЛИТЕРАТУРЫ..................................................................................... 30

ТИЭИ каф. ИТ

ВВЕДЕНИЕ

Дисциплина “Информатика и программирование” имеет важное значе-

ние при подготовке специалистов высшего профессионального образования

по специальности “Прикладная информатика (по областям)” [1].

Контрольная работа посвящена важной проблеме разработке Web-

сайта, с помощью которого возможно оперативно представлять информацию

о состоянии и деятельности как организаций, так и отдельных лиц, включая

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

и поставку производимых товаров и

прочие стороны деятельности.

Основная цель контрольной работы по дисциплине “Информатика и

программирование” заключается в получении и закреплении навыков рас-

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

на основе вычислительных систем, телекоммуникаций и сетевых технологий.

Для достижения цели контрольной работы решены следующие задачи:

1) разработана структура

сайта на основе фреймовой модели;

2) для каждого фрейма разработаны множества Web-страниц, включая

JavaScript'ы для управления сценариями просмотра;

3) разработано анимационное изображение летающей бабочки в виде

файла Bab.gif;

4) проработана и реализована задача размещения сайта в сети Internet

на бесплатном хостинге far.ru.

Решение перечисленных задач рассмотрено ниже.

1. РАЗРАБОТКА СТРУКТУРЫ САЙТА НА ОСНОВЕ

ФРЕЙМОВОЙ

МОДЕЛИ

Вопросы разработки сайтов освящены в работах [1, 3 – 5].

В соответствии с заданием сайт должен отражать информацию

• общие сведения;

• основные научно-методические труды;

• защитившиеся соискатели;

ТИЭИ каф. ИТ

• материалы для студентов;

• на странице “общие сведения” реализовать счетчик посещений.

На основе фреймовой модели ему можно предать вид, представленный

на рис. 1 (скриншот сайта в браузере Opera 10.6).

4 5

Рис. 1. Фреймовая модель сайта персональной страницы

Фреймовая модель представлена файлом index.htm, который имеет вид:

<HTML>

<HEAD>

<TITLE>Персональная страница Ильина А.А.</TITLE>

гии, Вузы Тулы, Ильин Анатолий Александрович" />

ТИЭИ каф. ИТ

</SCRIPT>

</HEAD>

</FRAMESET>

</HTML>

Информация о кафедре представляется тремя фреймами:

1. Title (выноска 1), в котором статически отображается информация

об институте, размещенная на Web-странице title_01.htm в виде графического

файла;

2. it (выноска 2), в котором динамически отображается информация,

определенная заданием на контрольную работу, содержащаяся на Web-

страницах main.php, title.htm, pi.htm, new.htm и

3. menu (выноска 3), в котором реализовано меню сайта на основе ви-

зуального

компонента типа список (выноска 4). Просмотр Web-страниц сайта

возможен в двух режимах

a) ручном (когда необходимая Web-страница выбирается в визуальном

компоненте типа список и при необходимости просматривается во фрейме it

с помощью скроллинга по вертикали) и

b) автоматическом (при отметке галочкой визуального компонента

“Автопросмотр” типа CheckBox). При этом все информационные страницы

сайта поочередно

загружаются во фрейм it на время, необходимое для ос-

мысленного просмотра. Если соответствующая Web-страница не помещается

ТИЭИ каф. ИТ

в одном экране, программно реализуется ее скроллинг по вертикали. Осталь-

ными выносками отмечены визуальные компоненты Web-страниц сайта;

4. (выноска 4) визуальный компонент типа выпадающий список для

ручного выбора отображаемой страницы во фрейме с именем it;

5. (выноска 5) визуального компонента “Автопросмотр” типа

CheckBox (описан выше).

Выноской 6 на рис. 1 обозначено анимационное изображение бабочки

программно

перемещаемое по площади фрейма it. Его реализация рассмот-

рена ниже.

2. РАЗРАБОТКА МНОЖЕСТВА WEB-СТРАНИЦ САЙТА

2.1. Разработка Web-страницы с информацией “общие сведения”

Web-страница с информацией “общие сведения” представлена на рас-

смотренном выше рис. 1. Ее HTML-код (файл main.php), включая программ-

ное обеспечение (ПО) на JavaScript представлены ниже

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

<?php

function Coun(){

$url = "Counter/stat.txt";

if(!file_exists($url)) { //Проверка на существование файла.

//Если файла не существует,

$count = 0;

$handle = fopen($url,"w");//создаем его,

$count++;

fwrite($handle,$count);// и записываем нулевое значение

fclose($handle);//Закрываем файл

}

else { //Если файл существует, то работаем с ним

$handle = fopen($url,"a+"); //Открываем его

$count = fread($handle,filesize($url)); //Читаем данные и присваеваем их переменной

$count

fclose($handle); //Закрываем

$count++;//Добавляем одно посещение к полученному выше

$handle = fopen($url,"w"); // Открываем файл, и урезаем его

до нулевой длины

fwrite($handle,$count); //Записываем переменную $count

fclose($handle); //Закрываем

ТИЭИ каф. ИТ

}

return $count;

}

<html>

<head>

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

гии, Вузы Тулы, Ильин Анатолий Александрович" />

<!--

var brOK=false;

var firsttime=true;

var ae;

var x0=3*screen.width/8-225;

var y0 = 220;

var i = 0;

var j = 0;

n_X = 1;

n_Y = -1;

var tid;

var mie=false;

var main = "main";

if(navigator.appVersion.charAt(0)>="4")

{brOK=true;}

if(navigator.appName.indexOf("Microsoft")!=-1)

{mie=true; }

function set_Bab(){

if((!mie)&&(navigator.appVersion.charAt(0)<"6")) {

x0=document.Bab.left;

ae=document.Bab;

}

else {

x0=document.all.Bab.style.pixelLeft;

ae=document.all.Bab.style;

}

Dyn_Bab();

ТИЭИ каф. ИТ

return true;

}

function Dyn_Bab(){

x0+=3*n_X;

y0+=3*n_Y;

if (x0 + 165 > screen.width) n_X = -1;

if(x0 <= 0)n_X = 1;

if(y0 <= 0)n_Y = 1;

if(y0 > 0.8*screen.height - 300)n_Y = -1;

ae.left = x0;

ae.top = y0;

if(top.menu.Pr){

j++;

if(j==8){

j = 0;

window.scroll(0,i*10);

i++;

}

tid=setTimeout('Dyn_Bab()',100);

}

function Create_Bab(x,y)

{if(brOK){

s ='<DIV ID="f_Bab" STYLE="position:absolute; top:'+y+'; left:'+x+';"> </DIV>';

s+='<DIV ID="Bab" STYLE="position:absolute; top:'+y+'; left:'+x+';"><IMG

SRC="IMG/Bab.gif" alt ="Царек"></DIV>';

document.write(s);

}

return true;

}

//-->

</script>

</head>

<body background="IMG/MATHEMAT.GIF" onLoad="if(brOK) set_Bab()"

onUnload="if(brOK) {if(tid) clearTimeout(tid);}" text = #0000FF link = #0000FF vlink =

#0000FF>

<?php

echo "Количество посещений: ".Strtoupper(Coun())."

со 2 декабря 2010 года";

<h3>Общие сведения</h3>

ТИЭИ каф. ИТ

</center>

1. Фамилия, имя, отчество: Ильин Анатолий Александрович<img border="0"

src="IMG/A_A.JPG" alt="Ильин Анатолий Александрович" width="200" height="267"

style="float: right">

2. Сфера деятельности: Образование, наука

3. E-Mail: <a href="mailto:it0@far.ru">it0@far.ru</a>

4. Сайт: <a href="http://ilyin.tiei.ru/" tar-

get=_top>http://ilyin.tiei.ru/</a>

5. Почетные звания, ученая степень: Действительный член Академии информа-

тизации образования (1999 г.), докт. техн. наук (1998 г.),

член двух Советов по защитам кандидатских и докторских диссерта-

ций

6. Дата рождения: 24 ноября 1953 г.

7. Место

рождения: г. Тула

8. Основное образование, курсы дополнительного обучения: Тульский поли-

технический институт (1976), факультет технической кибернетики;

отделение научно-педагогических кадров УНИВЕРСИТЕТА МАРКСИЗМА-

ЛЕНИНИЗМА Тульского обкома КПСС (1984 г.); аспирантура (заочно, 1986 г.),

докторантура (1998 г.)

9. Защита кандидатской диссертации: Московский институт стали и сплавов, 12

октября 1988 г. Тема: "Повышение качества непрерывного

сляба на основе

оптимизации режима вторичного охлаждения". Специальность: 05.13.07 -

Автоматизация технологических процессов и производств

10. Защита докторской диссертации: Центральное конструкторское бюро аппа-

ратостроения, 28 мая 1997 г. Тема: "Спецтема".

Специальность: 05.13.14 - Системы обработки информации и управле-

ния

11. Вехи карьеры: После окончания института работал в Тульском политехни-

ческом институте инженером, старшим инженером общеинститутского

вычислительного зала № 5 (1976), старшим инженером научно-исследователького секто-

ра (1977), ассистентом каф. ЭВМ (1987), доцентом каф. ЭВМ (1989),

профессором каф. ЭВМ (1998). В 2007 году перешел в Тульский институт управления и

бизнеса заведующим кафедрой "Информационные технологии",

с 1 сентября 2010 года перешел в<a href="http://tiei.ru/" target=_top> Тульский институт

экономики и информатики</a> деканом факультета информационных технологий,

где работаю по настоящее время.

При щелчке левой кнопкой манипулятора "мышь" по переключателю "Автопросмотр" в

нижнем фрейме "Меню" реализуется автоматическая смена страниц сайта. При чем,

если страница не помешается в главном фрейме отображения, происходит автоматический

скроллинг ее по вертикали.