Файл: Создания сайта.pdf

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сайт «МАШАЛЛАХ.РФ» разработан в результате технического задания на курсовое проектирование. Предназначен для проведения конкурсов через Internet.

Тема разработки: создание сайта «МАШАЛЛАХ.РФ».

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

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

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

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

• Разделы

1. Главная страница: последние добавленные конкурсы, партнёры, о нас, промо сайта, инструкция, форма обратной связи.
2. Новости: блоки с новостями (название и дата).
3. Конкурсы: блоки с конкурсами (название и кол-во участников).
4. Страница «Профиль» должна содержать информацию о пользователе, его почту, возможность смены пароля и “аватарки”.

Так же блок “Мои конкурсы” в котором он видит где участвовал.

1. Страница конкретного конкурса: должна содержать даты: конец приёма заявок, старт конкурса, окончание конкурса.

Информация о конкурсе, условия конкурса, таблицу участников с конкурсными работами (при просмотре которого можно проголосовать)

Возможность поделится конкурсов в соц. сетях.

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

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

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

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

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

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

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

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

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

На входе и выходе сайта информация должна быть текстового и числового типа и предоставляться на русском языке. Метод решения задачи, язык программирования и программные средства выбираются разработчиком. Данный сайт создан на движке WordPress, так как она позволяет многое делать руками, но нужные меню, как правило, под рукой. Включает кучу заранее подготовленных плагинов. Есть практически все, что надо для нормальной работы. Удобная настройка интерфейса позволяет включать только те меню и функции, которыми приходится часто пользоваться. Интерфейс удовлетворяет всем требованиям Windows и автоматически настраивается на ту систему, которая установлена на компьютере администратора.

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

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

• техническое задание;
• текст сайта;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Согласно техническому заданию на дипломное проектирование необходимо разработать сайт «МАШАЛЛАХ.РФ». Он предназначен для размещения конкурсов, конкурсных работ, а также голосования за них.

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

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

• Движок сайта WordPress;
• текстовый редактор Блокнот (Notepad);
• скрипт язык JavaScript;

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

Для создания программного продукта сайт «МАШАЛЛАХ.РФ» наиболее удобным средством является программа WordPress, так как она позволяет многое делать руками. Есть практически все, что надо для нормальной работы, и еще это наиболее наглядная программа.

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

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

сайт надежность программа стиль

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

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

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

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

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

2.3 Разработка интерфейса сайта

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

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

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

Символьный интерфейс используется обычно при работе видеосистемы в текстовом режиме. Информация выводится на экран монитора посимвольно. До появления Windows все операционные системы, в том числе MS DOS и ее оболочка Norton Commander, предоставляли пользователю символьный интерфейс. Он достаточно экономичен по потреблению ресурсов и способен обеспечить вполне комфортную работу пользователя. Исключение составляет интерфейс командной строки операционной системы MS DOS, который требует от пользователя знания синтаксиса команд.

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