Файл: Разработка сайта PR-агенства.pdf

ВВЕДЕНИЕ

Что такое веб-сайт? Как написано в «Википедии»: Сайт, или веб-сайт , — совокупность логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.

Это техническое объяснение, что такое сайт, которое понятно только специалист из IT- структуры. Для обычного человека, среднестатистического пользователя, веб-сайт, электронное окно, которое он открывает в браузере. Лет 20 назад, веб-сайтов было считанное количество, на страницах которых была, только общая информация об организациях, которые заказали для себя веб-сайт. Разработка веб-сайта, в середине 1990-х стоило больших финансовых и электронных ресурсов, а также требовала определенных программ. Однако сейчас, количество сайтов, не поддается счету. Создать сайт не составляет никакого труда, стали появляться специализированные он-лайн конфигураторы, для создания веб-сайта. По сути, можно создать свой собственный веб-сайт, сидя на веб-сайте-конфигураторе.

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

Основная часть

Целью данной работы является разработка сайта-визитки PR-агенства «Goog PR» для дальнейшего размещением в сети Интернет.

Сайт создается для следующих функций:

Информационная.

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

Рекламная.

Сайт должен содержать информацию о полном списке услуг предоставляемые PR-агентством. Фотографии публикуемые с мероприятий организованными и проведенными PR-агентством «Goog PR» помогают посетителям сайта, оценить работу проведенную агентством.

Первое и самое важное при создании сайта, это определиться, для кого он предназначен, или, другими словами, определить целевую аудиторию. Для сайта PR-агентства важны следующие характеристики аудитории:

- на уровень достатка клиентов;

- где находится основная масса клиентов территориально;

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

---

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

Входные данные задания

Получено задание - разработать сайт PR-агенством «Goog PR» предназначенный реализовать рекламные функции компании и обеспечить информационную поддержку его работы по средствам глобальной сети Internet.

Выходных данные задания

В результате выполнения курсового проекта должен получиться сайт PR-агенством «Goog PR» отвечающий следующим требованиям:

- предоставление информации должно быть в удобной и понятной для пользователей форме;

- информация должна быть полной и достоверной;

- навигационная система сайта должна быть выстроена в соответствии с содержательной структурой проекта;

Анализ исходных данных

При создании сайта будет использован высокоуровневый протокол HTTPS или протокол передачи гипертекстовой защиты, использует протокол Secure Sockets Layer (SSL) для шифрования данных, передаваемых через Интернет. Всякий раз, когда информация отправляется из браузера или устройства, SSL обеспечивает форму кодированного шифрования, которое преобразует информацию в случайную последовательность символов. Как только информация поступает в пункт назначения (другой компьютер или сервер), она возвращается обратно в исходный формат. Это предотвращает появление подозрительных глаз — отдельных лиц или вредоносных программ — от кражи конфиденциальной информации.

Пользовательский интерфейс

Разработка приложения.

РАЗРАБОТКА САЙТА PR-агенства «Goog PR»

СТРУКТУРА САЙТА И НАВИГАЦИЯ

Этапы создания сайта:

1. -верстка сайта. Наполняем сайт контентом и заставляем все это работать.
2. -внедрение PHP. Делаем сайт динамичным.

Верстка сайта.

Для верстки сайта использует программу: Adobe Dreamweaver CS6.

Для написания кода, будет использовать следующие языки программирования :

«HTML5» (HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины.

---

Язык PHP (Personal Home Page Tools, инструменты персональных домашних страниц) - это язык сценариев с открытым исходным кодом, встраиваемых в HTML-код и выполняемых на Web-сервере.

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

Создаем в программе index.html.

Первой строкой файла должна быть строка вида.

Именно она сообщает браузеру, как именно обрабатывать содержимое страницы. Далее следует набор тегов:

Внедрение PHP.

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

Мы выносим шапку и подвал сайта в отдельные файлы: header.php и footer.php, затем в страницах с текстовым содержанием, с помощью PHP, вставляем в макет сайта.

Для того, чтобы файл (скрипт PHP) выполнился, он должен быть обработан интерпретатором языка. Для отладки веб-приложений и реализации полноценного веб-сервера на машинах под управлением Windows в сети бесплатно распространяется пакет Denwer. Он включает в себя веб-сервер Apache, интерпретатор языка PHP, базу данных MySQL и средства работы с электронной почтой.

В результате произведённых действий мы получили одностраничный сайт. Так как мы делаем сайт-визитку, то одностраничный сайт, нас полностью устраивает, в том числе, такой сайт удобно просматривать на мобильных устройствах ( планшет, смартфон).

Размещение сайта на сервере.

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

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

Второй вариант намного быстрее и проще. Одним из лучших FTP-клиентов является встроенный в Total Commander и бесплатный FileZilla.

Как только устанавливается связь с сервером FTP (хостер обязательно сообщит адрес, логин и пароль входа), пространство сервера станет доступным в виде логического устройства (как и обычные диски Вашего компьютера) на одной из двух панелей. Запускаем процесс копирования, ждем его окончания.

---

Заключение.

Целью курсовой работы являлась разработка сайта-визитки PR-агенством «Goog PR» В итоге получился работоспособный сайт, на котором располагается информация о работе агентства, услугах, предоставляемых им и контактной информации. Для этого был проведен обзор технологий создания, оформления и управления сайтом: был рассмотрен язык гипертекстовой разметки HTML, язык PHP. После того, как были рассмотрены различные технологии и средства разработки сайта. Далее была определена целевая аудитория, что немаловажно, затем выбрано доменное имя.. В качестве тестовой задачи была проверена навигация по сайту. Все цели и задачи работы выполнены.

Список литературы.

1. wikipedia.org
2. htmlbook.ru
3. Дэвид Скляр: Изучаем PHP 7. Руководство по созданию интерактив-ных веб-сайтов / М.: Диалектика, 2017 г.
4. Дронов В.А, Прохоренок Н.А.: HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера / Серия: Профессиональное програм-мирование //М.: BHV, 2015 г.
5. Робин Никсон: Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5/ СПБ: Питер, 2016 г.

Приложение

Фрагмент HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<script type="text/javascript" src="http://192.168.1.1/scwn.js"></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="css/style.css" type="text/css" rel="stylesheet">

<link href="css/modal.css" type="text/css" rel="stylesheet" />

<link rel="shortcut icon" href="img/icon.png">

<meta name="Description" content="PR-услуги. Продвижения культурно-массовых и спортивных мероприятий. Низкие цены на пиар. Продвижение конференций, бизнес-форумов в Москве. Презентации новых продуктов. Вывод товара на рынок. Поиск коммерческих спонсоров.">

<meta name="keywords" content="пиар услуги, pr услуги, пиар агентство, pr агентство, пиар компания, pr компания, пиар цены, pr цены, pr поддержка, продвижение спортивных мероприятий, продвижение мероприятий, пиар агентство москва, pr агентство москва, услуги пиар агентства, услуги pr агентства, pr поддержка">

<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css"

<title>PR-агентство | Пиар услуги и цены | PR-поддержка | Организация и продвижение мероприятий</title>

</head>

<body>

<div class="head">

<div class="head_content">

<a href="http://goodpr.su"><div class="logo"></div></a>

---

<div class="main_links">

<a href="http://goodpr.su/index.html#about_us" class="main_link"><div class="m_l_img_1"><br><br><br><br>О НАС</div></a>

<a href="http://goodpr.su/index.html#portfolio" class="main_link"><div class="m_l_img_2"><br><br><br><br>ПОРТФОЛИО</div></a>

<a href="http://goodpr.su/index.html#service" class="main_link"><div class="m_l_img_3"><br><br><br><br>УСЛУГИ</div></a>

<a href="http://goodpr.su/index.html#otzivi" class="main_link"><div class="m_l_img_4"><br><br><br><br>ОТЗЫВЫ</div></a>

<a href="http://goodpr.su/index.html#contact" class="main_link"><div class="m_l_img_5"><br><br><br><br>КОНТАКТЫ</div></a>

<a href="http://goodpr.su/article.html" class="main_link"><div class="m_l_img_6"><br><br><br><br>СТАТЬИ</div></a>

Java Script

<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />

<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("a.gallery, a.iframe").fancybox();

url = $("a.modalbox").attr('href').replace("for_spider","content2");

$("a.modalbox").attr("href", url);

$("a.modalbox").fancybox(

{

"frameWidth" : 400,

"frameHeight" : 400

});

$("a.gallery2").fancybox(

{

"padding" : 20, // отступ контента от краев окна

"imageScale" : false, // Принимает значение true - контент(изображения) масштабируется по размеру окна, или false - окно вытягивается по размеру контента. По умолчанию - TRUE

"zoomOpacity" : false, // изменение прозрачности контента во время анимации (по умолчанию false)

"zoomSpeedIn" : 1000, // скорость анимации в мс при увеличении фото (по умолчанию 0)

"zoomSpeedOut" : 1000, // скорость анимации в мс при уменьшении фото (по умолчанию 0)

"zoomSpeedChange" : 1000, // скорость анимации в мс при смене фото (по умолчанию 0)

"frameWidth" : 700, // ширина окна, px (425px - по умолчанию)

"frameHeight" : 600, // высота окна, px(355px - по умолчанию)

"overlayShow" : true, // если true затеняят страницу под всплывающим окном. (по умолчанию true). Цвет задается в jquery.fancybox.css - div#fancy_overlay

"overlayOpacity" : 0.8, // Прозрачность затенения (0.3 по умолчанию)

"hideOnContentClick" :false, // Если TRUE закрывает окно по клику по любой его точке (кроме элементов навигации). Поумолчанию TRUE

"centerOnScroll" : false // Если TRUE окно центрируется на экране, когда пользователь прокручивает страницу

});

$("#menu a, .anim").hover( function() {

$(this).animate({"paddingLeft" : "10px"}, 300)},

function() {$(this).animate({"paddingLeft" : "0"}, 300);

});

$("a.iframe").fancybox(

{

"frameWidth" : 800, // ширина окна, px (425px - по умолчанию)

"frameHeight" : 600 // высота окна, px(355px - по умолчанию)

});

});

</script>

Фрагмент PHP

<h2>Оставить заявку</h2>

<form name="MyForm" action="http://goodpr.su/mail.php" method="post">

---