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

 

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

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

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

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

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

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





ОТЧЕТ

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

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





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

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

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

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






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


Оглавление


Введение

Про сайт HTML

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

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

Заключение

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



Введение


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

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

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

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

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

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

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

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

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

Про сайт HTML


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

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

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

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


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


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

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

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


<title>LidiaTravel</title>


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


<div id="thumbs">

<a

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

a>

<a href="style/images/art/Autstralia.jpg">2</a>

<a href="style/images/art/moscow_1.jpg">3</a>

<a href="style/images/art/Lake-Michigan.jpg">4</a>

<a href="style/images/art/nastol.com.ua-15226.jpg">5</a>

</div>

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


<div id="menu">

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 ="кукусайт.html">


Контакты


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

</div>


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


<div>

недели:</h4><ul>

href="#"justify">">


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


</a> </div></li><li><div ="center"><a

href="#"justify">">


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


</a> </div></li><li><div ="center"><a

href="#"justify">">


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


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


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


<div>


Галерея


</h4><ul>

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

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


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


<div>

href="#"justify">Специальные предложения


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

><div>


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


</p></div>

</li><li>

name="Отправить">

class="response"></div></div>

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

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


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


<div>

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

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


<div>


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


</h3><!-- Form

--><div>

handler.php" method="post"><fieldset><ol><li>

row"><label>


Имя


*</label><input type="text" name="name" value="">

required" title="" /></li><li>

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

class="text-input required email" title="" /></li><li>

area-row"><textarea name="message">

required"></textarea></li><li>

type="hidden" name="hidden" value="" />

</li><li>

name="Отправить">

class="response"></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>

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


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


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

href="#"justify">href="#"justify">expert.ru/lidiatravel/ </li><li>+79202567575 </li><li><a

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

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






Заключение


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

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




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


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

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

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


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

Больше работ по теме:

КОНТАКТНЫЙ EMAIL: [email protected]

Скачать реферат © 2017 | Пользовательское соглашение

Скачать      Реферат

ПРОФЕССИОНАЛЬНАЯ ПОМОЩЬ СТУДЕНТАМ