Разработка web-сайта торгового предприятия (на примере ООО "Флагман")

Министерство образования и науки Российской Федерации

Федеральное агентство по образованию

Государственное образовательное учреждение высшего профессионального образования "Алтайский государственный технический университет им. И. И. Ползунова

УДК 32.973.26-018.2

Допустить к защите в АК

Исполнительный директор ВТУ,

к.ф.-м.н, профессор Бразовская Н. В.

разработка web-сайта ТОРГОВОГО ПРЕДПРИЯТИЯ (на примере ООО "Флагман")

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА К ДИПЛОМНОЙ РАБОТЕ

Руководитель проекта к.ф-м.н, Н. В. Бразовская

Барнаул

Содержание

Введение

1. Технологии разработки сайтов

1.1 Основные определения, термины и понятия

1.2 Современное положение в сфере Web-дизайна

1.3 Ключевые особенности современных Web-редакторов

1.4 Краткое описание Web-редакторов

2. Технологическое обоснование

2.1 Историческая справка

2.2 Обоснование выбранного способа Web-конструирования

2.3 Виды современного дизайна

2.4 Элементы дизайна

2.4.1 Шрифт и текст

2.4.2 Заглавия и заголовки

2.5 Графика на Web-страницах

2.5.1 Форматы графики на Web-страницах

2.5.2 Оптимизация графики

3. Правовые аспекты создания и использовании web-сайта в сети Интернет

3.1 Положение web-сайта как объекта правозащиты

3.2 Web-дизайнер как правообладатель

3.3 Нарушение прав в сфере Web-дизайна

3.4 Лицензирование

Заключение

Список литературы

Приложение 1

Приложение 2

Введение

Положение в сфере рекламы в наше время высоких технологий меняется с каждым днем. На смену телерекламы и рекламы в газетах пришел новый вид рекламы - через Интернет. Веб-дизайнеры быстро поняли эффективность нового средства массовой информации. Сегодня наличие собственного сайта считается критерием современного предприятия или фирмы. Значительную часть Интернета составляют сайты, всецело посвященные рекламе.

Целью данной дипломной работы является создание сайта , соответствующего современному положению вещей в сфере рекламы с учетом особенностей Интернета. Для этого необходимо было создать сайт, отвечающий следующим требованиям :

- современный дизайн;

- дружественный интерфейс;

- удобство загрузки.

Результатом дипломной работы стал сайт торгового предприятия ООО "Флагман", который представляет собой множество логически взаимосвязанных между собой страниц. Основным принципом дизайна, реализованного в работе, стал принцип простоты и доступности.

Данный сайт является своего рода каркасом , который можно с успехом модифицировать. Так, например, если бы магазин распространял свои товары по заказу (на дом), то можно было бы создать подобную систему заказа товара через Интернет посредством данного сайта. На данный же момент сайт отвечает всем требованиям заказчика.

Основные средства, использованные при создании сайта :

- Microsoft FrontPage - редактор веб-страниц;

- Adobe Photochop - редактор изображений;

1. Технологии разработки сайтов

1.1 Основные определения, термины и понятия

Чтобы разместить информацию в сети Интернет, ее необходимо представить в виде файлов, которые программами пользователей будут определены как страницы документа (этот документ может быть предназначен для чтения, просмотра графики или видео, заполнения интерактивных форм и других целей). Эти файлы создаются с помощью специального языка описания и разметки гипертекста HTML (Hyper Text Markup Language) и называются HTML-файлами.

Web-страница - это документ, который может получить пользователь в результате прочтения HTML-файла, используя Web-обозреватель. Web-страница может содержать текст, графику, ссылки на другие документы и различные файлы: текстовые, графические, аудио или видео

Web-обозреватель - специальная программа, предназначенная для чтения HTML-файлов и их отображения. В настоящее время существует множество таких программ, но наибольшее распространение получили MS Internet Explorer, Opera, Netscape Navigator. Web-обозреватель можно использовать для переходов с одной Web-страницы на другую по гиперссылкам, для загрузки файлов из Internet на компьютер, для воспроизведения внедренных на Web-страницу файлов мультимедиа, а также для запуска программ приложений (например, почтовых)

Web-сайт/Web-узел - несколько Web-станиц, объединенных в общую структуру.

Web-сервер - подключенный к сети Internet компьютер, поддерживающий протокол HTTP (Hyper Text Transfer Protocol) Он используется для доставки данных в Internet и позволяет пользователям клиентских программ загружать и воспроизводить текст, рисунки, звук, видео и другие данные. Протокол FTP (File Transfer Protocol) также является распространенным способом загрузки файлов на удаленный сервер.

Гиперссылка - это текстовый или графический элемент Web-страницы, который является указателем перехода на другую Web-страницу. Различают внутренние и внешние гиперссылки. Внутренние - обеспечивают переход на другую часть данной страницы, файл или другую страннику данного Web-узла. Внешние - указывают на файл или страницу другого Web-узла.

1.2 Современное положение в сфере Web-дизайна

В наше время профессия Web-дизайнера стала массовой; почти каждая фирма и даже небольшая фирма имеет свое "представительство" в Интернете, авторам новых продуктов или технологий трудно рассчитывать на успех без массированной рекламы в сети. Этот мощный "социальный заказ" породил целую индустрию средств Web-проектирования и программирования. Американские софтверные фирмы, точно уловив тенденции рынка, сделали ставку на развитие программных средств, ориентированных на различные секторы Weft-дизайна и электронной коммерции.

Язык HTML никогда не считался сложным языком. Информатика знает значительно более сложные лингвистические системы. Например, стандарт языка APT (Automatically Programmed Tools), предназначенного для описания конструктивно-технологической информации, включает в себя более тысячи зарезервированных слов и языковых конструкций. Лексикон языка HTML значительно скромнее; тем не менее, не каждый опытный программист свободно владеет всеми дескрипторами гипертекстовой разметки, их атрибутами. В современные версии Web-редакторов входит электронное справочное руководство, содержащее компактное и полное изложение основных языковых средств, используемых для создания Web-документов. Это теги языка HTML (Hypertext Markup Language), стилевые декларации CSS (Cascading Style Sheet), функции и операторы языка JavaScript, соглашения и описания DOM (Document Object Model).

Современные Web-сайты представляют собой сложные по структуре гетерогенные документы с динамическим интерфейсом и интерактивными эффектами. Один, даже самый, как сейчас принято говорить, продвинутый редактор HTML не способен удовлетворить все потребности Web-дизайнера, Авторам гипертекстовых страничек приходится прибегать к услугам многочисленных программ и программных дополнений, предназначенных для работы с графикой, создания анимации, загрузки содержимого узла на удаленный сервер и др.

Процесс разработки развитого сетевого проекта, как правило, не заканчивается созданием всех составляющих гипертекстовых документов и ссылочной структуры. Чтобы "вживить" новый сайт в "ткань" всемирной Сети, требуется выполнить большой объем работ по сопровождению проекта. Регистрация на поисковых машинах и в каталогах, организация сетевой рекламы, обмен ссылками и баннерами с родственными сетевыми ресурсами - вот далеко не полный перечень необходимых мероприятий по поддержке Web-узла. Все эти операции сопровождаются изменениями версий документов, расположенных на удаленном сервере. В оболочку современных Web-редакторов интегрировано специальное средство, предназначенное для обслуживания опубликованных в сети документов и сайтов. Оно располагает всеми необходимыми инструментами для дистанционного обновления версий документов. Это средство поддерживает распределенную работу нескольких исполнителей над одним сетевым проектом, обладает механизмом синхронизации версий документов и защиты от несанкционированного доступа.

Известно, что многие визуальные редакторы HTML весьма нерационально обращаются с кодами гипертекстовой разметки. Это значит, что часто они порождают избыточный, громоздкий исходный текст, перегруженный сложными языковыми конструкциями. Современные Web-редакторы порождают чистый лаконичный исходный текст, в котором почти нет вспомогательных дескрипторов и громоздких служебных комментариев.

Современные Web-редакторы основаны на принципе открытой архитектуры. Это значит, что полностью открыт интерфейс прикладного программиста (Application Programming Interface, API), с помощью которого сторонние программисты и софтверные фирмы могут выполнить радикальные изменения функциональных возможностей программы и ее интерфейса: добавить новый инструмент, создать палитру или раздел меню, запрограммировать новый объект или мультимедийный ролик и прочее.

1.3 Ключевые особенности современных Web-редакторов

Редактор источников кода. Редактор источников кода предоставляет неограниченные возможности контроля над HTML-тэгами и их форматированием. Для того, чтобы переключиться из режима разметки страницы в режим редактирования кода, достаточно просто щелкнуть по специальной вкладке в окне документа. Внеся изменения в код, вы можете тут же просмотреть их, щелкнув по другой вкладке.

Контроль синтаксиса. Опытные Web-программисты знают, что поддержка HTML и функций JavaScript немного отличается на различных платформах. Вот почему современные Web-дизайнеры имеет встроенную функцию проверки синтаксиса. Она позволяет узнать, какие браузеры и на каких платформах поддерживают все те элементы, которые вы предусмотрели на своей странице, будь то DHTML или таблицы стилей. Вы можете создать страницу в HTML 4.0, преобразовать ее в стандартный формат HTML 3.2 или сделать в обоих вариантах, предоставив право выбора пользователю.

Динамические компоненты и шаблоны. Если на Web-сайте есть такие общие элементы дизайна, как навигационные панели и заголовки, которые присутствуют на каждой странице, то вам особенно понравятся динамические компоненты, позволяющие использовать некоторые элементы страниц, сделанные ранее и уже оснащенные текстами, картинками или другим содержимым. Проще говоря, можено создавать шаблонные страницы и использовать их снова и снова для создания сложных сайтов.

Встроенный ftp-клиент. Современные Web-сайты оснащены полным интегрированным FTP-клиентом, который позволяет загружать и обновлять Web-сайт. Когда создается необходимость обновить сайт, запускается процесс - будут обновлены только измененные файлы. Можно так же переносить отдельные страницы, просто "перетаскивая" их с панели FTP или, наоборот, на нее. Для удобства работы современные Web-дизайнеры рассчитывает время, которое понадобится посетителям сайта для загрузки ваших страниц.

Работа со спецэффектами.

Стандарт для поддержки средств мультимедиа, основанных на Web. Пользователь может импортировать звук, видео, спецэффекты и определять связи между ними. Новый редактор позволяет комбинировать видео и аудио, создавать переходы и делать различные другие преобразования для повышения качества видео - и все это благодаря интуитивному интерфейсу современных Web-страниц.

Готовые для использования Java-сценарии. Современные Web-редакторы содержат целый набор готовых к употреблению Java-скриптов, которые позволяют внести элементы интерактивности в Web-страницы.

Таблицы стилей (Cascading Style Sheets). Современные Web-редакторы поддерживает технологию так называемых таблиц стилей (cascading style sheets (CSS)) - cutting-edge. Технология предоставляет беспрецедентные возможности контроля над внешним видом страниц, в том числе и платформо-независимыми вариантами. Вам больше не придется создавать специальные однопикселовые изображения и вложенные таблицы чтобы сверстать страницу так, как вы хотите. Web-редактор позволяет визуально создавать и редактировать таблицы стилей, позиционировать изображения и текстовые блоки на странице при помощи плавающих областей, определять шрифты, цвета и размеры для достижения наилучшего варианта дизайна, а также создавать и редактировать как внешние стили, определенные для всего сайта, так и стили отдельных страниц.

1.4 Краткое описание Web-редакторов

Adobe GoLive Данный редактор является достаточно профессиональным инструментом для Web-разработки, он может работать с графическими приложениями компании Adobe (Photoshop, Illustrator, LiveMotion, и т.д.). Программа обладает мощными возможностями для дизайна: отличительной чертой является опция Layout Grid (Решетка макета), которая сильно облегчит работу тем дизайнерам, которые стремятся создавать графику с точностью до пикселя. Также программа обладает превосходной поддержкой возможностей мультимедиа - в нее встроен редактор QuickTime, а также предусмотрена поддержка форматов SVG и Flash. Программа генерирует четкий исходный текст и обеспечивает широкие возможности управления сайтами. Но за все эти плюсы придется платить - освоить программу нелегко, но в результате вы сможете создавать решения для Web очень высокого класса. Также данный пакет поддерживает технологию drag-and-drop почти всюду, где это возможно. Профессионалы в области Web-дизайна и фанаты других продуктов Adobe несомненно сочтут GoLive очень удачным дополнением к привычному набору инструментов. Allaire ColdFusion ColdFusion ориентирован на серьезных разработчиков, которые создают приложения Web, поддерживающие электронную коммерцию и базы данных. В данной программе реализовано визуальное программирование профессионального уровня, а также инструменты разработки баз данных и отладки; она также содержит набор мастеров Web Application Wizards. ColdFusion позволяет прямо во время редактирования свернуть исходный текст и быстро перейти в другую секцию. Также есть возможность создавать сложные SQL-операторы, с помощью инструментального набора Visual Database, использовать преимущества встроенных редакторов каскадных таблиц стилей и Image Map, а также отлаживать программы в интерактивном режиме, строка за строкой. Одним из огромных плюсов программы является ее способность манипулировать большими проектами, в которых задействовано много разработчиков и серверов. В программу также встроен мощный серверный язык сценариев (Cold Fusion Markup Language, или CFML) с синтаксисом на основе тегов, который работает с HTML и XML. А поддержка WML (Wireless Markup Language - язык разметки для беспроводных устройств) - это явно нацелено на будущее. В ColdFusio интегрирован пакет HomeSite, поэтому если вам по большей части приходится генерировать обычные Web-страницы, то имеет смысл приобрести инструмент HomeSite вместо всего комплекта. Allaire HomeSite Пакет HomeSite включает в себя большинство инструментов, используемых профессионалами, соблюдая баланс между новейшими возможностями и удобством использования. Ориентирован этот пакет скорее на разработчиков, чем на дизайнеров. Обладает достаточным набором функций, чтобы привлечь внимание любителей ручного кодирования, поддерживает такие современные технологии, как DHTML, SMIL, CSS, ASP, JSP, Perl и XML. HomeSite выделяется тем, что дает пользователям возможность настроить интерфейс: есть возможность создавать собственные инструментальные панели, добавлять заказные кнопки, корректировать клавиатурные ускорители программы и даже использовать Visual Tool Markup Language для изменения интерфейса приложения. Можно также пристыковывать, прятать или отделять части интерфейса. В программе есть замечательная функция CodeSweeper, которая позволяет вносить глобальные изменения на всем Web-сайте. Еще один плюс - режим автоматического завершения, когда при вводе текста заданные пользователем строки завершаются сами. Напрашивается вывод: большой плюс этой программы, особенно для тех разработчиков, которые любят создавать удобные для себя интерфейсы, состоит в том, что данная программа обладает значительно расширенными возможностями настройки по сравнению с другими подобными приложениями. Bare Bones BBEdit Данный пакет ориентирован на HTML-программистов, которые все привыкли делать сами, т.е. здесь нет такого огромного количества функций drag-and-drop, как в других программах, хотя в программе есть множество кнопок для добавления тегов, элементов заголовков и ссылок. Пакет обладает множеством полезных функций, таких как встроенная проверка орфографии, многократная отмена, поддержка 13 различных языков программирования, предварительный просмотр по одному щелчку мыши, инструменты завершения тегов и встроенный генератор таблиц. Но он предназначен главным образом для пользователей, знающих, как писать исходные тексты, любящих создавать страницы в текстовом редакторе и желающих избежать визуальных Web-программ, которые могут изменить сформатированные страницы неожиданным образом.

Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9