- •Создание нового Веб-Узла во FrontPage.
- •Создание и сохранение страниц на Веб-Узле
- •Создание динамического веб-шаблона. Общая структура. Прикрепление шаблона к страницам.
- •Часть 1.
- •Создание динамического веб-шаблона. Общая структура. Прикрепление шаблона к страницам.
- •Часть 2.
- •Делаем обычное меню из гиперссылок.
- •Делаем меню из списка с гиперссылками
- •Создание меню из стандартных кнопок.
- •Конечный вариант:
- •Автоматическое отображение названия страницы. Работа с шаблоном.
- •Создание галереи с помощью стандартных средств в FrontPage.
- •Делаем кнопку "Наверх"
- •Наверх. Вставка поиска по сайту от Google.
- •Пишем Карту сайта (Sitemap) для Google и других поисковых систем.
- •Часть 1.
- •Пишем Карту сайта (Sitemap) для Google.
- •Часть 2.
- •Еще один урок по созданию динамического веб-шаблона.
- •Переходим к созданию динамического веб-шаблона.
- •Нарезка фотографии в Photoshop для последующей верстки.
Делаем кнопку "Наверх"
Для многих длинных страниц необходима кнопка, которая будет возвращать пользователя, после нажатия, в верхнюю часть страницы к шапке сайта.
Рассмотрим пример создания кнопки на сайте, который сделан на FronPage.
Открываем Веб-Шаблон.
Нажимаем правой кнопкой на таблице, в которой расположена редактируемая область и выбираем "Добавить строки"
Добавиться строка над редактируемой областью, чтобы переместить эту область на верхнюю строку сделайте следующее:
Выделите редактируемую область и переместите её на ячейку выше:
Перейдите к нижней ячейке, к месту, где будет располагаться кнопка.
Нажмите кнопку "С разделением"
В визуальной части напишите текст, который будет в последующем ссылкой (возможна установка изображения.)
В редактируемой части пропишите перед текстом следующую строку:
<a href=#top onClick="scrollTo(0,0); return false;">Здесь Ваш текст</a> |
Не забудьте прописать в конце закрывающий тег </a>
Сохраните Веб-шаблон, проверьте правильность работы ссылки.
Конечный результат:
Наверх. Вставка поиска по сайту от Google.
Создаем дополнительную страницу в Веб-Узле, где будут отображаться результаты поиска
Через панель Google AdSense выбираем "AdSense для поиска"
Для простоты работы нажимаем " Одностраничный мастер"
Заполняем необходимые поля для поиcка:
Выбранные сайты:
Дополнительные ключевые слова:
Дополнительные параметры:
Язык сайта
Кодировка вашего сайта
Страна или территория для домена Google
Клиентский канал
SafeSearch
Выбрать параметры окна поиска
Стиль результатов поиска
Получить код поиска
После всех заполнений необходимо поставить флажок "Соглашения", назвать свою систему поиска, и нажать "Отправить и получить код"
Немного подождав Мы получаем 2 кода:
Внимание! Иногда формы с кодом могут быть пустыми, это не так. Прокрутите до конца формы и Вы увидите код.
Один код необходимо поместить в веб-шаблоне, другой в станице, где будет отображаться результат поиска.
Переходим к Веб-Шаблону .dwt для вставления кода в ячейку.
Находим ячейку, где будет располагаться код:
В эту ячейку вставляем таблицу 1x1. После создания переходим в "Свойства таблицы"
Делаем таблицу не видимой для пользователя и ставим значение ширины - 100%
После этого добавляем первый html код в параграф таблицы:
Добавляем первый код:
Нажимаем кнопку "Просмотр"
Если Вас всё устраивает, то продолжаем работать со следующим кодом, если нет, то можно поработать с таблицей и ячейкой, в которой располагается код.
Для изменения длины формы, нажмите на ней правой кнопкой и выберете "Свойства поля формы"
В появившемся окне измените параметр "Ширина в знаках"
Я немного изменил параметры ячеек для лучшего отображения.
Вот, что получилось:
Сохраняем шаблон, и проверяем, все ли страницы обновились.
Нажимаем "ДА"
Всё ОК.
Переходим к странице, где должны отображаться результаты поиска:
Создаем таблицу в изменяемой области 1x1
В свойствах таблицы выставляем параметры, чтобы её не видел пользователь
В параграф этой таблицы вставляем второй код html:
Прописываем код:
Сохраняем все станицы и после добавления файлов на сервер, проверяем поиск.
Примечание!
На странице, которую мы создавали ранее под названием "Поиск" можно добавить первый код.
