Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Отчет по преддипломке.docx
Скачиваний:
1
Добавлен:
01.07.2025
Размер:
3 Мб
Скачать

Заключение

Целью преддипломной практики являлась проверка профессиональной готовности будущего специалиста к самостоятельной трудовой деятельности и сбор материалов для написания дипломного проекта.

В период прохождения преддипломной практики требовалось:

  • получение и закрепление навыков при работе с языком гипертекстовой разметки HTML5, формальным языком описания внешнего вида документов CSS3, сценарным языком программирования Javascript, языком PHP и системой управления контентом WordPress;

  • приобретение практических навыков решения проектных задач;

  • разработка сайта для атвомойки ООО «Компания Б.А.М.»;

  • оформление технического задания к написанному сайту;

  • подготовиться к написанию дипломной работы.

В течении преддипломной практики был создан сайт для фирмы ООО «Компания Б.А.М.» на основе языка разметки гипертекста HTML5 и внедрение CMS WordPress, что в полной мере отражает задание как выполненное. В процессе выполнения данных задач были углублены знания в языке HTML5 и СSS3, PHP и JavaScript.

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

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

Список использованных источников

  1. Дронов. В - HTML.5 CSS.3 и Web 2.0 Разработка современныхWeb-сайтов / В. А. Дронов. – Спб., БХВ-Петербург, 2011г.Макс Шлее. QT4: Профессиональное программирование на C++. БХВ-Петербург, 2007.

  2. PHP и MySQL. От новичка к профессионалу / Кевин Янк. – М., Эксмо, 2013 г. – 384 стр.

  3. Этапы разработки и продвижения сайта [Электронный ресурс]. – Режим доступа:http://softmajor.ru/sites/stages/.

  4. Процесс разработки веб сайта [Электронный ресурс] / Креативные решения. – Режим доступа: www.creasol.ru/index2.php?ob=articles_one&id=4.

  5. Обеспечение безопасности веб-сайтов [Электронный ресурс] / пер. с англ. Яндекс. Помощь. Вебмастер. – Режим доступа: http://help.yandex.ru/webmaster/protecting-sites/basics.xml.

  6. Оптимизация сайта [Электронный ресурс]/ Сервис анализа сайтов CY-PR.com. – Режим доступа: http://www.cy-pr.com/wiki/оптимизация+сайта/

  7. NetBeansIDE – Overview [Электронный ресурс]. – Режим доступа:https://netbeans.org/features/‎

  8. СанПиН 2.2.2/2.4.1340-03 «Гигиенические требования к персональным электронов-вычислительным машинам».

  9. ГОСТ 12.1.019-79 ССБТ. «Электробезопасность. Общие требования и номенклатура видов защиты».

Приложение п.1 Исходный код главной страницы веб-сайта

<!DOCTYPE html>

<html>

<head>

<title>Б.А.М. Автомойка</title>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width">

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

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

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

<script src="js/carouFredSel/jquery.carouFredSel-6.2.1.js" type="text/javascript"></script>

<script src="js/scripts.js" type="text/javascript"></script>

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

</head>

<body>

<div class="all">

<div class="header">

<a href="#"><img class="logo" src="img/logo.png" alt="logo"></a>

<div class="phone_number">

<span class="number">+7(777)</span>

<span class="number_bold">370-23-39</span>

<span class="number">+7(727)</span>

<span class="number_bold">354-04-19</span>

</div>

<div class="contacts">

<div class="section">

<a href="info@bam69.ru"><span class="mail">info@bam69.ru</span></a>

<a href="#"><span class="search">Мы на карте</span></a>

</div>

<div class="section">

<span class="address">г. Тверь Вагжанова 11 (территория таксопарка)</span>

<div class="social">

<a href="#"><img src="img/twitter.png" alt="twitter"/></a>

<a href="#"><img src="img/facebook.png" alt="facebook"/></a>

<a href="#"><img src="img/vk.png" alt="vk"/></a>

</div>

</div>

</div>

</div>

<div class="menu">

<ul>

<li><a href="#">Главная</a></li>

<li><a href="#">О компании</a></li>

<li><a href="#">Услуги и цены</a></li>

<li><a href="#">Отзывы</a></li>

<li><a href="#">Блог</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</div>

<div class="wrapper">

<div class="content">

<div class="call">

<img src="img/arrow.png" alt="arrow"/>

<div class="text">

<span>Заказ звонка</span>

<span >Online запись</span>

</div>

<img src="img/arrow.png" alt="arrow"/>

</div>

<div id="tabs" class="tabs">

<ul>

<li><a href="#tabs-1">Online запись</a></li>

<li><a href="#tabs-2">Заказ звонка</a></li>

</ul>

<div id="tabs-1">

<form method="POST" action="send.php">

<input class="field1" placeholder="Имя" type="text" name="name">

<input class="field1" placeholder="Номер телефона" type="text" name="number_phone">

<input class="field1" placeholder="Дата и время мойки" type="text" name="date_and_time">

<div class="car">

<input class="field2" placeholder="Марка" type="text" name="brand">

<input class="field3" placeholder="Номер авто" type="text" name="number_auto">

</div>

<input class="send" type="submit" name="Отправить">

</form>

</div>

<div id="tabs-2">

<form method="POST" action="send.php">

<input class="field1" placeholder="Имя" type="text" name="name">

<input class="field1" placeholder="Номер телефона" type="text" name="number_phone">

<textarea placeholder="Текст сообщения" name="message"></textarea>

<input class="send" type="submit" name="Отправить">

</form>

</div>

</div>

<div class="slider">

<span class="bonus">Получайте бонусы по карте клиента!</span>

<a href="#"><span class="detailed">подробнее</span></a>

<a href="#"><img class="arrow_left" src="img/left.png" alt="left"></a>

<a href="#"><img class="arrow_right" src="img/right.png" alt="right"></a>

<div id="carousel">

<img src="img/slider.jpg" alt="slider"/>

<img src="img/slider.jpg" alt="slider"/>

</div>

</div>

<div>

<div class="prosperity">

<img src="img/pic1.png" alt="pic"/>

<span>работаем 24 часа в сутки, 7 дней в неделю</span>

</div>

<div class="prosperity">

<img src="img/pic2.png" alt="pic"/>

<span>моем грузовые и легковые машины</span>

</div>

<div class="prosperity">

<img src="img/pic3.png" alt="pic"/>

<span>уютная комната отдыха и бесплатный wi-fi</span>

</div>

<div class="prosperity">

<img src="img/pic4.png" alt="pic"/>

<span>бесплатные услуги по карте клиента</span>

</div>

<div class="prosperity">

<img src="img/pic5.png" alt="pic"/>

<span>экономия до 1000 руб по абонементам</span>

</div>

<div class="prosperity">

<img src="img/pic6.png" alt="pic"/>

<span>оплата банковской картой или наличными</span>

</div>

</div>

</div>

</div>

<div class="info">

<div class="wrapper">

<div class="block_left">

<h2>О компании</h2>

<div class="set">

<h3>Sed ut perspiciatis unde omnis iste natus</h3>

<p>voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore...</p>

</div>

<a href="#"><span class="detailed">подробнее</span></a>

</div>

<div class="block_right">

<h2>Отзывы</h2>

<div class="comment_block">

<div class="comment">

<span class="date">16.05.2014</span>

<span class="name">Georg Simon</span>

<span class="response">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>

</div>

</div>

<div class="comment_block">

<div class="comment">

<span class="date">16.05.2014</span>

<span class="name">Georg Simon</span>

<span class="response">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>

</div>

</div>

<a href="#"><span class="detailed">подробнее</span></a>

</div>

</div>

</div>

</div>

<div class="footer">

<div class="menu_footer">

<ul>

<li><a href="#">Главная</a></li>

<li><a href="#">О компании</a></li>

<li><a href="#">Услуги и цены</a></li>

<li><a href="#">Отзывы</a></li>

<li><a href="#">Блог</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</div>

<div class="dev">

<div class="copy">

<span>Сайт разработан в студии</span>

<img src="img/logicloud.png" alt="logicloud"/>

</div>

<div class="social">

<a href="#"><img src="img/twitter.png" alt="twitter"/></a>

<a href="#"><img src="img/facebook.png" alt="facebook"/></a>

<a href="#"><img src="img/vk.png" alt="vk"/></a>

</div>

<div class="phone_number">

<span class="number">+7(777)</span>

<span class="number_bold">370-23-39</span>

<span class="number">+7(727)</span>

<span class="number_bold">354-04-19</span>

</div>

<div class="section">

<a href="info@bam69.ru"><span class="mail">info@bam69.ru</span></a>

<a href="#"><span class="search">Мы на карте</span></a>

</div>

</div>

</div>

</body>

</html>