Смекни!
smekni.com

Разработка Web-сайта компании (стр. 5 из 15)

Технология Microsoft IntelliSense® упрощает написание кода и снижает вероятность ошибок. Эта технология доступна для HTML (Hypertext Markup Language), таблиц каскадных стилей, XSLT (Extensible Stylesheet Language), Microsoft JScript® и Microsoft ASP.net.

Удаление лишнего кода, генерируемого Word 2003 или другими программами Web-разработки.

Средства создания сценариев

Усовершенствование интерактивных возможностей Web-узла без написания кода - благодаря использованию средств создания сценариев JScript.

Поддержка технологии IntelliSense в Microsoft Visual Basic® Scripting Edition (VBScript) и средствах создания сценариев JScript.

Расширение возможностей и профессиональности оформления Web-узла

Благодаря службам Microsoft Windows SharePoint Services (EN), подключенным к FrontPage 2003, можно редактировать и представлять интерактивные данные из различных источников, в том числе XML (Extensible Markup Language), с целью создания управляемых данными Web-узлов с широкими интерактивными возможностями в редакторе наглядного изображения. Можно осуществлять публикацию в Интернете, используя только Web-обозреватели. При этом обеспечивается выбор из большого числа вариантов публикации.

Управляемые данными Web-узлы, поддерживаемые службами Windows SharePoint Services

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

Вставка представлений данных и настройка источников данных, в том числе разнообразных XML-данных, данных служб Windows SharePoint Services, Web-служб и источников данных OLEDB.

Обработка XML-данных,XML-разработка и XSLT-форматирование непосредственно в наглядном представлении FrontPage с целью создания Web-узлов, управляемых XML-данными.

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

Разработка страниц Web-компонентов с помощью создания зон Web-компонентов, вставки и подключения к Web-компонентам из библиотеки Microsoft Office Gallery на Web-узле Microsoft Tools on the Web (EN), а также из других источников.

Web-сайт на базе Microsoft Office FrontPage 2003 предоставляет его владельцу следующие возможности:

создание электронного каталога предлагаемых товаров или услуг;

размещение его управляющей части на удаленном компьютере пользователя;

обеспечение обратной связи с сервером для создания базы данных интернет магазина c рабочего места менеджера (локального компьютера);

самостоятельное управление работой Web-сайта;

автоматическое выставление счетов на оплату приобретаемого товара;

установка различного уровня цен на товары или услуги для разных категорий оптовых и розничных пользователей;

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

анализ работы Web-сайта на основании статистических данных, формируемых в процессе работы магазина;

возможность проведения маркетинговых акций и формирования системы скидок.

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

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

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

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

Принцип наследования тегов.

Теги-контейнеры.

Прежде всего стоит определить то, как эти самые теги располагаются. Дело в том, что теги в большинстве своем состоят из двух частей - это открывающий (он же - содержащий параметры) и замыкающий, то есть, "конец" тега. Заданные в теге параметры действуют только между его началом и концом, то есть, только внутри тега. “Отступы” от левого края они автоматически выставляются программами, формирующими код HTML для упрощения его восприятия. Достаточно понимать, что чем дальше от левого края отстоит тег, тем "глубже" он лежит, тем большее количество "старших" тегов может на него действовать. В некоторых случаях параметры ранее заданного тега могут распространяться и на тег, размещенный в нем, то есть на содержимое вложенных тегов.

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

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

Теги, не нуждающиеся в закрытии. Это теги переноса - <br>, принудительно перекидывающие все, что располагается после них, в новую строку. Благодаря этому тегу можно писать стихи столбиками.

Вот такая строчка:

текст текст текст текст <br> текст текст текст <br> текст текст текст Браузеру не важно положение тега - все отступы и "сдвиги" нужны только для упрощения понимания и ориентирования в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но от того, что вы выделите, какие-либо теги определенным образом, хуже не станет. Все пробелы больше одного броузеры просто "не замечают". То есть, сколько ни ставьте вы пробелов в тексте, броузер отобразит все равно с одним пробелом, если "ну очень хочется", то пробелов можно наставить принудительно. Делается это размещением в коде "; &nbsp" (разумеется без кавычек!).

; &nbsp - обозначение пробела. Неразрывного пробела. То есть в этом месте будет пустое пространство. Но если простой текст с пробелами броузер может перенести на другую строку на месте любого пробела, то слова, разделенные; &nbsp, он воспримет как единое целое. Вот потому не стоит злоупотреблять "гибкостью" и слишком часто использовать обозначение; &nbsp. Не стоит использовать его и для "выравнивания" текста внутри таблицы. Для этого есть более простые и правильные способы. Не рекомендую употреблять; &nbsp больше двух-трех раз подряд, поскольку при большем количестве символов проще прописать требуемое выравнивание в тег нужного элемента. Это будет и проще, и нагляднее, и "чище", в плане того, что ваши тексты не будут чересчур тяжелыми и долгогрузящимися.

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

тег <hr>:

Как видим, это элемент "отчеркивание", - просто черта от края до края тега, внутри которого она применяется. Но ее можно и ограничить, например, указав в ее теге размер:

<hr align="center" width="50%"> Код содержит команды: выравнять по центру, размер сделать в 50% доступной ширины.

Вот что у нас получится:

Так же, при помощи стандартных наборов команд, этому тегу можно придавать самый разный вид.

3.3 Информационное обеспечение и разработка интерфейса

С ростом интернета широкое распространение получили Web - интерфейсы позволяющие взаимодействовать с различными программами через браузер.

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

Интерфейс - в широком смысле - определенная стандартами граница между взаимодействующими независимыми объектами. Интерфейс задает параметры, процедуры и характеристики взаимодействия объектов.

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

средства отображения информации, отображаемая информация, форматы и коды;

командные режимы, язык пользователь-интерфейс;

устройства и технологии ввода данных;

диалоги, взаимодействие и транзакции между пользователем и компьютером;

обратная связь с пользователем;

поддержка принятия решений в конкретной предметной области;

порядок использования программы и документация на нее.

Есть несколько простых правил, позволяющих интерфейсу сайта быть понятым посетителю.

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

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

Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму.

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