ТОР 5 статей:
Методические подходы к анализу финансового состояния предприятия
Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века
Характеристика шлифовальных кругов и ее маркировка
Служебные части речи. Предлог. Союз. Частицы
КАТЕГОРИИ:
- Археология
- Архитектура
- Астрономия
- Аудит
- Биология
- Ботаника
- Бухгалтерский учёт
- Войное дело
- Генетика
- География
- Геология
- Дизайн
- Искусство
- История
- Кино
- Кулинария
- Культура
- Литература
- Математика
- Медицина
- Металлургия
- Мифология
- Музыка
- Психология
- Религия
- Спорт
- Строительство
- Техника
- Транспорт
- Туризм
- Усадьба
- Физика
- Фотография
- Химия
- Экология
- Электричество
- Электроника
- Энергетика
Баннеры, кэширование и SSI
Как известно, баннерные системы предлагают включать в код некоторую случайную величину в URL скрипта показа - защита от кеширования.
· Можно генерировать всю страницу скриптом, от первого до последнего символа
· Можно сделать страницы помощи баннерных систем - включить by SSI скрипт, генерящий случайный баннер
· Динамически записать часть документа с кодом банера JavaScrip-ом
А можно еще так:
<!--#config timefmt="%s"--> <!--#set var="RND" value="$DATE_LOCAL"--> <!-- Russian LinkExchange code START --> <iframe src=http://www.linkexchange.ru/cgi-bin/erle.cgi?some_id? <!--#echo var="RND"--> frameborder=0 vspace=0 hspace=0 width=468 height=60 marginwidth=0 marginheight=0 scrolling=no> <a href=http://www.linkexchange.ru/users/some_id/goto.map target=_top> <img src=http://www.linkexchange.ru/cgi-bin/rle.cgi??<!--#echo var="RND"--> alt="RLE Banner Network" border=0 height=60 width=468></a> </iframe> <!-- Russian LinkExchange code END -->То есть, как случайная величина выступит количество секунд от 1970 года. Не тратится время и память на запуск скрипта-генератора, Java-Script (как среди некоторых пользователей сейчас это модно) может быть выключен.
Один шаблон отображения - разное содержание
Часто шаблоны используют таким образом: есть только один файл, который описывает структуру страницы, а основное содержание включается директивой
<!--#include virtual="$QUERY_STRING.html"-->ссылки, соответственно, будут иметь вид:
href="www.your_domain.ru/index.html?page1" href="www.your_domain.ru/index.html?page2"...Проблема возникает, если пользователь набирает адрес непосредственно http://www.your_domain.ru, т.е. QUERY_STRING=""
Решение:
<!--#if expr="$QUERY_STRING" --> <!--#include virtual="$QUERY_STRING.html"--> <!--#else --> <!--#include virtual="default.html"--> <!--#endif -->где default.html - страница корневого индекса (оглавления) и просто заглушка.
Приложение 1. Сводная таблица тегов HTML
| Тег | Определение и атрибуты | ||||||
| <DOCTYPE> | содержит информацию о версии HTML | ||||||
| <HTML> | первый тег документа HTML | ||||||
| <HEAD> | раздел документа содержащий сведения о странице | ||||||
| <TITLE> | текст, который появится в первой строке заголовка браузера | ||||||
| <META> | дополнительные сведения о документе | ||||||
| <!--- > | комментарий html-документа, который не виден на Web-странице | ||||||
| <BASE> | атрибут target задает имя кадра | ||||||
| <BODY> | раздел документа содержащий тело html-документа | ||||||
| background | Указание файла, содержащего изображение, применяемое в качестве фона страницы | ||||||
| bgcolor | Изменение только цвета фона страницы | ||||||
| text | Изменение цвета шрифта документа | ||||||
| link | Цвет не посещенной ссылки | ||||||
| alink | Цвет активной ссылки | ||||||
| vlink | Цвет посещенной ссылки | ||||||
| <P> | Начало абзаца | ||||||
| <BR> | Переход на новую строку | ||||||
| <CENTER> | Центрирует текст или другую информацию | ||||||
| От <H1> <H6> | Заголовок соответствующего уровня | ||||||
| <FONT> | Шрифт | ||||||
| color | Цвет шрифта | ||||||
| size | Размер шрифта в пунктах | ||||||
| face | Гарнитура (не рекомендуется использовать) | ||||||
| <OL> | Нумерованный список | ||||||
| <UL> | Ненумерованный список | ||||||
| <DL> | Список определений | ||||||
| <LI> | Элемент нумерованного или ненумерованного списка | ||||||
| <DT> | Термин, приведенный в списке определений | ||||||
| <DD> | Абзац с текстом определения в списке определения | ||||||
| <TABLE> | Задание таблицы | ||||||
| align | Выравнивание таблицы по горизонтали | ||||||
| background | Указание файла, содержащего изображение, применяемое в качестве фона таблицы | ||||||
| bgcolor | Цвет фона таблицы | ||||||
| border | Толщина внешней рамки таблицы | ||||||
| cellpadding | Ширина промежутка между данными и рамкой таблицы | ||||||
| width | Ширина таблицы | ||||||
| cellspacing | Интервал между соседними ячейками (в пикселях) | ||||||
| Caption | Заголовок таблицы | ||||||
| <TH> или <TR> | Первая строка таблицы (шапка) Или любая другая строка таблицы | ||||||
| align | Выравнивание строки по горизонтали | ||||||
| valign | Выравнивание строки по вертикали | ||||||
| background | Указание файла, содержащего изображение, применяемое в качестве фона строки | ||||||
| bgcolor | Цвет фона строки | ||||||
| <TD> | Ячейка данных таблицы | ||||||
| align | Выравнивание данных по горизонтали | ||||||
| valign | Выравнивание данных по вертикали | ||||||
| background | Указание файла, содержащего изображение, применяемое в качестве фона ячейки | ||||||
| bgcolor | Цвет фона ячейки | ||||||
| <HR> | Горизонтальная полоса | ||||||
| align | Выравнивание полосы по горизонтали | ||||||
| сolor | Цвет полосы | ||||||
| width | Длина полосы | ||||||
| size | Толщина полосы в пикселях | ||||||
| <A> | Определение ссылки | ||||||
| href | Файл, якорь или URL, который является местом назначения ссылки | ||||||
| name | Имя якоря, который должен быть создан в указанной позиции на Web-странице | ||||||
| target | Имя кадра, в котором должна быть отображена страница, указанная в ссылке | ||||||
| <MARQUEE> | Бегущая строка | ||||||
| direction или behavior | Направление движения строки | ||||||
| align | Выравнивание текста внутри строки | ||||||
| bgcolor | Цвет строки | ||||||
| height | Высота строки | ||||||
| width | Длина строки | ||||||
| <IMG> | Изображение на странице | ||||||
| src | Имя файла или URL графического изображения | ||||||
| align | Выравнивание рисунка | ||||||
| alt | Текст в месте расположения рисунка | ||||||
| border | Рамка вокруг графического изображения, указанной толщины | ||||||
| height | Высота рисунка в пикселях | ||||||
| width | Длина рисунка в пикселях | ||||||
| hspace | Отступ от изображения по горизонтали | ||||||
| vspace | Отступ от изображения по вертикали | ||||||
| <FRAMESET> | Общий формат страницы, состоящей из кадров | ||||||
| rows | Число и размер кадров, которые делят Web-страницу по горизонтали | ||||||
| cols | Число и размер кадров, которые делят Web-страницу по вертикали | ||||||
| FRAME | Задает кадр | ||||||
| src | Имя файла или URL Web-страницы, появляющейся в этом кадре | ||||||
| name | Имя кадра | ||||||
| <FORM> | Задание начала бланка формы | ||||||
| method | Способ передачи данных формы на сервер (обычно post) | ||||||
| action | адрес в формате URL, по которому выполняется обработка информации формы | ||||||
| name | Имя формы | ||||||
| <INPUT> | Задание областей для ввода данных в форму | ||||||
| name | Имя элемента ввода | ||||||
| type | Тип элемента ввода | ||||||
| size | число вводимых символов для текстовых полей | ||||||
| maxlength | Максимальное число вводимых символов для текстовых полей | ||||||
| value | Уникалбный идентификатор элемента ввода или вид надписи на кнопке | ||||||
| checked | начальное значение для переключателя | ||||||
| <SELECT> | Создает в форме ниспадающий список | ||||||
| <OPTION> | Вариант выбора в ниспадающем списке | ||||||
Приложение 2. Спецсимволы
| код символа | Named Character Reference | Символ | Комментарий |
|   | Пробел | ||
| ! | Восклицательный знак | ||
| " | " | " | Прямая кавычка |
| # | # | Знак номера | |
| $ | $ | Знак доллара | |
| % | % | Знак процента | |
| & | & | & | Амперсанд |
| ' | ' | Апостроф | |
| ( | ( | Левая скобка | |
| ) | ) | Правая скобка | |
| * | * | Звездочка | |
| + | + | Знак плюс | |
| , | , | Запятая | |
| - | - | Дефис | |
| . | . | Period (fullstop) | |
| / | / | Слэш | |
| 0 | Ноль | ||
| 1 | Один | ||
| 2 | Два | ||
| 3 | Три | ||
| 4 | Четыре | ||
| 5 | Пять | ||
| 6 | Шесть | ||
| 7 | Семь | ||
| 8 | Восемь | ||
| 9 | Девять | ||
| : | : | Двоеточие | |
| ; | ; | Точка с запятой | |
| < | < | < | Знак «меньше» |
| = | = | Знак «равно» | |
| > | > | > | Знак «больше» |
| ? | ? | Вопросительный знак | |
| @ | @ | Коммерческое at | |
| A | A | Буква A | |
| B | B | Буква B | |
| C | C | Буква C | |
| D | D | Буква D | |
| E | E | Буква E | |
| F | F | Буква F | |
| G | G | Буква G | |
| H | H | Буква H | |
| I | I | Буква I | |
| J | J | Буква J | |
| K | K | Буква K | |
| L | L | Буква L | |
| M | M | Буква M | |
| N | N | Буква N | |
| O | O | Буква O | |
| P | P | Буква P | |
| Q | Q | Буква Q | |
| R | R | Буква R | |
| S | S | Буква S | |
| T | T | Буква T | |
| U | U | Буква U | |
| V | V | Буква V | |
| W | W | Буква W | |
| X | X | Буква X | |
| Y | Y | Буква Y | |
| Z | Z | Буква Z | |
| [ | [ | Левая квадратная скобка | |
| \ | \ | Обратный слэш | |
| ] | ] | Правая квадратная скобка | |
| ^ | ^ | Caret | |
| _ | _ | Знак подчеркивания | |
| ` | ` | Acute accent | |
| a | A | Буква a | |
| b | b | Буква b | |
| c | c | Буква c | |
| d | d | Буква d | |
| e | e | Буква e | |
| f | f | Буква f | |
| g | g | Буква g | |
| h | h | Буква h | |
| i | i | Буква i | |
| j | j | Буква j | |
| k | k | Буква k | |
| l | l | Буква l | |
| m | m | Буква m | |
| n | n | Буква n | |
| o | o | Буква o | |
| p | p | Буква p | |
| q | q | Буква q | |
| r | r | Буква r | |
| s | s | Буква s | |
| t | t | Буква t | |
| u | u | Буква u | |
| v | v | Буква v | |
| w | w | Буква w | |
| x | x | Буква x | |
| y | y | Буква y | |
| z | z | Буква z | |
| { | { | Левая фигурная скобка | |
| | | | | Вертикальная полоса | |
| } | } | Левая фигурная скобка | |
| ~ | ~ | Тильда | |
|  - Ÿ | Не используются | ||
|   | Неразрывный пробел | ||
| ¡ | ¡ | Inverted exclamation | |
| ¢ | ¢ | Знак цента | |
| £ | £ | Знак фунтов стерлингов | |
| ¤ | ¤ | Знак валюты | |
| ¥ | ¥ | Знак йены | |
| ¦ | ¦ | Вертикальная черта | |
| § | § | Знак параграфа | |
| ¨ | ¨ | Umlaut (dieresis) | |
| © | © | Знак копирайта | |
| ª | ª | Feminine ordinal | |
| « | « | Левая кавычка | |
| ¬ | Не знак | ||
| ­ | | Soft hyphen дефис | |
| ® | ® | Знак (R) | |
| ¯ | ¯ | Macron accent | |
| ° | ° | Знак градуса | |
| ± | ± | Знак «плюс минус» | |
| ² | ² | Степень два | |
| ³ | ³ | Степень три | |
| ´ | ´ | Acute accent | |
| µ | µ | Знак «микро» | |
| ¶ | ¶ | Знак абзаца | |
| · | · | Точка посередине | |
| ¸ | ¸ | Cedilla | |
| ¹ | ¹ | ||
| º | º | Masculine ordinal | |
| » | » | Правая кавычка | |
| ¼ | ¼ | Дробь одна четверть | |
| ½ | ½ | Дробь одна вторая | |
| ¾ | ¾ | Дробь три четверти | |
| ¿ | ¿ | Инвертированный знак вопроса | |
| Â | Â | Â | Capital A, circumflex accent |
| Î | Î | Î | Capital I, circumflex accent |
| × | × | Знак умножения | |
| â | â | â | Small a, circumflex accent |
| î | î | î | Small i, circumflex accent |
| ÷ | ÷ | Division sign |
Литература
1. С. А. Соколов. HTML и CSS в примерах, типовых решениях и задачах (+ CD-ROM) Издательство: Вильямс, 2007 г. 416 стр.
2. Эрик А. Мейер. CSS. Каскадные таблицы стилей. Подробное руководство. Cascading Style Sheets: The Definitive Guide Издательство: Символ-Плюс, 2008 г. 576 стр.
3. Чак Муссиано и Билл Кеннеди. HTML и XHTML. Подробное руководство. HTML & HXTML. The Definitive Guide Издательство: Символ-Плюс, 2008 г. 752 стр.
4. Дэвид Флэнаган. JavaScript. Подробное руководство. JavaScript: The Definitive Guide. Издательство: Символ-Плюс, 2008 г. 992 стр.
5. Артемий Ломов. HTML, CSS, скрипты: практика создания сайтов (+ CD-ROM). Серия: Самоучитель. Издательство: БХВ-Петербург, 2007 г. 416 стр.
6. Джеффри Зельдман. Web-дизайн по стандартам. Designing with Web Standards. Серия: Школа Web-мастерства Издательство: НТ Пресс, 2005 г. 440 стр.
7. Кэрри Бикнер. Экономичный Web-дизайн. Web Design on a Shoestring. Серия: Школа Web-мастерства Издательство: НТ Пресс, 2005 г. 248 стр.
8. Вирджиния ДеБольт. HTML и CSS. Совместное использование. Integrated HTML and CSS: A Smarter, Faster way to Learn. Серия: Школа Web-мастерства. Издательство: НТ Пресс, 2006 г. 512 стр.
9. Дэн Седерхольм. Пуленепробиваемый Web-дизайн. Bulletprof Web-Design. Серия: Школа Web-мастерства. Издательство: НТ Пресс, 2006 г. 256 стр.
10. Владимир Дронов. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. Серия: Профессиональное программирование. Издательство: БХВ-Петербург, 2011 г. 416 стр.
11. Джон Дакетт. Основы веб-программирования с использованием HTML, XHTML и CSS. Beginning Web Programming with HTML, XHTML, and CSS. Издательство: Эксмо, 2010 г. 768 стр.
12. И. Квинт. HTML, XHTML и CSS на 100 %. Серия: На 100%. Издательство: Питер, 2010 г. 384 стр.
13. Николай Прохоренок. HTML, JavaScript, PHP и MySQL. Джентельменский набор Web-мастера. Серия: Профессиональное программирование. Издательство: БХВ-Петербург, 2010 г. 912 стр.
14. А. К. Гультяев, В. А. Машин. Уроки Web-мастера (+ CD-ROM). Издательство: КОРОНА принт, 2010 г. 448 стр.
15. Ю. Ю. Замятин, М. А. Горин, В. А. Ищенко. Создаем, программируем, шлифуем и раскручиваем Web-сайт (+ CD-ROM). Серия: Быстро и легко Издательство: Лучшие Книги, 2010 г. 272 стр.
16. Мэтт Зандстра. PHP. Объекты, шаблоны и методики программирования. PHP Objects, Patterns, and Practice. Издательство: Вильямс, 2009 г. 480 стр.
17. Энди Гутманс, Стиг Баккен, Дерик Ретанс. PHP 5. Профессиональное программирование. PHP 5 Power Programming. Серия: High Tech. Издательство: Символ-Плюс, 2006 г. 704 стр.
18. Колин Мук. ActionScript 3.0 для Flash. Подробное руководство. Essential ActionScript 3.0. Издательство: Питер, 2009 г. 992 стр.
19. Эрик Фримен, Элизабет Фримен. Изучаем HTML, XHTML и CSS. Head First HTML with CSS & XHTML. Серия: Бестселлеры O'Reilly. Издательство: Питер, 2010 г. 656 стр.
20. Этан Вотролл и Джефф Сьярто. Изучаем веб-дизайн. Head First Web-Design. Серия: Мировой компьютерный бестселлер. Издательство: Эксмо, 2010 г. 496 стр.
21. И. Ашманов, А. Иванов. Продвижение сайта в поисковых системах. Издательство: Вильямс, 2010 г. 304 стр.
22. М. Б. Зуев, П. А. Маурус, А. Г. Прокофьев. Продвижение сайтов в поисковых системах. Спасательный круг для малого бизнеса. Издательство: Бином. Лаборатория знаний, 2007 г. 304 стр.
23. Николай Евдокимов, Игорь Лебединский. Раскрутка веб-сайта. Практическое руководство. Издательство: Вильямс, 2011 г. 288 стр.
24. http://www.w3c.org/
25. http://www.download.ru/ - коллекция бесплатных и условно бесплатных программ, в том числе и скриптов.
26. http://www.webclub.ru/ - серия полезных скриптов Всероссийского Клуба Веб-разработчиков
27. http://citforum.ru/ содержит библиотеку on-line
Автор: В.К. Сибирский
Название работы: ВЕБ-ДИЗАЙН
Компьютерное редактирование: В.К. Сибирский
Подписано в печать
Формат 60х84 1/16
Уч. изд. л..Печ. Листов:.
Заказ. Тираж
Не нашли, что искали? Воспользуйтесь поиском: