Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

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

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

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

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

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

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

ОТЧЕТ

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

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

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

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

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

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

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



Оглавление

• Введение
• Про сайт HTML
• 1 этап. Создание шаблона
• 2 этап. Верстка сайта
• Заключение
• Список литературы


Введение

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

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

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

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

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

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

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

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

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

Про сайт HTML

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

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

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

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

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

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

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

Заголовок документа «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" 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>

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

<div class="sidebar-box"><h4>

Галерея

</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><!-- End Title --> </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>

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

<div class="one-fourth last"><h3>

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

</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. Видео уроки по фотошопу

Размещено на Allbest.ru