Разработка интернет-магазина компьютерной техники

Возможность создавать привлекательные полнофункциональные сайты без технических знаний;

Достаточно широкие возможности для последующего SEO-продвижения созданного сайта;

Моментальный доступ к обширной статистике и аналитике работы созданного сайта.

Недостатки:

Некоторые недоработки функционала и пользовательского интерфейса.

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

Nethouse отличный конструктор, который приемлем для создания сайтов для малого бизнеса (портфолио, визитка, магазин). Достаточно прост в освоении. По заверениям разработчиков, создать сайт на портале не сложнее, чем заполнить страничку в Одноклассниках (рисунок 13 - nethouse).

Рисунок 13 - nethouse

Преимущества:

Готовый сайт можно привязать к своему домену;

Неограниченное дисковое пространство;

Нет навязчивой рекламы;

Бесплатный доступ к основной части возможностей портала;

Удобный интерфейс, красивые шаблоны;

Возможность реализации системы приёма электронных платежей;

Интеграция с социальными сетями;

Подарок новым пользователям в виде рекламы в GoogleAdWords;

Возможность SEO-настройки страниц.

100р на счету для пробы платных услуг.

Приличная техподдержка.

Недостатки:

Нет возможности вставить HTML-код, баннеры;

Нет форума.

Молодой, но весьма перспективный проект. Плюсов больше, чем недостатков, прекрасный вариант для начинающих Интернет-предпринимателей. Чтобы плотнее ознакомиться с конструктором мы написали для вас подробную инструкцию по созданию сайта в Nethouse

Jimdo еще один интересный онлайн-конструктор сайтов, который особенно подойдет для тех, кто не имеет особого желания вникать в процесс создания шаблонов, а также серьезно изучать такие технологии как HTML и CSS (рисунок 14 - jimdo).

Рисунок 14 - jimdo

Преимущества:

Достаточно большой выбор готовых шаблонов;

Интуитивно понятный пользовательский интерфейс;

Тонкая настройка параметров создаваемого сайта;

Возможность SEO-настройки страниц;

Нет навязчивой рекламы;

Возможность загрузки собственного шаблона.

Недостатки:

Относительная сложность интеграции собственного шаблона;

Некоторые ограничения при работе с графическими элементами сайта.

Привязка блоков создаваемого сайта к конкретным координатам (на базовых шаблонах).

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

Umi также простой в освоении конструктор. Сайт или магазин можно создать примерно за 5-10 минут. К тому же, есть возможность переноса на другой хостинг, хотя услуга и платная. В основе сервиса лежит собственный фирменный движок Umi.CMS (рисунок 15 - umi).

Рисунок 15 - umi

Преимущества:

Богатый функционал, много возможностей;

Настройки SEO-оптимизации страниц;

Использование формата XML для отображения любых данных системы;

Использование REST-протоколов для доступа к XML-представлению данных;

Интеграция с социальными сетями и возможность подключения комментариев;

Инструменты для интернет-магазинов (синхронизация каталога и заказов с 1С, создание категорий и характеристик товара, синхронизация каталога и заказов с 1С, синхронизация склада и цен, подключение платежных систем и пр.);

Поддержка Drag&Drop;

Есть выгодная партнёрка.

Недостатки:

Всего 100 Мб дискового пространства в бесплатном пакете.

Высокие цены выкупа.

Нормальный конструктор, ориентированный, прежде всего, на создание магазинов, о чём говорит функционал и основные преимущества

1.4.4 Notepad++

Notepad++ -- свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Поддерживает открытие более 100 форматов.

Notepad++ имеет большие возможности в редактировании Html и PHP. Прежде всего, это, подсветка синтаксиса большого числа языков программирования, -- HTML, CSS, PHP, Java Script, Perl, MySQL, C, C++, С#, Java, Pascal, Python, XML. Выбрать язык, синтаксис которого будет подсвечиваться в открытом документе, можно из верхнего меню редактора Notepad++, выбрав пункт «Синтаксис».

Подсветка синтаксиса в Notepad ++ позволит, например, проверить закрыты ли все Html теги в коде, или визуально определить, что где-то в коде у вас была допущена ошибка, т.к. изменится цветовое оформление кода в этом месте. В Notepad++ имеется подсветки скобок вида { } [ ] ( ) если курсор мыши находится между какими-либо скобками, то эти самые скобки подсвечиваются, выделяя начало и конец блока Html или PHP кода.

Кроме этого текстовый редактор Notepad++ имеет возможность отменить предыдущее действие. При этом количество шагов назад не ограничено (до момента закрытия Notepad++ ), а это позволяет не бояться экспериментировать с кодом без риска необратимых последствий. Отмена действия в редакторе Notepad++ возможна с помощью горячих клавиш Ctrl+Z (Ctrl+Y -- шаг вперед, т.е. отмена произведенной отмены), или же с помощью кнопок в виде загнутых стрелочек на панели инструментов.

Текстовый редактор Notepad++ может преобразовывать так же файлы Html и PHP в кодировку UTF-8 (без BOM). А это позволяет победить проблемы с русской кодировкой при работе с сайтами, созданными на Joomla. Данная функция очень пригодится нам если мы захотим русифицировать понравившейся нам компонент, модуль или плагин.

Кроме уже описанных возможностей программы Notepad++ необходимо отметить и то, что документы открываются в ней в так называемых табах. Работать с которыми, можно перемещаясь между ними, активируя нужный документ, внеся несколько изменений в отрытые документы, а также сохранить их одним кликом мыши, или выполнять сохранение только в активном документе. Если, закрыв программу Notepad++ Вы ее откроете снова то, будут открыты те табы, с которыми велась работа. Это фишка довольно сильно помогает. Я переводил шаблон на протяжении нескольких дней. Открывая на следующий день не нужно искать нужные файлы в каталогах. Также, эту опцию можно отключить в настройках «Разное» (рисунок 16 - пример кода).

Рисунок 16 - пример кода

1.4.5 FrontPage

FrontPage -- устаревший WYSIWYG-редактор HTML, входивший в состав пакета приложений Microsoft Office. Данное приложение при разработке страниц веб-узла пользуется html-движком Trident, который лежит в основе браузера Internet Explorer.

FrontPage удачно сочетает возможности использования визуального конструктора и средства редактирования кода. В новой версии программы появилось разделенное окно (режим Split), которое состоит из двух областей -- «Конструктор» (Design) и «Код» (Code). В окне Design ведется разработка в режиме WYSIWYG, а в окне Code идет автоматическое обновление кода при внесении изменений в макет.

Комплексные средства проектирования позволяют повысить качество создаваемого кода и усовершенствовать навыки программирования (рисунок 17 - frontPage).

Рисунок 17 - frontPage

Функция интеллектуального поиска и замены осуществляет поиск и замену атрибутов или тэгов на заданных страницах. При этом можно указывать сложные правила поиска и замены, что позволяет быстро выполнять обновления Web-узла. FrontPage предоставляет возможность оптимизации HTML-кода, написанного в других приложениях за счет удаления избыточных тэгов, пробелов и т.п. Технология Microsoft IntelliSense позволяет уменьшить вероятность ошибок при написании программного кода благодаря автоматическому завершению операторов и показу параметров, доступных для набираемого кода.

Данная функция используется для HTML, CSS, XSL, JScript, VBScript, JavaScript и ASP .NET. Разработчик JScript позволяет добавлять функцию интерактивности, не требуя писать ни одной строки кода: достаточно выбрать из списка предлагаемых так называемых функций поведения любую вам понравившуюся -- все остальное делается автоматически.

Преимущества FrontPage перед другими редакторами очевидны:

- FrontPage имеет мощную поддержку в Интернете. Существует много Web-узлов, групп новостей, конференций, ориентированных на пользователей FrontPage. Также к FrontPage существует масса платных и бесплатных плагинов (plug-ins), расширяющих его возможности. Например, самые лучшие, на сегодняшний день, оптимизаторы графики Ulead SmartSaver и Ulead SmartSaver Pro от компании Ulead встраиваются плагинами не только в Photoshop, но и в FrontPage. Помимо этого, имеется целая индустрия фирм, разрабатывающих и выпускающих темы для FrontPage.

- Интерфейс FrontPage схож с интерфейсом программ, входящих в Microsoft Office, что облегчает его освоение. К тому же между программами, входящими в Microsoft Office, существует полная интеграция, что позволяет использовать во FrontPage информацию, созданную в других приложениях.

Заключение

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

Для работы с сайтом может использоваться любой из популярных программ-браузеров, такие как Mozilla Firefox, Google Chrome, Opera.

В дипломной работе выполнены все теоретические и практические задачи и достигнуты цели работы.

Данный сайт ориентирован на всех пользователей интернета. С его помощью пользователи смогут получать необходимую информацию и задавать интересующие их вопросы.

При разработке web-сайта были проанализированы современные web-технологии, позволяющие создавать интерактивные web-страницы.

Для выполнения поставленной задачи использовалось программное обеспечение Adobe Dreamweaver CC 2015 и NotePad++.

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

Список использованных источников

1. Кисленко, Н.П. HTML. Самое необходимое, - БХВ-Петербург, 2008

2. Вайнман Л., Вильям. Динамический HTML. Руководство разработчика Web-сайтов. -- М.:Diasoft, 2001, -- 464 с.

3. Гаевский, А.Ю.; Романовский, В.А.100% самоучитель. Создание Web-страниц и Web- сайтов. HTML и JavaScript,- М.: Триумф, 2008

4. Дакетт, Д. HTML и CSS. Разработка и дизайн веб-сайтов [Текст] / Д. Дакетт; пер. с англ.- М.: Эксмо, 2013.- 480 с.

5. Дронов, В. HTML 5, CSS 3 и Web 2.0. Разработка современных Web- сайтов [Текст] / В. Дронов.- Спб.: БХВ-Петербург, 2011. - 416 c.

6. Дунаев, В.В. Основы Web-дизайна [Текст]: самоучитель / В.В. Дунаев.- 2-е изд., перераб. и доп.- Спб.: БВХ-Петербург, 2012. -480с.

7. Матросов, А.В.; Сергеев, А.О.; Чаунин, М.П. Html 4.0, - СПб: БХВ, 2005

8. Матросов А., Сергеев А. HTML 4.0: Новый уровень создания HTML-документов СПБ:БХВ, 2003. - 670 с.

9. Как раскрутить Web-сайт, Загуменнов А. П., ДМК, 2001, 272 с. Настольная книга Web-мастера. Полное руководство (CD), Коржинский С., КноРус, 2000, 304 с.

10. Китинг, Д. Flash MX. Искусство создания web-сайтов [Текст] / Д. Китинг.- М.: ТИД ДС, 2012. - 848 c.

11. Костин, С. П. Самоучитель создания Web-сайтов [Текст] / С.П. Костин.- М.: Триумф, 2009. - 176 c.

12. Кузнецов, М. Самоучитель PHP 5/6 [Текст] / М. Кузнецов, И. 53 Симдянов. - 3-е изд., перераб. и доп. - СПБ.: БВХ-Петербург, 2014. - 672 с.

13. Матросов, А. HTML 4.0 [Текст] / А. Матросов, А. Сергеев, М. Чаунин. - СПб.: БХВ-Петербург, 2003. - 114с.

14. Мержевич, В. HTML и CSS на примерах [Текст] / В.Мержевич. - СПб.: БХВ-Петербург, 2005. - 160с.

15. Михайлов, С. Основы дизайна [Текст]: учебник / С. Михайлов, Л. Кулеев. - Казань: Новое знание, 1999. - 106с.

16. Олифер, В.Г. Компьютерные сети. Принципы, технологии, протоколы [Текст]: учеб. пособие / В.Г. Олифер, Н.А. Олифер. - СПб.: Питер, 2010. - 918с.

17. Фрейен, Б. HTML5 и CSS3.Разработка сайтов для любых браузеров и устройств [Текст] / Б. Фрейн. - Спб.: Питер, 2014. - 304 c.

18. Хольцшлаг, М.Э. 250 секретов HTML и Web-дизайна [Текст] / М.Э. Хольцшлаг.- М.: Триумф, 2005. - 496с.

19. Хольцшлаг, М.Э. Языки HTML и CSS: для создания Web-сайтов [Текст] / М.Э. Хольцшлаг.- М.: Триумф, 2005. - 304с.

Размещено на Allbest.ru