Создание интернет магазина

 

Программа

Помощь по работе с редактором и данные о программе.

Панель инструментов

     Это верхняя горизонтальная панель с вкладками и инструментами. При выборе вкладки и подведении к кнопкам панели, возникает подсказка с их названием и функцией, так же их название возникает в строке состояния в самом низу редактора слева. Правым кликом в пустой области панели (где кнопки) можно вызвать диалог настроек интерфейса [Вызвать]. В нем можно изменить верхнюю панель инструментов и левую панель быстрых действий: добавить новую вкладку инструментов, изменить порядок вкладок, удалить или переименовать вкладку, создать новую кнопку или разделитель. Более того, дополнительные функции настройки каждой кнопки появляются при клике по ней правой кнопкой.

Докеры

      Докеры - это вертикальная широкая панель слева с вкладками, может быть скрыта. Для открытия или скрытия докеров подведите курсор к левой кромке редактора и кликните. 
Файловый докер состоит из трех элементов - дерева папок, списка файлов и фильтра форматов. Дерево папок позволяет перемещаться между папками, при этом список файлов отображает файлы выбранной папки. У списка файлов есть специальное меню, вызывается правым кликом мыши. Оно позволяет открыть выбранный файл (то же самое происходит при двойном клике по файлу в списке) и удалить выбранный файл. Между деревом папок и списком файлов находится фильтр форматов. Фильтр позволяет показывать в списке файлов только определенные форматы или категории файлов - веб документы, html, css и т.д. Вверху докера справа есть кнопка, которая позволяет переместиться в папку текущего проекта (папка открывается по умолчанию при открытии документа). 
Докер цвета служит для создания и редактирования кода цвета визуально. Кликом по радужной растяжке справа можно задать тон квадрата палитры, выбрав в нем необходимый цвет. Каждый клик сопровождается созданием или изменением кода цвета в документе, что экономит время. 
Докер классов (селекторов) предоставляет список всех классов документа и связанных с ним CSS таблиц. Через него можно вставлять имя класса или быстро переходить к редактированию класса, освобождаясь от необходимости искать класс (селектор) по документу или внешним таблицам. 
* Примечание: Редактирование класса в докере (поиск класса) работает верно только в том случае, если открыт документ (страница), из которого было произведено построение списка классов. При повторном поиске в докере, и если открыта CSS-таблица, вернитесь сначала на страницу, а потом производите поиск.

Панель быстрых действий

 

      Это меню появляется при правом клике мыши и имеет большее отношение к редактированию кода документа.

Отмена (Ctrl+Z), Вернуть (Ctrl+R)

Как в любом редакторе эти  функции отменяют или возвращают последние действия.

Закладки

Возможность поставить закладку в  определенное место документа, и  при желании быстро перейти к  ней. Закладки можно ставить просты по номеру строки.

В верхний регистр, В  нижний регистр

Переводит выделенный текст в большие  или малые буквы. Служит только для  кода, а не для изменения стиля  шрифта страницы. Для изменения стиля  шрифта удобно использовать инструмент "Выбрать и вставить стиль шрифта" на панели инструментов.

Транслит на латинский, Транслит на русский

Переводит символы кода, если вы случайно не переключили язык и ввели белиберду.

Стиль и класс

Преобразовать стиль в  класс - вызывает диалог выбора класса и заносит описание класса в буфер обмена. Например, если в тексте кликнуть внутри любого описания стиля, предположим style="margin:10;" , потом воспользоваться этой функцией и прописать название класса в появившемся диалоге, то в буфере будет строка ".имя_класса{margin:10;}" для создания соответствующей строки в заголовке или CSS-таблице, а сам стиль в теге заменится на класс. Можно заменить стиль на описанный в заголовке страницы класс или на класс из внешних CSS, выбрав его из списка в диалоге. 
Выбрать имя класса - вызывает диалог выбора имени класса, который предоставляет список всех описанных в заголовке страницы классов и классов внешних CSS-таблиц, которые использует страница. Вместо этого инструмента можно пользоваться докером классов (инструмент остался от прошлых версий редактора).

Время и дата

Вставляет в документ различные  вариации текущего времени и даты. Например "9 Декабря 2008 г."

Выбрать путь на диске

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

<br>

При редактировании кода важна функция  быстрой вставки тега перехода на новую строку <br> (Ctrl+B).

Список сообщений

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

Строка состояния

Горизонтальная  узкая панель в виде полоски в  самом низу редактора. Служит для  отображения общей динамической информации: дублирования подсказок  редактора, показа размера документа, положения каретки (курсора) в тексте, текущего символа и его цифрового  кода в кодировке Ansi (Windows-1251), и отображения времени (на случай скрытой панели задач Windows). Также, при клике по строке состояния появляется командная строка редактора, с помощью которой можно выполнить одну из основных команд NeonHTML.

После обзора редактора  можно приступить к написанию  HTML кода и CSS стиля.

Для начала создадим шаблон нашего сайта, в последствии, который будем использовать для упрощения создания дополнительных страниц. Создаём текстовый документ, пишем стандартный код:

<html>

<head>

<title>Название страницы</title>

</head>

<body>

</body>

</html>

После чего переименовываем  его в index.html. У нас получилась чистая HTML страница, теперь перейдем к созданию CSS стиля. Cоздаем новый текстовый документ и вписываем туда следующий код:

body                  {background-color:#ddd;font-family:Georgia,sans-serif;font-size:80%;}

h1                    {font-size:19pt;}

h2                    {font-size:15pt;}

 

div#wrap              {margin:auto;width:80%;background-color:#fff;padding:1em;border:5px solid #ccc;}

 

div#header            {background-color:#356aa0;color:#fff;padding:1em;margin-bottom:.5em;}

div#header h1         {margin:0;padding:0;}

div#header h2         {margin:0;padding:0;}

 

div#nav               {background-color:#333;color:#eee;float:left;width:100%;text-align:center;margin-bottom:.5em;}

div#nav ul            {margin:0;padding:0;float:left;}

div#nav li            {display:inline;margin:0;padding:0;margin-right:.5em;}

div#nav li a          {padding:5px;text-decoration:none;color:#eee;float:left;width:5em;border-right:1px solid #ccc;}

div#nav li a:hover    {color:#eee;background-color:#555;}

 

div#content           {padding:2em 1em;}

div#content h2        {border-bottom:1px solid #ddd;margin-bottom:.5em;}

div#content img.fancy {border:1px solid #ddd;padding:.5em;}

div#content img.left  {float:left;margin-right:1em;}

div#content img.right {float:right;margin-left:1em;}

 

div#footer            {text-align:center;margin-top:.5em;}

Сохраняем изменения и  переименовываем полученный файл в still.css, стиль для нашего сайта готов. Теперь нам надо объединить этот файл с заготовкой шаблона, для этого создаем папку «интернет-магазин» и копируем туда файл index.html, в этой же папки создаём ещё одну папку называем её «still». В папку стиль копируем файл  still.css . В споюочередь

Базовый синтаксис CSS - стилевые правила CSS записываются в своем формате, отличном от HTML. Основным понятием выступает селектор — это некоторое имя стиля, для которого добавляются параметры форматирования. В качестве селектора выступают теги, классы и идентификаторы. Общий способ записи имеет  следующий вид:

 

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

Рассмотрим используемые теги

<html></html> - Указывает программе просмотра страниц, что это HTML документ.

<head></head> - Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа, тег ссылки на таблицу стилей и теги для поисковых машин.

<title></title> - Помещает название документа в оглавление программы просмотра страниц.

<body></body> - это тег тела вашего документа, всё что будет написано между этими тегами будет отображаться в Вашем документе

 

 

 

 

 

Заключение

 

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

 

 

 

 

Библиографический список

 

 

 

 

Приложения

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

 

[1:23:30] Валерия: 

[1:23:52] Валерия: 

[1:24:39] Валерия: 

[1:25:27] Валерия: тема: Разработка  интернет магазина, особенности  его создания.

[1:26:54] Валерия: Я отблагадарю за ранее спасибо.

[1:28:03] Валерия: Оформление  разделов курсовой работы.

[1:28:20] RemiZ RakFeleR: и ещё одно расчёты через какую платежную систему должен осуществляться???

[1:30:47] Валерия: Коммерческая  оплата, всё самое простое.как сделаете.

[1:31:15] Валерия: 

[1:31:45] Валерия: 1.Предметная  область автоматизации

[1:32:07] Валерия: 2.Постановка  задачи

[1:32:27] Валерия: 2.1 сущность  задачи

[1:33:01] Валерия: 2.2 описание  входной информации

[1:33:28] Валерия: 2.3описание  выходной информации

[1:33:49] Валерия: 3.выбор программного  обеспечения

[1:34:20] Валерия: 

[1:34:31] Валерия: 

[1:34:47] Валерия: 

[1:48:02] Валерия: я подумаю,  что ещё завтра напишу