Бакалаврская работа Web-сайт фирмы «Металлопласт» Студент гр. БПО-08 -01 Ю. В. Данилова Руководитель: преподаватель П. С. Скоромный
Цель данной работы: разработка web-сайта фирмы «Металлопласт» и размещение его в сети интернет. Основные задачи сайта: - продвижение фирмы в сети Интернет; - прием заявок; - информационный обмен с клиентами через гостевую книгу; - ознакомление посетителей сайта с деятельностью фирмы. 2
Требования заказчика: - индивидуальный дизайн; гостевая книга; галерея; корректное отображение в браузерах; уникальный контент; отправка заказа онлайн; администрирование сайта. 3
В процессе выполнения проекта проделаны следующие виды работ : § § § ознакомление с работой фирмы; исследованы возможные способы реализации; изучена предметная область вебпрограммирования; создание дизайна; регистрация доменного имени; организация хостинга сайта. 4
5
6
7
8
Инструментальные средства - HTML; стилевые таблицы – CSS; Java. Script; библиотеки JQuery; Adobe Photoshop CS 5 trial; Adobe Dreamweaver CS 5 trial; Ramus. 9
Тестирование сайта 1) Статистика браузеров Live. Internet за апрель 2012 года в России 2) Соответствие стандартам W 3 C - http: //validator. w 3. org 10
Виды верстки Табличная c <HTML> <BODY> <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 Height=1100> <TR><TD ROWSPAN=1 COLSPAN=9 WIDTH=1000 HEIGHT=108> <IMG NAME="UL 20" SRC="images/2 -1 x 1. jpg" WIDTH=1000 HEIGHT=108 BORDER=0 ></TD></TR> <TR><TD ROWSPAN=8 COLSPAN=1 WIDTH=46 HEIGHT=992> <IMG NAME="UL 21" SRC="images/2 -2 x 1. jpg" WIDTH=46 HEIGHT=992 BORDER=0 ></TD> </TABLE> </BODY> </HTML> 11
Блочная <html> <head> <style> div { border: 1 px dashed #FF 9933; } </style> </head> <body background="images/cream 16. gif"> <div id="all" style="height: 100%"> <div id="shapka" style="height: 108 px" align="center"><img src="images/2 -1 x 1. jpg" width="1000" height="108" alt="Biostroy"></div> <div id="menu" style="height: 100 px">Меню</div> <div id="slide">Slide</div> <div id="content">Контент</div> <div id="footer" style="height: 50 px">Подвал</div> </body> </html> 12
Результаты работы: разработан индивидуальный дизайн; верстка (таблично-блочная); интеграция в единый дизайн: галереи, гостевой книги; для работы сайта не требуется БД; зарегистрирован домен biostroy-ufa. ru; организован хостинг сайта. 13
Демонстрация сайта biostroy-ufa. ru 14
Скачать презентацию Бакалаврская работа Web-сайт фирмы Металлопласт Студент гр БПО-08
Данилова.ppt