Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Создание страницы start.asp

1. В Visual InterDev щелкните правой кнопкой мыши на localhost/JoCoffee и укажите Add Active Server Page. По запросу введите имя start.asp и щелкните на Open.

2. Как и в site. asp, выделите и удалите весь код, добавленный по умолчанию средой Visual InterDev.

3. Добавьте в start.asp код:

Создание страницы start.asp

Создание страницы start.asp 

 

Описание работы

Заметьте, что мы не начинаем start, asp тегом <body> или <html>, поскольку уже имеем эти теги на странице default.asp, куда будет помещена наша новая страница.

При разбиении страницы в Paint Shop Pro мы рыбрали для таблицы ширину 600 пикселей, чтобы уместиться на экране с разрешением 640 х. 480:

 Создание страницы start.asp

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

<td bgcolor="#ccff99" backgrounds"і/lbg.gif’ width="112" valign=top>

Атрибуты фона поддерживает только Internet Explorer (он выведет рисунок GIF с узким зеленым фоном и тонкой черной линией). Для межбраузериой совместимости мы дополнительно указываем атрибут bgcolor со значением #ccf f 99 (бледно-зеленый цвет), поддерживаемый браузером Netscape.

Для содержимого предназначена вторая таблица:

<table cellspacing=0 cellpadding=5 width=100% border=0>

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

<td>&nbsp;</td>

Вторая ячейка отводится под содержимое. За последним тегом <TD> мы останавливаем start.asp, поскольку хотим получить некоторую точку, где страница, построенная на данном шаблоне, сможет полностью выписать свое содержимое и удостовериться в том, что ее компоновка соответствует общему формату. Фактически код уровня представления записывается в подстранице, которую генерируют start.asp и end.asp.

Достоинством такого подхода к построению сайта является то, что при пересмотре внешнего вида сайта (например, при перемещении панели навигации, добавлении новых кнопок и т. д.) нужно будет изменить только start .asp, end.asp и список стилей. Для обновления внешнего вида не придется перерабатывать остальные страницы.

Создание end.asp

1. Щелкните правой кнопкой мыши на localhost/JoCoffee и выполните Add Active Server Page. Введите имя end.asp и щелкните на Open.

2. Выделите и удалите весь код, который автоматически добавлен в файл средой Visual InterDev.

3. Добавьте в end.asp:

 Создание страницы start.asp

Создание страницы start.asp

 

Описание работы

Код end. asp начинается с закрытия ячейки и строки, хранящих основное содержимое:

</tdx/tr>

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

 Создание страницы start.asp

Если этого не сделать, а подстраница будет содержать всего лишь несколько слов, то браузер IE слишком сильно растянет левую навигационную панель.

Затем добавляется строка, отделяющая конец секции содержимого страницы от нижнего колонтитула:

<td colspan=5 bgcolor=#000000ximg src="i/bd.gif" width=l height = 3x/td>

Между тегами <td> и </td> не должно быть символа возврата каретки, иначе браузер интерпретирует его как пробел и сделает строку выше, чем запланированная для нее толщина в три пикселя. Обратите внимание, как используется bd.gif в теге img. Изображение bd.gif — весьма полезное средство web-дизайнера. Это файл GIF размером I х 1 пиксель, содержащий одну черную точку. Поместив эту точку на web-страницу, можно применить атрибуты width и height тега img для расширения до нужного размера. В нашем случае мы формируем изображение размером в три пикселя. Атрибут bgcolor тега td гарантирует, что изображение шириной в 1 пиксель закрасит черным цветом строку по всей длине.

Между концом таблицы содержимого и колонтитулом страницы добавляется пустое место, чтобы наша страница не сжималась:

 Создание страницы start.asp

Вспомните упражнение с добавлением свойства Version в объект Visit. Для того чтобы каждая страница сайта показывала номер версии объекта visit при каждом его запуске, в end.asp вводится код:

Powered by WroxCommerce <%=Visit Version%>

Если функция Visit обнаружит, что значение invisit еще не установлено, то функция его создаст, но в любом случая всегда возвращается объект visit. Имея объект, можно запросить номер его версии через свойство Version.

В конце функция end.asp закрывает ресурсы, которые могли использоваться во время исполнения объекта Visit:

 Создание страницы start.asp

В результате получим:

 Создание страницы start.asp

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

Пока мы не рассматриваем верхнюю панель, поскольку еще не готовы сценарии для соответствующих секций сайта. Однако нужно обсудить вопросы домашней навигации.

Домашняя навигация (Home Navigation) определяет щелчок мыши, возвращающий посетителя на домашнюю страницу сайта.

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

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

Обратная ссылка на домашнюю страницу

1. В шаблон страницы start.asp добавьте следующие строки кода: <!— Нужно просмотреть первую строку компоновки сайта.

Она состоит из верхней части портрета Джо, трех кнопок разделов сайта и логотипа "Jo’s Coffee" —>

 Создание страницы start.asp

Читайте так же:
Not found

Нам доверяют

Интернет магазин