Разработка и создание сайта "Пулевая стрельба в Новокузнецке"

Тип работы:
Курсовая
Предмет:
Программирование


Узнать стоимость

Детальная информация о работе

Выдержка из работы

Тема: Разработка и создание сайта «Пулевая стрельба в Новокузнецке»

Содержание

Введение

1. Описание и анализ информационной системы — прототипа

1.1 Функциональная структура системы

1.2 Основные виды обеспечения. Системный анализ прототипа и пути решения поставленных задач в соответствии с темой

2. Специальная часть. Совершенствование информационной системы--прототипа

2.1 Постановка задачи

2.2 Литературный обзор в т. ч. с использованием Internet — технологий

2.3 Решение задачи с применением стандартных пакетов прикладных программ, либо оригинальных (самостоятельно написанных) программ.

Заключение

Литература

Введение

В наши дни компьютеры применяются как средства создания и анализа информации, которую затем переносят на привычные носители (например на бумагу). Благодаря широкому распространению компьютеров и созданию Интернета, впервые можно при помощи своего компьютера общаться с другими людьми через их компьютеры. Необходимость использования распечатанных данных для передачи коллегам устраняется. Сегодняшний день, благодаря использованию Web, можно сравнить с тем временем, когда люди перестали записывать текст телефонных сообщений: компьютеры (и их связь между собой посредством Интернета) уже настолько широко распространены и привычны, что мы начинаем использовать их принципиально новыми способами. WWW — это начало пути, на котором компьютеры уже стали средствами связи.

Интернет предоставляет беспрецедентный способ получения информации. Каждый, имеющий доступ к WWW, может получить всю имеющуюся на нем информацию, а также мощные средства ее поиска. Возможности для образования, бизнеса и роста взаимопонимания между людьми становятся просто ошеломляющими. Более того, технология Web позволяет распространять информацию повсюду. Простота этого способа не имеет аналогов в истории. Для того чтобы сделать свои взгляды, товары или услуги известными другим, больше нет необходимости покупать пространство в газете или журнале, платить за время на телевидении и радио. Web делает правила игры одинаковыми для правительств и отдельных лиц, для малых и больших фирм, для производителей и потребителей, для благотворительных и политических организаций. World Wide Web (WWW) на Интернете — это самый демократичный носитель информации: с его помощью любой может сказать и услышать сказанное без промежуточной интерпретации, искажения и цензуры, руководствуясь определенными рамками приличия. Интернет обеспечивает уникальную свободу самовыражения личности и информации.

1. Описание и анализ информационной системы — прототипа

Цель моей работы — создание сайта о Пулевой стрельбе в городе Новокузнецке. Создание узла Интернета или интрасети может быть разделено на две основные задачи. Первая — создание наполнения. Сюда входит разработка и оформление материалов и ресурсов, которые хочется сделать доступными для какой-либо аудитории. Для преобразования подобной информации используется простой язык программирования. Вторая задача — публикация этих ресурсов в сети. Язык программирования, используемый для этого, называется HTML (Hypertext Markup Language).

По существу, узел Web состоит из одной или более страниц Web и одной или более домашних страниц. Страницы Web — это организованное собрание материалов узла Web; они могут быть связаны друг с другом. Домашняя страница (index) — это вводная или главная страница узла.

Во многих отношениях страница Web напоминает печатную страницу. Это — набор слов, фраз, графики и других элементов, организованных в виде последовательного потока данных от начала страницы до ее конца. Самое большое различие страниц в том, что длина страницы Web не имеет физических ограничений. Кроме того, страницы Web содержат связи, соединяющие их между собой. Это означает, что их не надо просматривать в некотором определенном порядке или последовательности, как страницы большинства книг.

Домашняя страница служит точкой входа в узел Web. Обычно это вводная страница, содержащая приветствие и ссылки на страницы второго уровня, доступные на данном узле. Домашние страницы формируют первое впечатление, которое производит узел на пользователя. Некоторые маленькие узлы Web типа персональных страниц состоят только из домашней страницы, тогда как на больших узлах может быть несколько домашних страниц.

Узел Web. Организация материалов на узле WWW в чем-то похожа на написание книги или статьи. Вначале необходимо продумать структуру и формат, а также ответить на множество вопросов. О чем следует сказать в первую очередь? Как говорить об этом? Какие темы логически связаны или дополняют друг друга? Каков порядок изложения? Нужны ли рисунки или иная графика? В зависимости от объема и вида информации реализация этих вопросов может оказаться простой, а может и весьма трудной.

1. 1 Функциональная структура системы

Хорош тот узел Web, который интересно и приятно посещать. Он предоставляет всю информацию, необходимую пользователю, и по нему легко перемещаться. Для создания хорошо смотрящихся Web-страничек можно смело использовать яркую графику, изящные шрифты и другие способы. Но, в то же время, необходимо выдерживать небольшой размер страниц для их быстрой загрузки на компьютеры пользователей.

Домашняя страница должна привлекать внимание. Первые впечатления по-настоящему важны. Самая интересная информация не обеспечит значительного трафика, если домашняя страница узла не привлечет внимания пользователя и не вызовет у него желания посмотреть другие страницы узла.

Размер страницы должен быть небольшим. Чтобы отдельную страницу было приятно читать, следует ограничить ее содержимое одной темой. Пользователь быстро устанет и разочаруется, если при поиске конкретной информации ему придется отфильтровывать большой объем лишних сведений. Лучше создавать маленькие страницы. Эта мера дает еще и выигрыш во времени просмотра и загрузки Web-страниц. А если имеющийся материал не умещается на одной странице нормального размера, то можно разделить его на несколько страниц и обеспечить связи между ними.

1. 2 Основные виды обеспечения. Системный анализ прототипа и пути решения поставленных задач в соответствии с темой

Российских сайтов, посвященных Пулевой стрельбе немного. Рассматривая их с позиции прототипов можно найти недостатки, характерные для большинства сайтов. Для примера рассмотрим сайты посвященные пулевой стрельбе, которые уже выложены в WWW.

Дизайн сайта «Сборной команды России» http: //www. shooting. km. ru/ основан на разработках портала «Кирилл и Мефодий». Это очень простой способ создания сайта, но этот способ менее эффективен с точки зрения создания оригинального Интернет ресурса. Любые задумки в области Web дизайна ограничены концепцией внешнего оформления портала (рис. № 1).

рис. № 1

Сайт С. Коваленко http: //www. shooting. newmail. ru/ (члена сборной России) существует уже более 6 лет. За это время дизайн сайта не претерпел никаких изменений.

рис. № 2

Структура сайта немного сложна (основана на применение страниц вложения — фреймах). Использование фреймов рис. № 2 оправдано в том случае, если вам необходимо, чтобы при изменении части экрана (Web-страницы фрейма), остальная часть экрана оставалась без изменения. Это может быть оглавление Web-узла, встроенный раздел.

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

Простота

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

Быстрота

Для верстки без фреймов характерно размещение на одной странице и навигации и содержания. Это увеличивает объем каждой страницы и в сумме может существенно повлиять на объем загружаемой с сайта информации. А так как фреймы используют разделение информации на части, страницы с ними будут загружаться быстрее.

Размещение

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

Изменение размеров областей

Можно изменять размеры фреймов «на лету», чего не позволяет сделать традиционная верстка HTML.

Загрузка

Загрузка веб-страницы происходит только в указанное окно, остальные остаются неизменными. С помощью языка JavaScript можно осуществить одновременную загрузку двух и более страниц во фреймы.

Недостатки фреймов:

Навигация

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

Плохая индексация поисковыми системами

Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, нет ссылок на другие документы.

Внутренние страницы нельзя добавить в «Избранное»

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

Несовместимость с разными браузерами

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

Непрестижность

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

Фрейм имеет очевидные преимущества. Тем не менее, если в него входит большое количество страниц, загрузка фрейма будет происходить медленно, т. к. для загрузки каждой из страниц, составляющих его, требуется отдельное обращение к серверу. Поэтому при создании фреймов следует проявлять чувство меры и ограничиваться небольшим количеством страниц.

Еще один сайт, посвященный стрелковому тренажеру Scatt http: //www. scatt. ru/ рис. № 3 использует для дизайна и навигации технологию Flash.

Прежде, чем применять Flash на сайте, нужно семь раз отмерить. Оказывается, не все знают, что это такое. Одни применяют Flash от необходимости, другие — от незнания. Дело в том, что Flash — это не обычная растровая (gif, jpg, bmp и т. п.) картинка и не html. А мультемидийная технология. Как у любой технологии, у этой есть свои преимущества и недостатки.

Рассматривать Flash-технологию стоит с нескольких позиций:

С точки зрения внешнего оформления и культуры сайта;

С функционально-технической стороны;

С практической стороны.

Сайт — это как книга. Вы покупаете книгу, потому что ее сюжет вам интересен или информация из нее вам полезна. Но не потому, что у нее красивая обложка или известный автор. То время, когда изумленный прогрессом интернетчик приходил на сайт, чтобы посмотреть, как там что-то прыгает-летает-плавает прошло. Теперь людей заботит информация.

Flash препятствует восприятию информации. Сайт, построенный на Flash больше напоминает игру для новомодной приставки или телевизионную рекламу, когда сидишь и ждешь, когда она закончится. В большинстве случаев это связано с изменением привычного для пользователя хода вещей, например, вмешательством в интерфейс, навязыванием анимации и даже звука. Сайт — не самоцель, он существует для посетителя.

Flash использует plug-in модули, мультемидийные функции, на сегодняшний день не интегрированные в браузеры. В силу присущих Flash-технологии свойств она имеет функциональные недостатки. Наличие этих недостатков совсем не означает, что надо вовсе отказаться от Flash. Просто с одной стороны на весы нужно положить необходимость использования Flash-элемента, с другой стороны -- его недостатки.

Обесцениваются функции браузера:

Регулировка размера шрифта. Изменять шрифт средствами стандартных функций браузера нельзя. Поэтому шрифт у посетителя будет таким, каким его задал дизайнер (для справки: все дизайнеры обладают прекрасным зрением, делая шрифты мелкими и очень мелкими);

Кнопка «назад». Она перемещает не к началу сценария анимации, как ожидается, а на предыдущую страницу сайта, где Flash-элемент еще/уже отсутствует;

Поиск по странице;

Гиперссылки лишаются важного качества — изменяемости цвета в зависимости от движения по сайту посетителя. Вспоминаешь, был ли ты на этой странице или нет. Таким образом, затрудняется навигация по сайту в целом;

Вес страниц увеличивается в разы;

Навигация во Flash-сайтах часто неудобна;

Сайты, построенные на Flash в большинстве случаев некорректно работают в офлайне (т.е. когда страницы сайта скачаны на компьютер пользователя и просматриваются в автономном режиме).

По отношению к крупным информационным сайтам, Flash обладает еще большим недостатком — невозможностью индексирования текстов во flash-элементах. У сайтов, полностью построенных на Flash, всегда низкая степень релевантности.

Кроме технических тонкостей, которые увидит не каждый, Flash обладает рядом весомых практических недостатков:

Flash-элементы имеют большой размер. Мультимедийные возможности Flash широки, поэтому дизайнер просто не удерживается, чтобы не поэксплуатировать их;

Flash-ролики создаются раз и навсегда. Вместо этого можно уделить внимание более частому обновлению содержания сайта;

Скачанные на компьютер Flash-сайты отображаются некорректно. Информация, находящаяся во Flash-формате недоступна.

рис. № 3

Flash противопоказан крупным информационным сайтам (главная цель которых -- погоня за посетителями);

Flash применим для малого сайта узкой специализации (например, для сайта, чей адрес узнается с визитки его представителя и только);

Использование Flash хорошо подходит для рекламы и развлечений (баннеры, промо-сайты, игры);

Если можно обойтись без Flash, лучше обойтись без Flash.

Прежде, чем применять Flash на сайте, надо поставить себя на место пользователя: нужна информация; мало времени; модемная скорость; трафик заканчивается.

2. Специальная часть. Совершенствование информационной системы--прототипа

Пытаясь объять необъятное я разработал концепцию собственного сайта: он должен быть оригинальным, запоминающимся, динамичным и максимум информативным (интересным).

Для разработки я использовал четыре программы:

Xara Webstyle 4, Microsoft Office Front Page 2003, Microsoft Блокнот, Adobe Photoshop CS2.

Основа стиля сайта сгенерирована с помощью программы Xara Webstyle 4, а дальше в ход пошла только фантазия, заключенная в рамки реальной цели. Многообразие выбора графических элементов и их оттенков, использование множества шрифтов (поддерживающих кириллицу), разные варианты расположения меню реализовано на основе апплетов java.

Апплеты Java встраиваются в документы HTML, хранящиеся на сервере Web. С помощью аплетов можно сделать страницы сервера Web динамичными и интерактивными. Апплеты позволяют выполнять сложную локальную обработку данных, полученных от сервера Web или введенных пользователем с клавиатуры. Из соображений безопасности апплеты (в отличие от обычных приложений Java) не имеют никакого доступа к файловой системе локального компьютера. Все данные для обработки они могут получить только от сервера Web.

Для повышения производительности приложений Java в современных браузерах используется компиляция «на лету" — Just-In-Time compilation (JIT). При первой загрузке апплета его код транслируется в обычную исполнимую программу, которая сохраняется на диске и запускается. В результате общая скорость выполнения апплета Java увеличивается в несколько раз.

Здесь уместно отметить замечательную точность в выборе основных посылок проекта Java.

2. 1 Постановка задачи

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

В левой части окна программы расположены кнопки, с помощью которых можно переключаться между различными режимами и управлять проектами. В центре окна расположена группа шестиугольных кнопок, позволяющих выбрать вид работ, от дизайна кнопки или Web-меню до создания страницы фотоальбома с импортом изображений в проект. Пользовательский интерфейс Webstyle, выдержанный в едином стиле, следует традициям «интуитивной понятности», заложенным Microsoft. Каждая станица мастера снабжена подсказками, указывающими, что в данный момент можно (или нужно) сделать. Кроме того программа снабжена развернутой справочной системой.

Инструментарий встроенных редакторов, зависящий от вида выполняемой работы, весьма разнообразен. Кроме стандартных инструментов редактирования изображений (яркость, контрастность, прозрачность, цветовой баланс и т. п.) Webstyle обладает богатым набором спецэффектов, например, средствами создания теней для кнопок. Еще одним достоинством Webstyle является наличие огромного количества готовых шаблонов для всех элементов оформления. Шаблоны можно использовать в своих проектах непосредственно или как подспорье для создания собственных элементов оформления путем их модификации. Разработав набор различных элементов оформления в едином стиле, этот набор можно объединить в тему.

Как и в случае шаблонов, Webstyle содержит внушительный набор предустановленных тем, соответствующих стилям сайтов различной специфики. В состав каждой предопределенной темы входят графические заголовки страниц, стили заголовков для использования в тексте, графические элементы оформления маркированных списков («пульки»), панели навигации и кнопки. Используя одну из тем (sabre) рис. 4

Рис. № 4

Я сумел создать домашнюю страницу для своего сайта. Особенно удобной при редактировании страниц представляется возможность редактировать графические элементы оформления, не покидая окна редактирования страницы рис № 5.

Создание и оптимизация графики — сложная и капризная задача. Безусловно, возможно создание Web-страницы и без использования графики — при помощи шрифтов, скриптов и таблиц стилей (CSS) — и это будет красиво и стильно. Но ведь окончательный вид документа зависит от большого числа различных факторов, таких как: ширина окна браузера, предварительные настройки браузера, принятые по умолчанию размер шрифта, его имя и цвет.

рис № 5

К тому же не все скрипты и стили поддерживаются всеми браузерами. Если же будет использована графика, то посетитель вашей страницы увидит ее точно такой, какой сделали и видите ее вы.

Основная сложность работы с Web-графикой состоит в том, что пропускная способность каналов Интернета, в большинстве случаев, очень низкая и перед вами сразу встанут проблемы — как сделать графический файл небольшой по объему, но хорошего качества, какие программы и приемы использовать при его оптимизации.

Графические элементы, созданные для дизайна сайта, создавались в графическом редакторе Adobe Photoshop CS2 — на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей. Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистине огромен. В пакет включена программа Adobe ImageReady, предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений, создание анимированных gif, «разрезание» картинок на более мелкие и т. д.). Девиз разработчиков Adobe Photoshop — «Camera of your mind» — предполагает не только техническое совершенство, но и полную свободу творчества, на которую человек, работающий с этой программой, просто обречен. Объемная мишень создана с помощью элемента Elipse Tool и выбранного на панели стилей элемента Chiseled Sky (text). Возможности Adobe Photoshop, и без того немалые, гармонично дополняют плагины, специально созданные для работы в этом графическом редакторе. С помощью плагина Eye Candy 4000, применяя к элементам изображения Magic Wand Tool можно добиться трансформации объекта, целиком основанной на собственной фантазии.

Работать с меню, созданными Xara Webstyle 4 (Jscript Script File) удобнее всего в Microsoft Блокнот. Что бы страничка привлекала внимание я добавил несколько Java script, скаченных из Internet и реализованных под дизайн моего нового проекта.

Скрипт отображающий число дней существования странички:

< !-- BODY START HERE -->

< SCRIPT language=JavaScript>

< !--

d0 = new Date ('September 25, 2005');

d1 = new Date ();

dt = (d1. getTime () — d0. getTime ()) / (1000*60*60*24);

document. write ('Этот сайт живет < B>' + Math. round (dt) + '< /B>-й день. ');-->

На главной странице всегда отображается количество дней существования проекта.

Скрипт отображающий время последней модификации странички:

< /SCRIPT>

< !-- BODY END HERE -->

< script language="JavaScript">

< !--

document. write («Дата последней модификации: «

+ document. lastModified);

//-->

< /script>

Всегда видна дата последнего обновления главной страницы.

Очень интересный скрипт, для отображения новостей (Рис. № 6):

< !-- HEAD START HERE -->

< script language="JavaScript1. 2">

< !--

var ns6=document. getElementById&&!document. all?1:0

var head="display: ''"

var folder=''

function expandit (curobj){

folder=ns6?curobj. nextSibling. nextSibling. style: document. all[curobj. sourceIndex+1]. style

if (folder. display=="none")

folder. display=""

else

folder. display="none"

}

//-->

< /script>

< !-- HEAD END HERE -->

< /head>

< body bgcolor="#737 994″ text="#FFFFFF" link="#FFFFFF" topmargin="0″ leftmargin="0">

< !-- BODY START HERE -->

< h3 style="cursor:hand"onClick="expandit (this)"> НОВОСТИ 10. 11. 05</h3>

< span style="display:none"style=&{head};>

<a href="reit_world. htm">Добавлен Мировой ISSF и Европейский ESC рейтинги на 1 ноября 2005.

< /a></span><h3 style="cursor:hand"onClick="expandit (this)"> НОВОСТИ 20. 11. 05 < /h3><span style="display:none"style=&{head};><ahref="poddubnei1. htm">Добавлены в архив зарисовки со стрелковой натуры Анатолия Поддубного. </a></span>

< !-- BODY END HERE -->

Рис. № 6

При отработке курсором по ссылке, появляется новостной текст, имеющий ссылку на полную страницу информации.

Удобный скрипт на главной странице (сделать её стартовой):

<a href="#" onClick="this.style.behavior='url (#default#homepage)';</p><p>this. setHomePage ('http://www. novoshoot. land. ru/');return false;«></p><p><span style="text-decoration: none"> Сделать стартовой страницей< /span></a>

Ещё один скрипт, который добавляет страничку сайта в раздел «Избранное» браузера:

a href="#" onClick="window.external.addFavorite</p><p>('http: //www. novoshoot. land. ru/', 'Description');return false;«></p><p><span style="text-decoration: none; font-weight: 700"> Добавить сайт в Избранное< /span></a>

Готовый Java applets (calendar. js), удобно отображающий текущий день месяца пришлось подгонять под общую цветовую концепцию сайта:

Calendar. setDate (1); // Start the calendar day at '1'

Calendar. setMonth (month); // Start the calendar month at now

/* VARIABLES FOR FORMATTING

NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'

tags to customize your caledanr’s look. */

var TR_start = '< TR>';

var TR_end = '< /TR>';

var highlight_start = '< TD WIDTH="30"> <TABLE CELLSPACING=0 BORDER=1 BGCOLOR=99ccff BORDERCOLOR=0> <TR><TD WIDTH=20> <B><CENTER>';

var highlight_end = '< /CENTER></TD></TR></TABLE></B>';

var TD_start = '< TD WIDTH="30"> <CENTER>';

var TD_end = '< /CENTER></TD>';

/* BEGIN CODE FOR CALENDAR

NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'

tags to customize your calendar’s look. */

cal = '< TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=0> <TR><TD>';

cal += '< TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;

cal += '< TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#C8D2D7"> <CENTER><B>';

cal += month_of_year[month] + ' ' + year + '< /B>' + TD_end + TR_end;

cal += TR_start; (кусок кода)

Интересный Java Scripts был мной русифицирован и модернизирован. С помощью него организуется удобное слайд-шоу (задержка 8 сек.) или же можно выбрать любую фотографию, хранящеюся в архиве (Рис. № 7) по меню.

Рис. № 7

< SCRIPT LANGUAGE="JavaScript">

< !-- Original: Ricocheting (ricocheting@hotmail. com) -->

< !-- Web Site: http: //www. ricocheting. com -->

< !-- Begin

var rotate_delay = 8000; // delay in milliseconds (8000 = 8 secs)

current = 0;

function next () {

if (document. slideform. slide[current+1]) {

document. images. show. src = document. slideform. slide[current+1]. value;

document. slideform. slide. selectedIndex = ++current;

}

else first ();

}

function previous () {

if (current-1 >= 0) {

document. images. show. src = document. slideform. slide[current-1]. value;

document. slideform. slide. selectedIndex = --current;

}

else last ();

}

function first () {

current = 0;

document. images. show. src = document. slideform. slide[0]. value;

document. slideform. slide. selectedIndex = 0;

}

function last () {

current = document. slideform. slide. length-1;

document. images. show. src = document. slideform. slide[current]. value;

document. slideform. slide. selectedIndex = current;

}

function ap (text) {

document. slideform. slidebutton. value = (text == «Стоп»)? «Старт»: «Стоп»;

rotate ();

}

function change () {

current = document. slideform. slide. selectedIndex;

document. images. show. src = document. slideform. slide[current]. value;

}

function rotate () {

if (document. slideform. slidebutton. value == «Стоп») {

current = (current == document. slideform. slide. length-1)? 0: current+1;

document. images. show. src = document. slideform. slide[current]. value;

document. slideform. slide. selectedIndex = current;

window. setTimeout («rotate ()», rotate_delay);

}

}

// End -->

< /script>

< !-- HEAD END HERE -->

< /head>

< body bgcolor="#EDEDED" text="#0″ link="#0″ topmargin="0″ leftmargin="0">

< center>

< !-- BODY START HERE -->

< form name=slideform>

< table cellspacing=1 cellpadding=4 bgcolor="#0">

< tr>

< td align=center bgcolor="white">

< b>

< span lang="ru"> Слайд-Шоу Фотографий< /span></b></td>

< /tr>

< tr>

< td align=center bgcolor="white" width=400 height=270>

< img src="image/logo_2005. jpg" name="show">

< /td>

< /tr>

< tr>

< td align=center bgcolor="#C0C0C0">

< select name="slide" onChange="change();«></p><p><option value="image/logo_2005. jpg">Novoshoot. ru

< option value="image/u tanka98. jpg">Низкошапская И Юшкова 1998

< option value="image/fra. 22. 07. 99. jpg">Франция 1999

< option value="image/001. jpg">Чехия 2000

< option value="image/002. jpg">Воронеж 2000

< option value="image/003. jpg">Воронеж 2000

< option value="image/004. jpg">Выборг 2001

< option value="image/014. jpg">Корея 2005

< option value="image/015. jpg">Мюнхен 2005

< option value="image/016. jpg">Sonja (GER)2005

< /select>

< /td>

< /tr>

< tr>

< td align=center bgcolor="#C0C0C0">

< input type=button onClick="first();"value="|< <" title="C начала">

< input type=button onClick="previous();"value="< <" title="Назад">

< input type=button name="slidebutton" onClick="ap(this.value);"value="Старт" title="Автоматическая Прокрутка">

< input type=button onClick="next();"value="> >" title="Дальше">

< input type=button onClick="last();"value="> >|" title="Стоп">

< /td>

< /tr>

< /table>

< /form>

< !-- BODY END HERE -->

2. 2 Литературный обзор в т. ч. с использованием Internet — технологий

В настоящее время мы обладаем множеством дополнительной литературы. Причем эта литература может быть представлена не только в «бумажном» виде, но и на электронных носителях, будь то CD или HDD, я уже не говорю о самом Интернете в котором информации по любой теме (практически по любой) превеликое множество.

В своей работе я использовал несколько таких источников:

Первые Шаги — Учебник по Html для чайников Натальи Алленовой http: //www. postroika. ru/news2. html. Язык разметки гипертекстовых документов HTML достаточно прост, и освоить его можно с помощью данного учебника, в котором авторы попытались вести изложение доступным для всех языком и с юмором. Это руководство рассчитано на людей начинающих. Это не сухое изложение всего подряд, это попытка поработать на ассоциациях, сделать все более легко запоминающимся. Автору кое-где не удалось избежать нудных моментов, но она старалась и в целом учебник удачен.

HTML в примерах (Теги). А. Климов http: //winchanger. narod. ru.

Справочник содержит основные теги HTML с соответствующими примерами. Также вы найдете в справочнике начальные сведения о CSS и DHTML.

Информация Влада Мержевич об HTML, CSS, дизайне, графике и создании сайтов http: //htmlbook. ru/.

Справочник по CSS, загруженный с сайта www. spravkaweb. ru на котором выложено обилие информации по языкам web программирования.

Скрипты для сайта выбраны на ресурсе http: //www. woweb. ru/.

2. 3 Решение задачи с применением стандартных пакетов прикладных программ

Среда редактирования HTML является нейтральной полосой между простейшим текстовым редактором и приложением WYSIWYG (технология — what you see is what you get — что ты видишь то ты и получаешь).

Выбор среды редактирования дает все преимущества текстового редактирования; что же касается недостатков, то с ними ведется борьба.

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

В средах редактирования HTML предлагаются шаблоны, инструментальные панели, с помощью которых автоматически вставляются определенные дескрипторы, а также мастера изображений, которые автоматически вставляют в код их размер и предоставляют полный набор альтернативных текстовых атрибутов. Таким образом, самые важные функции в среде легкодоступны. Щелкнув мышью или нажав комбинацию клавиш, можно получить именно то, что вы хотите, и довольно-таки быстро.

Достаточно распространенной проблемой в Web является то, что многие забывают о такой важной части процесса разработки узла, как проверка орфографии. Хороший, должным образом проверенный текст крайне важен, если вы хотите добиться максимального успеха своего узла. В большинстве сред редактирования HTML имеется проверка орфографии, и я уверен, что вы оцените эту возможность по достоинству.

Другим преимуществом является проверка синтаксиса, которая предлагается большинством сред. Этот полезный инструмент проверяет код, помогая выявлять проблемы, и исправляет многие ошибки и опечатки.

Приложения WYSIWYG

Эти приложения обеспечивают работу пользователя с помощью графического интерфейса. Они популярны не только из-за малого времени, требуемого для их изучения, но и благодаря легкой переносимости от пользователя к пользователю. Это особенно важно для компаний в которых много сотрудников работают с кодом HTML, -- приложение WYSIWYG помогает сохранить согласованность стилей кодирования.

Другое преимущество этого типа приложений в том, что они позволяют заниматься дизайном Web — страниц, даже не изучая HTML. Графический интерфейс позволяет разместить на странице: необходимую графику и текст и перемещать их до тех пор, пока не будет найден наиболее подходящий внешний вид. За последующую генерацию кода отвечает программное обеспечение.

Некоторые приложения WYSIWYG, такие как FrontPage корпорации Microsoft, имеют очень мощные функциональные возможности, не относящиеся к дизайну. Сюда входят расширения, позволяющие управлять проектами, и специальные приложения, например, для поиска или поддержки форм. Такие возможности привлекают к WYSIWYG многих пользователей.

При работе с кодом HTML я использовал инструмент кодирования FrontPage 2003 разделенное окно, состоящие из областей «Конструктор» и «Код». При редактировании в представлении «Конструктор» код обновляется автоматически, то есть можно контролировать изменение кода и использовать эту функцию в качестве инструмента самообучения. При непосредственном редактировании кода можно вручную обновлять представление «Конструктор», нажимая клавишу F5, для внесения пакета изменений за один раз.

Чтобы уменьшить размер создаваемой странички я использовал оптимизацию HTML-кода во FrontPage 2003. Выбрав команду Оптимизировать HTML-код в меню Сервис. В этом случае FrontPage автоматически чистит код, включая оптимизацию HTML-кода, созданного в других программах; удаление «пустых мест», избыточных тегов, комментариев, пробелов и векторной графики.

интрасеть программирование сеть ресурс

Заключение

Человек, создающий Web-страницу, соединяет свои знания и навыки со своим творческим потенциалом. Умение творить — вот что отличает настоящего Web-дизайнера. Для того чтобы создать Web-страницу, которая бы радовала глаз, нужно сочетать в себе качества художника и программиста.

На мой взгляд созданный мною Интернет-ресурс уникален в своем роде. Нигде на просторах нашей необъятной Родины я не встречал сайт с таким обилием разнообразной информации собранной и посвященной одной теме — Пулевой стрельбе. Здесь есть почти все: свежие новости, протоколы последних соревнований (обычно разбросаны по сети), огромный архив результатов выступлений Новокузнецких стрелков, рейтинги Новокузнецких стрелков (Мировой, Европейский, Российский (с трех разных сайтов)), правила выполнения упражнений, много статей посвященных стрельбе и спорту вообще, обилие фотографий (более 30).

Созданный сайт помещен в Internet www. novoshoot. land. ru. При регистрации учетной записи на сервисе POCHTA. RU предоставляется бесплатный почтовый ящик и место под сайт. Загрузка материалов осуществлена через протокол ftp с помощь программы Total Commander 6. 53. На каждой страничке сайта (правый нижний угол) установлен созданный мною баннер с прямой ссылкой на мой личный сайт www. titas. pochta. ru, рассказывающий об авторе. На главных страничках сайтов интегрированы в код бесплатные счетчики посещений страницы (index).

И в довершение всего с помощью http: //www. registratura. ru я проиндексировал свой сайт в поисковой машине Yandex. Теперь при запросе о пулевой стрельбе в Новокузнецке Yandex выдает ссылку на мой ресурс.

Литература

1. Макарова. Н. В. Информатика, СПб., 2001 г.

2. Молли Э. Хольцшлаг, Использование HTML 4, 6-е издание, М., 1999 г.

3. Дригалкин В. В. HTML в примерах. Как создать свой Web-сайт: Самоучитель, М., 2004 г.

4. Кожемякин А. А. HTML и CSS в примерах. Создание Web-страниц, М., 2004 г.

5. Матросов А. В. HTML 4.0 в подлиннике, СПб. 2004 г.

6. Б. Хеслоп, Л. Бадник, HTML с самого начала. Для пользователей Windows. СПб., 1997 г.

ПоказатьСвернуть
Заполнить форму текущей работой