- •Отчет по преддипломной практике
- •Введение
- •Календарно-тематический план выполнения программы преддипломной практики.
- •Общесистемный раздел
- •Общая характеристика места прохождения практики
- •Аппаратное обеспечение отдела
- •Технологии веб-разработки
- •Язык разметки html
- •Язык css
- •Язык php
- •Язык JavaScript
- •Системы управления базами данных (субд)
- •Специальный раздел
- •Процесс разаработки веб-сайта
- •Проектирование архитектуры сайта
- •2.2. Функциональная схема сайта
- •Создание прототипов
- •Html разметка
- •Интеграция в систему управления
- •Экономико-организационный раздел
- •Определение трудоемкости разработки проекта
- •Конфигурация автоматизированных рабочих мест
- •Определение стоимости разработки пс вт
- •Расчет основных показателей экономической эффективности
- •Безопасность и экологичность раздел
- •Охрана труда в помещении с пэвм
- •Общая характеристика помещения с пэвм
- •Гигиеническая сертификация используемого оборудования (пэвм, эвт) и специальная оценка условий труда на рабочих местах с пэвм
- •Санитарно-гигиенические и психофизиологические факторы условий труда в помещении с пэвм (эвт), мероприятия и технические средства по снижению их негативного влияния
- •Характеристика выполняемой на пэвм работы и рекомендации по улучшению ее организации
- •Профессионально-обусловленные заболевания и медицинское обслуживание пользователей пэвм.
- •Характеристика помещения с пэвм (эвт) по электроопасности и обеспечение электробезопасности в данном помещении
- •Характеристика помещения с пэвм (эвт) по взрывопожароопасности и обеспечение пожаровзрывобезопасности в данном помещении
- •Мероприятия и технические средства по предупреждению чрезвычайных ситуаций и ликвидации их последствий
- •Мероприятия и технические средства по охране окружающей среды в районе расположения объекта исследования
- •Детальная разработка вопроса бжд - Эргономическая организация рабочего места с пэвм
- •Заключение
- •Список использованных источников
- •Приложение п.1 Исходный код главной страницы веб-сайта
- •П.2 Исходный код страницы «Новости»
- •П.3. Исходный код Style.Css
П.2 Исходный код страницы «Новости»
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<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>
</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="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
<div class="news_block">
<div class="news">
<img src="img/news_pic.jpg" alt="news_pic"/>
<h3>Купе ATS от Cadillac</h3>
<p>Горячая новинка! Продажи двухдверки начнутся в США со дня на день, а к нам её привезли для прощупывания почвы, так как решение о поставках ещё...</p>
</div>
<a href="#"><span class="button">подробнее...</span></a>
</div>
</div>
<div class="counter">
<img src="img/left2.png" alt="left2"/>
<ul>
<li>1</li>
<li class="activ">2</li>
<li>3</li>
<li>4</li>
</ul>
<img src="img/right2.png" alt="right2"/>
</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>