Разработка сайта

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

Использование таблиц стилей для размещения элементов Web – страниц.

Одним из привлекательных, но не очень  простых приемов является возможность  контролировать внешний вид  Web – страниц при помощи таблиц стилей (style sheets). Таблица стилей Web – страницы представляет собой отдельный текстовый файл, в котором задаются различные элементы страницы.

Таблицы стилей иначе называются «иерархическими  таблицами стилей». Название отражает тот факт, что к одной Web – странице может быть одновременно применено несколько стилей разного уровня.

Создание всплывающих кнопок.

Видеоклипы не являются единственным типом анимации, которая доступна при работе с FrontPage. Еще один популярный мультимедийный эффект – всплывающая кнопка (hover button), внешний вид которой изменяется, когда посетитель сайта наводит на нее указатель мыши.

Всплывающая кнопка представляет собой  Java – апплет (программу), создаваемый FrontPage. Можно использовать всплывающую кнопку для перехода к другой Web – странице. Когда посетитель Web – сайта наводит указатель мыши на всплывающую кнопку, она реагирует на это, например, меняет цвет или принимает вид нажатой кнопки. Когда посетитель щелкнет на такой кнопке, на экране откроется страница, на которую была задана ссылка с данной кнопки.

Проверка орфографии Web – страницы.

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

Публикация Web – сайта.

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

Модификация и поддержка Web – сайта.

Работа над Web – сайтом продолжается и после его публикации. Время от времени придется модифицировать Web – сайт, чтобы обогатить его новыми

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

Удаление файлов Web – сайта с Web – сервера.

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

Введение

Сайт «Игрушки» разработан в результате технического задания на курсовое проектирование. Предназначен для получения интересующей информации через Internet.

Основание для разработки:

Основанием для разработки является задание на дипломное проектирование, выданное Челябинским энергетическим колледжем (ЧЭнК).

Тема разработки: создание сайта  «Игрушки».

Назначение разработки:

Сайт предназначен для размещения текущей информации о игрушках; для поиска  и просмотра данных.

Требования к функциональным характеристикам:

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

• Разделы
1. Главная страница: содержание сайта.
2. Страница «история появления» должна содержать сведения о происхождение игрушек.
3. Страница «производитель» должна включать в себя: перечисление производителей наиболее качественных игрушек
4. Страница «экспертиза» должна содержать информацию об основных характеристиках игрушки и её функциональном назначении.
5. Страница «фотоальбом» должна содержать фотографии различных игрушек.
6. Страница «вредные игрушки» должна содержать статистику  и основной перечень последствий возникающих при контакте с вредными игрушками.

 

7. Страница «руководство по выбору» должна содержать рекомендации по выбору игрушки для ребёнка.

Требования к надежности

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

 

Условия эксплуатации:

Для просмотра сайта в Internet необходима программа Internet Explorer, а для доступа в Internet необходим модем.

Требования к составу и параметрам технических средств:

Для нормальной работы сайта необходимо:

• центральный процессор класса Pentium III 433 МГц;
• объём оперативной памяти не менее 128 Mb;
• стандартный манипулятор «мышь»;
• стандартный SVGA монитор;
• программа Internet Explorer;
• операционная система типа Windows 98, 2000, XP;
• модем.

Требования к информационной и программной совместимости:

На входе и выходе сайта информация должна быть текстого и числового типа и предоставляться  на русском языке. Метод решения  задачи, язык программирования и программные  средства выбираются разработчиком. Данный сайт создан в системе визуального объектно-ориентированного программирования Ace Html Pro v6.2 , так как она позволяет многое делать руками, но нужные меню, как правило, под рукой. Включает кучу заранее подготовленных Java-апплетов. Есть практически все, что надо для нормальной работы. Удобная настройка интерфейса позволяет включать только те меню и

 

функции, которыми приходится часто пользоваться, тэги специфичные  для IE или NN отмечены (что весьма удобно), есть поддержка ASP, PHP, WML, XML. Интерфейс удовлетворяет всем требованиям Windows и автоматически настраивается на ту систему, которая установлена на компьютере пользователя.

Требования к программной  документации:

В программной документации должны содержатся:

• техническое задание;
• текст сайта;
• пояснительная записка.

Технико-экономические показатели:

Данный сайт не требует больших ресурсов вычислительной системы. Не занимает место на жестком диске. Но необходима программа для просмотра сайта – Internet Explorer.

 

Стадии и этапы разработки:

Сайт разрабатывается  несколько этапами:

1 этап: - определение назначения  и функций сайта;

2 этап: - выбор цветового  и стилистического оформления;

3 этап: - определение страниц  и содержание;

4 этап: - выбор языка  программирования, удовлетворяющего  функциям и назначениям сайта;

5 этап: - создание графических элементов сайта;

6 этап: - верстка сайта.

Для сайта должна быть разработана программная документация.

Порядок контроля и приемки:

Программа должна быть испытана различными методами тестирования.

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

 

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

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

Порядок проведения испытаний:

• запуск сайта;

• ссылка должны ввести на определенную ей страницу;

• корректное отображение графических элементов;
• корректное отображение сайта в различных пользовательских режимах;
• функциональность и соответствие проекта поставленной задаче.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Разработка сайта

2.1. Анализ предметной  области

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

  Автоматизация процесса  поиска данных позволяет решать множество проблем, связанных с поиском необходимой информации.

   Одним из таких  сайтов является «Игрушки». Этот сайт позволяет размещать информацию и производить поиск информации по различным критериям.

Основные возможности  программы:

• выбор необходимой информации;
• переход по гиперссылкам и кнопкам;
• простой и удобный интерфейс для работы пользователя.

 

 Выбор метода решения

В настоящее время  существует большое количество способов создания программного обеспечения аналогичного сайту «Игрушки».

Для решения поставленной задачи можно выделить такие программные средства как:

              - язык разметки гипертекста (HTML);

• среда объектного визуального программирования FrontPage 2003;
• текстовый редактор Блокнот (Notepad);
• скрипт языки JavaScript и/или VBScript;

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

Для создания программного продукта сайт «Игрушки» наиболее удобным средством является программа FrontPage 2003, так как она позволяет многое делать руками. Есть практически все, что надо для нормальной работы, и еще это наиболее наглядная программа.

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

Сайт может использоваться как самостоятельный продукт.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.2. Разработка структуры сайта

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

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

Известны такие типы организации  Web-сайтов.

• Все файлы в одном каталоге. Маленькие сайты с несколькими HTML-страничками и несколькими изображениями могут позволить себе хранить все свое  содержимое в одном каталоге. Одним из самых больших достоинств такой системы является то, что в локальных ссылках не нужно указывать путей. Недостаток состоит в том, что такая система оказывается перегруженной, если сайт разрастается: в этом одном каталоге, как на какой-то свалке, невозможно ничего найти. Обновлять такой сайт непросто.
• Функциональные каталоги. Одним из способов организации сложных сайтов является следующий. В каждом из каталогов хранятся файлы, относящиеся к одной и той же функциональной части системы. На верхнем уровне, например, будет только главная.html и относящаяся к нему графика. В каталогах следующего уровня будут содержаться файлы, относящиеся к какому-либо разделу сайта: «описание больницы», «меню» и т.д. в каждом из каталогов могут быть собственно HTML-файлы и относящиеся к ним графические или мультимедиа-файлы.