вкр (1210321), страница 5

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 5)

«шапка»

контентная часть

«подвал»

Рисунок 3.1 – Структура сайта

Сайт создан с помощью языка разметки гипертекста HTML. Также была использована таблица стилей CSS, PHP и язык скриптов JavaScript. Сайт состоит из 6 HTML-страниц. Каждая страница представляет собой объединение четырех логических блоков: «шапка» сайта (содержит название каждого из разделов и меню навигации), контентная часть (содержит основной контент) и «подвал» (содержит информацию о разработчике сайта). Навигация на сайте выполнена в виде списка гиперссылок

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

Шапка сайта – это верхняя часть веб-страницы. Главное ее свойство- это обозначить начало страницы. Шапка сайта является важной составляющей макета и представляет собой сквозной элемент (общий для всех страниц сайта). На ней в основном располагают логотип сайта, название компании, меню навигации и контакты, так же добавляют функцию поиска по сайту. Дизайн должен отличатся от основного фона, но при этом сочетаться с ним, сохраняя целостность.

Шапка сайта – это заметный элемент, на котором должно фокусироваться внимание пользователя сразу при входе на сайт, поэтому элементы меню размещены на фоне слайдера в прямоугольниках, с белым цветом фона «неактивного» элемента и зеленым цветом «активного» элемента меню, используется шрифт размером 14 пикселей, типа Arial, темно-серого цвета.

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

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

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

Главная страница

Филиалы

Подать заявку

О компании

Контакты

Обратная связь

Рисунок 3.2 – Карта сайта

Сайт создан с помощью языка разметки гипертекста HTML. Также была использована таблица стилей CSS, PHP и язык скриптов JavaScript. Сайт состоит из 6 HTML-страниц. Каждая страница представляет собой объединение четырех логических блоков: «шапка» сайта (содержит название каждого из разделов и меню навигации), контентная часть (содержит основной контент) и «подвал» (содержит информацию о разработчике сайта). Навигация на сайте выполнена в виде списка гиперссылок

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

Ниже (рисунок 3.3, 3.4) представлены макеты некоторых страниц сайта. Макеты остальных страниц сайта представлены в приложении А.

Рисунок 3.4 – Макет страницы «Филиалы»

Сайт создан с помощью языка разметки гипертекста HTML. Также была использована таблица стилей CSS, PHP и язык скриптов JavaScript. Сайт состоит из 6 HTML-страниц. Каждая страница представляет собой объединение четырех логических блоков: «шапка» сайта (содержит название каждого из разделов и меню навигации), контентная часть (содержит основной контент) и «подвал» (содержит информацию о разработчике сайта). Навигация на сайте выполнена в виде списка гиперссылок

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

Рисунок 3.3 – Макет главной страницы

Сайт создан с помощью языка разметки гипертекста HTML. Также была использована таблица стилей CSS, PHP и язык скриптов JavaScript. Сайт состоит из 6 HTML-страниц. Каждая страница представляет собой объединение четырех логических блоков: «шапка» сайта (содержит название каждого из разделов и меню навигации), контентная часть (содержит основной контент) и «подвал» (содержит информацию о разработчике сайта). Навигация на сайте выполнена в виде списка гиперссылок

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

1. Шаблон сайта

Главная страница сайта представлен на рисунке 3.5. На ней расположена основная информация о компании. Не переходя по навигации в меню, пользователь с главной страницы может выбрать интересующие его функции (оставить заявку, обратная связь). Дизайн сайта выдержан в корпоративных цветах. В шапке находится слайдер, с помощью которого сайту придается уникальность. Шрифт и размер блоков выбраны так, чтобы пользователю было комфортно воспринимать текст. Так же страницы сайта не перегружены излишней информацией.

Рисунок 3.5 – Главной страницы

Шаблон главной страницы сайта можете увидеть на рисунке 5. На ней расположена основная информация о компании, так же не переходя по навигации в меню, пользователь с главной страницы может выбрать интересующие его функции (оставить заявку, обратная связь). Дизайн сайта выдержан под стиль фирмы. В шапке находится слайдер, с помощью которого сайту придается уникальность. Шрифт и размер блоков сделаны так, чтобы пользователю было комфортно на нем находится. Так же сайт не перегружен излишней информацией.

Шаблон главной страницы сайта можете увидеть на рисунке 5. На ней расположена основная информация о компании, так же, не переходя по навигации в меню, пользователь с главной страницы может выбрать интересующие его функции (оставить заявку, обратная связь). Дизайн сайта выдержан под стиль фирмы. В шапке находится слайдер, с помощью которого сайту придается уникальность. Шрифт и размер блоков сделаны так, чтобы пользователю было комфортно на нем находится. Так же сайт не перегружен излишней информацией.

Рисунок 3.6 – Страницы «филиалы»

На странице «Филиалы» (рисунок 3.6) показана информация о филиалах и главных представительств компании ЗАО «Агентство Рефперевозки», указаны их местоположения и контактные данные. Данные страницы создавались с помощью табличной верстки. В коде это было реализовано с помощью таблицы с тремя строками и двумя столбцами. В левый части расположены данные о фили алах, а в правой – карта с местонахождением объектов.

В разделе «О компании» описывается основной вид деятельности «Агентства Рефперевозки». При создании страницы использовалась блочная верстка. Левый блок содержит фотографии компании, а правый блок – информацию о компании (рисунок 3.7).

Рисунок 3.7 – Страницы «О компании»

Рисунок 3.8 – Страницы «Контакты»

На странице «Контакты» (рисунок 3.8) используется табличная верстка. Таблица состоит из одной строки и двух столбцов.

1. Создание интерактивных элементов

На сайте присутствует слайдер (рисунок 3.9), который создан c помощью языка javascript (текст программного кода представлен в приложении В). Слайдер предназначен для автоматической смены фотографий в шапке сайта.

Рисунок 3.9 – Слайдер

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

Рисунок 3.10 – Кнопка «наверх»

С помощью CSS заданы различные стили текста сайта, было задано расположение объектов страницы и заданы определенные пропорции.

С помощью комплексного использования технологий PHP и MySQL страница «Подать заявку» сайта была связана с базой данных предприятия для реализации возможности пользователю подавать заявку на перевозку груза через Интернет. Клиенты заполняют необходимую форму заявки (рисунок 3.11), затем информация из полей на странице поступает в БД. Сотрудник фирмы обрабатывает заявку и созванивается с клиентом для уточнения введенных данных. Данная возможность облегчит сотрудникам фирмы их работу, сократит время заполнения заявки от клиента «вручную», и так же позволит повысить качество предоставляемых клиентам услуг, так как им не нужно будет тратить время на дорогу, чтобы оформлять заявку.

На рисунке 3.12 представлена страница «Подать заявку»: на этой станице пользователи смогут ознакомится с формой заполнения заявок и одновременно с этим подать её нажатием на кнопку «Отправить».

Рисунок 3.12 – Страница «Подать заявку»

Рисунок 3.11 – Форма подачи заявки

Рисунок 15 – Страница «Подать заявку»

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

Рисунок 3.13 – Страница «Обратная связь»

1. Обеспечение информационной безопасности предприятия

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

Опасно загружать программы из сети Интернет. Множество бесплатных программ (freeware) становится доступными для скачивания в Интернете. Это является одним из достоинств использования открытых сетей, но нужно быть осторожными, потому что некоторые из программ на могут быть опасны. Что бы обезопасить информацию на компьютере, нужно загружать файлы и программы в отдельные папки, чтобы потом без труда вспомнить их расположение. Программы могут взаимодействовать с другими компьютерами в сети, не уведомляя об этом. Поэтому, если компьютер подключен к сети, то любая программа может подключится к ней, не сообщив об этом. Для сохранения целостности информации, предприятия запрещают своим работникам загружать и запускать программы, скаченные из интернета или находящиеся на сайте, в корпоративной сети [3].

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

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

Характеристики

Список файлов ВКР