Разработка информационного сайта туристической компании "Lidia Travel"

Работа из раздела: «Программирование, компьютеры и кибернетика»

Федеральное государственное бюджетное образовательное учреждение высшего профессионального образования

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

Нижегородский институт управления

Факультет (институт) среднего профессионального образования»

Кафедра «Прикладная информатика»

Направление подготовки (специальность) «Прикладная информатика»

ОТЧЕТ

о прохождении производственной практики

Место прохождения практики: ООО «Веб-сервис»

Студентка Челнокова А.В.

2 курс, учебная группа №Иб-021

Руководитель практики:

Директор: Смирнов С.А.

г. Нижний Новгород

Оглавление

Введение
Про сайт HTML

1 этап. Создание шаблона
2 этап. Верстка сайта

Заключение
Список литературы

Введение

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

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

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

Один из способов автоматизации, это внедрение автоматизированных информационных сайтов в деятельность производства. Это позволяет автоматизировать либо часть действий производства, либо всё производство целиком. Всё зависит от масштабов системы и масштабов предприятия.

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

· повышать необходимость;

· улучшать качество обслуживания клиентов;

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

Цель прохождения учебной практики - использование полученных материалов для создания сайта.

Про сайт HTML

Создание сайта HTML (HyperText Markup Language - язык разметки гипертекстов), который интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Для того чтобы создать сайт, необходимо выполнить 3 этапа работ:

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

· Верстка сайта. Наполняем сайт контентом. Заставляем все это работать.

1 этап. Создание шаблона

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

Был обдуман дизайн сайта.

Заголовок документа «LidiaTravel» делается с помощью кода:

<title>LidiaTravel</title>

Фон сделан зациклено повторяющиеся материки мира с помощью кода:

href='style/images/art/Animals_Birds_Curious_penguin_028216_.jpg'>1</

</div>

В меню выполнено 5 вкладок необходимых для сайта с помощью кода:

<div id='menu' class='menu opacity'><ul><li><a

href='blogaaa.html'>

Главная

</a></li><li><a

href='лкфсайт.html'>

Страны

</a></li><li><a href='лялясайт.html'>

Ваша анкета

</a></li><li><a href='лолисайт.html'>Отзывы</a></li><li><a

href='кукусайт.html'>

Контакты

</a></li></ul> <br style='clear: left' />

</div>

Справа сделано небольшое меню про самые выгодные продажи недели с помощью кода:

<div class='sidebar'><div class='sidebar-box'><h4>Продажи

недели:</h4><ul class='latest-posts'><li> <div align='center'><a

href='http://www.bgoperator.ru/price.shtml?flt=100411293179&flt2=10051

0000863'>

Лучшая путевка в Турцию!

</a> </div></li><li><div

align='center'><a

href='http://www.bgoperator.ru/price.shtml?flt=100410000049&flt2=10051

0000863'>

Незабываемый тур на Кипр

</a> </div></li><li><div

align='center'><a

href='http://www.bgoperator.ru/price.shtml?flt=100410000047&flt2=10051

0000863'>

Тур в солнечный Египет

</a> </div></li></ul></div>

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

Галерея

</h4><ul class='ads'><li><a

href='#'><img src='style/frigateecojetzastavka.jpg' alt='' width='123'

height='130' /></a></li><li><a href='#'><img src='style/Oblaka_27.jpg'

alt='' width='123' height='131' /></a></li></ul> </div>

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

<div class='post-title'><h1><a

href='http://nnovgorod.viasun.ru/'>

Специальные предложения

</a></h1></div> </div><!-- End Post Info -

><div class='post-text'><br /><p>

Хочу вам посоветовать отправится в Австралию! В мир незабываемых впечатлений и приключений

</p></div>

</li><li class='button-row'><input type='Отправить' value='Отправить'

name='Отправить' class='btn-submit' /></li></ol></fieldset></form><div

class='response'></div></div>

программный информационный сайт контент

2 этап. Верстка сайта. Наполняем сайт контентом и заставляем все это работать

Добавим картинку при наведении которой будет надпись и которая будет разгружать текст:

<div class='post-info'><img src='style/Oblaka_27.jpg' alt='Отдыхайте с

нами!' width='595' height='247'></div>

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

Отправьте комментарий

</h3><!-- Form

--><div class='form-container'><form class='forms' action='contact/form-

handler.php' method='post'><fieldset><ol><li class='form-row text-input-

row'><label>

Имя

*</label><input type='text' name='name' value='' class='text-input

required' title='' /></li><li class='form-row text-input-

row'><label>Email*</label><input type='text' name='email' value=''

class='text-input required email' title='' /></li><li class='form-row text-

area-row'><textarea name='message' class='text-area

required'></textarea></li><li class='form-row hidden-row'><input

type='hidden' name='hidden' value='' />

</li><li class='button-row'><input type='Отправить' value='Отправить'

name='Отправить' class='btn-submit' /></li></ol></fieldset></form><div

class='response'></div>

Во вкладке «Страны» будет отображаться набор стран при нажатии которых, будет открываться подробная информация о стране-туристе:

<div class='post-text'><br /><ol><li><a href='http://ссылка'

title='Абхазия'>(страны)</a></ol></div></div>

Во вкладке «Анкета» можно будет отправить анкету заказчику и он увидит информацию о вас для подбора тура:

<form name='anketa' method='post'

action='#'><b>Ф.И.О.</b><br><input type=text name='fio' size=37

maxlength=100><br><br><b>Ваш е-майл:</b><br><input type=text

name='email' size=37 maxlength=80 value='@'><br><br><b>У вас есть

дети?</b> Да<input type=radio name='sex' value='man'> Нет<input

type=radio name='sex' value='woman'><br><br>И т.д. вопросы

</select><br><br><input type=submit value='Отправить анкету'><input

type=reset value='Отмена'></form></div>

Во вкладке «Отзывы» можно будет увидеть все комментарии отправленные на почту и проверенные модератором и выставленные на сайт:

</div><p class='style1'>Екатерина </p><p class='style2'> 24.05.2014

</p><p>…Отзыв…</p></div>

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

<p>Я занимаюсь про… Текст</p><ul><li><a

href='http://vk.com/lidiatravel'>http://vk.com/lidiatravel</li><li><a

href='http://www.workle.ru/lidiatravel/manage/'>http://moy-

expert.ru/lidiatravel/ </li><li>+79202567575 </li><li><a

href='http://vk.com/write?email=lidiatravel@yandex.ru'>lidiatravel@yande

x.ru</li></ul><p><img src='w_c199c3cb.jpg' alt='Я вам помогу!'

width='618' height='424'> </p></div>

Заключение

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

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

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

1. Учебник по HTML

2. Пособие по HTML и начало CSS

3. Видео уроки по фотошопу