- •Отчет по преддипломной практике
- •Введение
- •Календарно-тематический план выполнения программы преддипломной практики.
- •Общесистемный раздел
- •Общая характеристика места прохождения практики
- •Аппаратное обеспечение отдела
- •Технологии веб-разработки
- •Язык разметки html
- •Язык css
- •Язык php
- •Язык JavaScript
- •Системы управления базами данных (субд)
- •Специальный раздел
- •Процесс разаработки веб-сайта
- •Проектирование архитектуры сайта
- •2.2. Функциональная схема сайта
- •Создание прототипов
- •Html разметка
- •Интеграция в систему управления
- •Экономико-организационный раздел
- •Определение трудоемкости разработки проекта
- •Конфигурация автоматизированных рабочих мест
- •Определение стоимости разработки пс вт
- •Расчет основных показателей экономической эффективности
- •Безопасность и экологичность раздел
- •Охрана труда в помещении с пэвм
- •Общая характеристика помещения с пэвм
- •Гигиеническая сертификация используемого оборудования (пэвм, эвт) и специальная оценка условий труда на рабочих местах с пэвм
- •Санитарно-гигиенические и психофизиологические факторы условий труда в помещении с пэвм (эвт), мероприятия и технические средства по снижению их негативного влияния
- •Характеристика выполняемой на пэвм работы и рекомендации по улучшению ее организации
- •Профессионально-обусловленные заболевания и медицинское обслуживание пользователей пэвм.
- •Характеристика помещения с пэвм (эвт) по электроопасности и обеспечение электробезопасности в данном помещении
- •Характеристика помещения с пэвм (эвт) по взрывопожароопасности и обеспечение пожаровзрывобезопасности в данном помещении
- •Мероприятия и технические средства по предупреждению чрезвычайных ситуаций и ликвидации их последствий
- •Мероприятия и технические средства по охране окружающей среды в районе расположения объекта исследования
- •Детальная разработка вопроса бжд - Эргономическая организация рабочего места с пэвм
- •Заключение
- •Список использованных источников
- •Приложение п.1 Исходный код главной страницы веб-сайта
- •П.2 Исходный код страницы «Новости»
- •П.3. Исходный код Style.Css
Аппаратное обеспечение отдела
Перечень оборудования, установленного в фирме.
Таблица 1.1 Перечень оборудования отдела информационных технологий.
№ п/п |
Наименование оборудования |
Кол-во |
Краткая техническая характеристика |
1 |
Рабочая станция |
7 |
ПЭВМ HP t620 QC F5A63AA GX-420CA(2.0Ghz)/ 4Gb/ 16Gb SSD/ 16Gb Flash/ AMD FirePro 2270/ Win8 |
2 |
Рабочая станция программиста |
7 |
ПЭВМ TopComp MG 5308361 (Intel Core i5 4440 3.1 ГГц, 4 Гб, 1000 Гб, GeForce GTX 650 4096 Мб, DVD±RW) |
3 |
Монитор |
15 |
19" LG Flatron W1942T-BF TFT 5ms,DFC 8000:1,DVI,black. |
4 |
Коммутатор на 16 портов |
1 |
D-Link Switch DES-1018DG 16-port UTP 10/100Mbps + 2-port 10/100/1000Mbps |
6 |
Принтер |
3 |
Samsung CLP-300N <Цветной Лазерный, 16стр/мин, 2400х600dpi, USB2.0, LAN> |
Таблица 1.2 Перечень программного обеспечения, используемого в отделе информационных технологий.
№ п/п |
Наименование оборудования |
Краткое описание |
1 |
Adobe Dreamweaver CS3 Русский |
HTML редактор |
2 |
NetBeans IDE 7.4 |
HTML редактор |
3 |
Adobe Photoshop CС |
Графический редактор |
4 |
SESpider |
Анализ позиции сайта |
5 |
Dr. Web |
Антивирус |
6 |
Windows 8 |
ОС рабочих станций |
Технологии веб-разработки
Язык разметки html
HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге.
В HTML разметке существует 3 основных тега (блока): <html>, <head>,<body>. Причем:
<html><head>….</head><body>….</body></html>
Таким образом блоки <head> и <body> являются «обернутыми» блоком <html>. Каждый из этих блоков должен быть закрыт. Заголовок документа, как еще называют блок <head>, может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице, за исключением контейнера <title>. В блоке <head> прописывается основная мета-информация, подключаются таблицы стилей с помощью одиночного тега <link>, и скрипты, нужные для анимации элементов.
В теле блока <body> выстраивается сверху вниз вся информация страницы – текст, ссылки, картинки и т.д., так чтобы в соответствии с макетом и прототипом все следовало одно за другим, с помощью тегов.