Сайт для предприятия "СБ-Комплект"
Курсовой проект - Компьютеры, программирование
Другие курсовые по предмету Компьютеры, программирование
-align - left, right - выравнивание таблицы по горизонтали;
-width - число или процент - ширина таблицы по отношению к окну браузера;
-height - число или процент - высота таблицы, так же задает минимальную высоту таблицы. Очень часто искажается в зависимости от содержания;
-cellpadding - число - расстояние между содержимым ячейки и рамкой;
-cellspacing - число - расстояние между ячейками таблицы;
-bgcolor - цвет - цвет фона таблицы;
-background - файл - фоновая картинка;
-border - число - ширина линий рамки;
-bordercolor - цвет - цвет линий рамки;
-bordercolordark - цвет - цвет рамки (снизу и справа);
-bordercolorlight - цвет - светлый цвет рамки (сверху и слева).
Для создания формы в html-документе, используется тег FOR. Его атрибуты:
-action - определяет адрес, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к сценарию на сервере, обслуживающему данную форму;
-method - определяет способ отправки;
-post - применяется в тех случаях, когда полученные из формы данные необходимо сначала обработать (например, проверить правильность заполнения формы), при этом содержимое формы при отправке кодируется);
-name - определяет имя формы. Используется при наличии нескольких форм;
-enctype - определяет способ кодировки содержимого формы при отправке.
Практически любой элемент интерфейса формы можно создать с помощью тега INPUT. Этот тег не имеет закрывающего. Атрибуты тега: name - определяет идентификационное имя, используемое при передаче содержания данной формы на сервер; type - определяет тип управляющего элемента.
Если необходимо предоставить пользователю возможность вводить в форму достаточно объемную текстовую информацию, то лучше использовать многострочное текстовое поле, которое создается тегом TEXAREA. Этот тег имеет парный. Используются следующие атрибуты данного тэга: name - задаёт название области; cols - задаёт ширину области в количестве печатных символов; rows - задаёт количество видимых строк текстового поля.
При работе с каскадными таблицами стилей используются следющие свойства:
-document - содержит ссылку к объекту документа, в котором содержится элемент;
-id - присваивает уникальное имя определенному элементу, что впоследствие помогает к нему обратиться;
-style - определяет конкретный стиль для конкретного элемента.
2 Специальная часть
2.1 Описание алгоритма
При запуске сайта происходит загрузка с жесткого диска сервера в оперативную память компьютера пользователя. Далее происходит процесс выбора пользователем определенного процесса на сайте, то есть переход по гиперссылкам. После выбора необходимой страницы, пользователь нажимает название страницы и осуществляется переход на выбранную страницу. Если же пользователь закрывает окно браузера, то сайт выгружается из оперативной памяти компьютера пользователя.
Чтобы запустить данный программный продукт нужно выполнить следующие шаги:
1.запустить Главную страницу (index.html);
2.выбрать интересующую страницу, раздел или предложенную функцию.
В алгоритме присутствуют шесть основных разделов: Главная, Услуги, Информация, Прайс-лист, О нас, Контакты. Каждому этапу соответствует свой блок программы. Алгоритм решения задачи в виде блок-схемы представлен в Приложении B.
2.2 Текст программы с описанием
Разработка дипломного проекта велась на языке гипертекстовой разметки HTML с использованием каскадных таблиц CSS.
В корневом каталоге сайта находятся графические изображения, css-стили, без которых сайт не будет правильно отображаться в браузере и файл index.html, который запускает web-сайт.
Файл index.html запускает главную страницу сайта. C этой страницы можно попасть во все разделы сайта, доступные пользователю.
Текст программы находится в Приложении F.
2.3 Описание процесса отладки программы
Тестирование сайта - это процесс отладки программы, заключающийся в пробе, испытании и исследовании сайта на правильность и работоспособность.
Было проведено ряд контрольных тестов для проверки работы программного продукта.
Проверка программы на наличие синтаксических ошибок: просматривалась каждая страница сайта на корректность вывода текста и объектов, впоследствии были устранены все ошибки связанные с выводом информации.
Проверка правильности логической структуры программы: была произведена проверка всех гиперссылок на сайте, все неверные переходы были отредактированы.
Проверка загрузки всех графических материалов сайта: поочередно просматривая каждую страницу сайта было выявлено, что все графические объекты выводятся правильно;
Просмотр сайта на мониторах с различной разрешающей способностью: изменяя разрешающую способность на мониторе, были выявлены некоторые сдвиги объектов, после редактирования файла со стилями все ошибки были устранены.
Таблица результатов тестирования находится в Приложении Е.
3. Организация производства