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

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

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

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

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

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

Построение каркаса

Создадим графический каркас сайта в Paint Shop Pro и преобразуем его в набор страниц ASP, которые будут использоваться в качестве шаблонов при построении рабочих страниц ASP сайта.

Формирование таблиц

Разбиение графического каркаса на несколько таблиц HTML упростит разработку дизайна сайта.

На рисунке ниже линии делят экран на ячейки таблицы. В верхних ячейках находятся графические элементы (контент), поэтому "разрежем" изображения GIF на части, которые будут вставляться непосредственно в ячейки таблицы. Левая навигационная панель является еще одной таблицей, встраиваемой в ячейку основной таблицы, причем фоном для встроенной таблицы является бледно-зеленый GIF с черной линией справа. Такое фоновое изображение дает нужный нам эффект выделения. Оставшаяся часть страницы отводится под содержимое.

Построение каркаса 

В соответствии с рекомендациями, поместим изображения, формирующие структуру сайта, в подпапку, находящуюся в корневой папке (localhost/JoCoffee) web-сайта. Подпапка названа не images или pics, а одной буквой, поскольку на это требуется только один байт. Мы уже отмечали, что разработчикам web-сайтов следует избегать длинных имен сценариев и папок. В сайтах, подобных нашему, достаточно одного-двух десятков сценариев и четырех-пяти папок. Краткое имя папки с изображениями вряд ли вызовет неоднозначность при проектировании сайта, однако оно будет уместно в рабочей версии сайта.

Предположим, что web-сайт имеет 100 000 просмотров страниц в день и каждая страница содержит не менее 10 рисунков. Если назвать папку с изображениями images, а не і, придется каждый день отсылать на 4.8 МБайт информации больше. Аналогично нужно именовать все сценарии и остальные папки сайта, при этом существенно уменьшается требуемая полоса пропускания.

Однако не следует впадать в другую крайность и называть сценарии a.asp, b.asp и т. д. Это усложнит обслуживание сайта. Найдите золотую середину! Имя info. asp несомненно предпочтительнее имени information. asp, a db. asp лучше database. asp.

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

Добавление файлов GIF в проект Visual InterDev

Перед построением для joscoffee.com кода уровня представления добавим изображения GIF. Все файлы GIF можно загрузить с сайта издательства Wrox Press (www.wrox.com).

Добавление в проект файлов изображения

1. Измените имя каталога Images проекта Visual InterDev на і.

2. Поместите в этот каталог файлы изображений сайта joscoffee.com.

3. Щелкните мышью на каталоге і в окне Project Explorer среды Visual InterDev и выполните Add Add Item. Перейдите на вкладку Existing:

 Построение каркаса

4. Выделите в папке і все изображения и щелкните на кнопке Open.

Мы решили создать шаблон в виде набора включенных файлов (include file), которые будут использоваться на страницах ASP, формирующих наш сайт.

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

 

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

Нам доверяют

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