- •Реферат
- •Содержание
- •Раздел 1 теоретические основы разработки web-сайта 7
- •Раздел 2 разработка web-сайта 24
- •Раздел 3 проектирование web-сайта 33
- •Раздел 4 охрана труда 58
- •Введение
- •Раздел 1 теоретические основы разработки web-сайта
- •Обоснование необходимости создания web-сайта
- •Понятиеweb-сайта
- •Классификацияweb-сайтов
- •По содержанию
- •По виду
- •Основные языкиweb-программирования
- •JavaScript
- •Системы управления контентом (cms)
- •КлассификацияCms
- •1.5.3WordPress
- •1С-Битрикс
- •Основы дизайнаweb-сайта
- •1.6.3 Дизайн сайта
- •1.6.2 Дизайн логотипа
- •1.7 Вывод по разделу 1
- •Раздел 2 разработкаweb-сайта
- •2.1 Обоснование выбранных технологий при созданииweb-сайта
- •2.1.1 Анализ и выбор графики при создании логотипа
- •2.1.1.1 Преимущества использования векторной графики для создания логотипа
- •2.1.2 Анализ и выбор графики при создании дизайнаweb-сайта
- •2.1.3 Анализ и выбор графического редактора для логотипа
- •2.1.3.1 CorelDraw
- •2.1.3.2 AdobeIllustrator
- •2.1.3.3 Сравнение CorelDraWиAdobeIllustrator
- •2.1.4 Анализ и выбор графического редактора для дизайнаweb-сайта
- •2.1.5 Анализ и выборhtml-редактора
- •2.1.6 Анализ и выборCms
- •2.1.6.1 1С-Битрикс
- •2.1.6.2 Umi cms
- •2.2 Выводы по разделу 2
- •Раздел 3 проектированиеweb-сайта
- •3.1 Изучение бренда
- •3.2 Целевая аудитория
- •3.3 Исследование рынка
- •3.4 Прототипweb-сайта
- •3.4.1 Выбор типаweb-сайта
- •3.4.2 Выбор разметкиweb-сайта
- •3.4.3 Выбор цветовой схемыweb-сайта
- •3.4.4 Прототип логотипа web-сайта
- •3.4.4.1 Изучение логотипов фирм-конкурентов
- •3.4.4.2 Концепция и эскиз
- •3.5 Дизайн сайта
- •3.6 Дизайн логотипа
- •3.7 Интерактивный прототип
- •3.8 Верстка сайта
- •3.8.1 Структура xslt документа
- •3.8.2 Стили сайта
- •3.8.3Php
- •3.8.4 Java Script
- •3.9 Создание страниц сайта вUmi.Cms
- •3.10 Отладка работы сайта
- •3.5 Выводы по разделу 3
- •Раздел 4 охрана труда
- •4.1. Правовые и организационные вопросы охраны труда
- •4.1.1. Виды ответственности
- •4.1.2. Организация обучения безопасности труда
- •4.1.2.1. Обучение и проверка знаний руководителей и специалистов
- •4.2. Оценка условий труда
- •4.2.1 Требования к помещениям для работы с пэвм
- •4.2.2. Требования к уровням шума и вибрации на рабочих местах, оборудованных пэвм
- •4.2.3. Общие требования к организации рабочих мест пользователей пэвм
- •Заключение
- •Список использованных источников
Основные языкиweb-программирования
Для написания web-сайтов были разработаны несколько различных языков программирования, которые реализуют разного рода функционал для того чтобы максимально реализовать интерактивные возможности ресурса.
HTML
HTML (Hyper Text Markup Language) – язык разметки гипертекста). Это система верстки, которая определяет, как и какие элементы должны располагаться наweb-странице. Сайты, созданные по данной технологии представляют собой набор статических страниц.
Чаще всего HTMLиспользуется для небольших, легких сайтов-визиток, в котором не присутствует интерактивный функционал.
Последним стандартом данного языка является HTML5/
CSS
CSS(каскадные таблицы стилей) – набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид.
Возможности работы со стилями издавна включают в разные текстовые редакторы тем самым позволяя придать тексту определенный внешний вид, благодаря CSSэто допустимо и для созданияweb-сайта. Текст, размер, цвет и другие параметры хранятся в определенном файле и легко присоединяются к любомуHTMLтегу.
Еще одним преимуществом стилей является то, что они предлагают намного больше возможности для форматирования, чем обычный HTML.CSSпредставляет собой мощную систему, расширяющую возможности дизайна и версткиweb-страницы.
PHP
PHP– это рекурсивный акроним словосочетанияPHP:HypertextProcessor
PHP– это серверный язык, который осуществляет связь сайта с базой данных сервера.PHPотвечает за динамику сайта, т.е. реализация различных форм регистраций и сценариев.
PHPявляется распространенным языком программирования общего назначения с открытым исходным кодом.PHPсконструирован специально для веденияweb-разработок и его код может внедряться непосредственно вHTML.
JavaScript
JavaScript– это язык сценариев, позволяющих сделатьhtml-страницу интерактивной, т.е. «умеющей общаться» с пользователем. Так как весь процесс сценария выполняется на стороне пользователя без обновления страницу этот язык получил название клиентский.
С помощью JavaScriptможно установить на сайт форму обратной связи, слайдер, современные эффекты, паралакс и т.д.
XML
XML(ExtensibleMarkupLanguage) – это расширяемый язык разметки. Он представляет из себя удобный инструмент для представления и хранения структурированных данных, позволяет обмениваться информацией между программами, участвует в построении специализированных языков разметки (например,XHTML,XSL).
Для создания такой структуры существуют специальные инструкции, которые называются тегами, они помогают правильно читать и понимать документ.
XSL
XSL (Extensible Stylesheet Language) – расширяемый язык таблиц стилей. Этот язык устанавливает правила: какие данные изXML-документа показывать и как следует их отображать в браузере.XSLвключает в себя набор из нескольких языков:
XPath(XMLPathLanguage) – язык запроса к компонентам информационной моделиXML-документа;
XSLFO(ExtensibleStylesheetLanguageFormattingObects) – язык форматирующих объектов, обеспечивающих вывод информации в форматированном виде;
XSLT(ExtensibleStylesheetLanguageTransformations) – расширяемый язык преобразования таблиц стилей.