Web Master Toolkit


ОБРАЗЦЫ РИСУНКОВ ДЛЯ ИСПОЛЬЗОВАНИЯ В КАЧЕСТВЕ ФОНА В САЙТАХ
ИМЕНА И КОДЫ ЦВЕТОВ
Примеры графических файлов используемых для оформления Web-сайтов
Примеры для практических занятий по HTML

НЕКОТОРЫЕ СИМВОЛЬНЫЕ ПРИМИТИВЫ ПРИМЕНЯЕМЫЕ В СОЗДАНИИ WEB-САЙТОВ

Scripts, web applications and using instructions

In addition to the basic objectives of the program, IATP/Azerbaijan provides specialized free webhosting services .

1. Forum

Краткое описание:
Инструкция:

2. Guest Book
Данный скрипт представляет собой ASP гостевую книгу с использованием текстовых файлов для хранения сообщений.

Краткое описание: Простая и эффективная гостевая книга на ASP с использованием текстовой базы данных
Инструкция: Скачайте zip_файл, разархивируйте его и установите ссылку со своей странички на файл default.asp

Посмотреть демоверсию Скачать

3. News manager

Краткое описание: Простая и эффективная система управления новостями на сайте на ASP с использованием базы данных . Вывод новостей постраничный.
Инструкция:
1. Установите на страницу нижеследующий код. Расширение страницы должно быть .asp
<!--#include file="../webtools/news/newscode.asp"-->
2. Между тегами <head> и </head> вставьте следующий линк на файл css
<link rel=stylesheet type="text/css" href="newscss.css">
3. Скачайте сам файл newscss.css и поставьте в ту же директорию, что и файл с новостями. Для изменения цветовой гаммы новостей поменяйте цвета в файле css
4. Для ввода и редактирования новостей зайдите на линк "Управление новостями"

Демо версия Управление новостями Скачать css

4. Hit Counter:
Вы < > посетитель

Краткое описание: Данный asp скрипт позволит владельцу сайта добавить текстовый счетчик на любую страницу. Счетчик подсчитывает количество посещений на страницу.
Инструкция: Установите на страницу нижеследующий код в том месте, где бы вы хотели увидеть цифру с количеством посещений. Расширение страницы должно быть .asp
<!--#include file ="../webtools/counter_db.inc"-->

5. HTML kod tables

6. Search Promotion: Составление META описаний

7. Java Script forms

<<   1   2   3   >>    Add your script

8. Java Аплет развивающийся флаг

Краткое описание: Возможно поставить любой графический файл размером 82 на 120px в формате *.gif в этом случае отредактируйте имя файла в коде и цвет фона. требует поддержки java для Windows XP
Инструкция: на странице вставьте следующий код

<APPLET CODE="flags.class" WIDTH=120 HEIGHT=102>
<PARAM name="demicron" value="Developed by Demicron - http://www.demicron.se">
<PARAM name="background" value="000000">
<PARAM name="background2" value="000000">
<PARAM name="bitmap" value="flag.gif">
<PARAM name="url" value="http://sirius.az.ru">
<PARAM name="target" value="">
<PARAM name="sleeptime" value="40">
<PARAM name="shadingstrength" value="9">
<PARAM name="waveamplitude" value="13">
</APPLET>

там где должен стоять графический элемент, в страницу вставляется только код, сам графический файл flag.gif и файл flag.glass запуска аплета копируется в каталог сайта

 

9. DHTML kod

DHTML - dynamic HTML
Динамические стили
Изменение стилей различных объектов
Создание оригинальных стилей
Фильтры и графические переходы

Основы CCS
Фиксирование шрифтов на странице
Обращение к элементам таблицы
Cоздать неподчёркнутую ссылку
Подсветка ссылки
Изменение фона в таблице

Основы языка разметки гипертекста
Внедренные объекты
Основы форматирования
Вставка объектов в документы

Вставка файлов мультимедиа

Практические советы по использованию DHTM
Понятие слоя
Манипулирование слоем
Предзагрузка изображений
Каталог продукции
Выплывающее меню
Скроллинг без полос прокрутки
Изменение области отсечения слоя
Изменение таблицы стилей в зависимости от разрешения экрана

Фрэймы
Испольльзуя фрэймы
Общий контэйнер FRAMESET
Данные свойства фрэймов
Плавающие фреймы

 

12. Как изменить цвет Scrollbar`а

Краткое описание: Изменение цвета Scrollbar`а (линейки прокрутки) html-документа. Иногда этот элемент не вписывается в общий дизайн сайта. С помощью CSS можно решить это проблему. Для использования этого приёма вы должны вставить между тегами <head> </head> описание стилей.
Инструкция: А вот примерный html-код:
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:#170088;
scrollbar-3d-light-color:white;
scrollbar-highlight-color:#DDDDDD;
scrollbar-face-color:black;
scrollbar-shadow-color:#DDDDDD;
scrollbar-dark-shadow-color:white;
scrollbar-track-color:blue;
scrollbar-base-color:red;
}
//--></STYLE>
Вы можете вынести его в отдельный css-файл или просто вставит в свой документ между тегами <head>

 

Настройка почтовых и новостных программ:
Настройка Windows для работы с Интернет по DialUp

Почему мой сетевой пароль оказывается неверным?
Почему после соединения модемов вход в систему не происходит?
Почему соединение с сервером прошло успешно, но обмен информацией не идет?
Как работать с прокси-сервером?
Что такое прокси и зачем он нужен?

Как мне настроить мой web-браузер для использования прокси?
Понятие системы навигации
Типы навигации
Как работают теги <META> и зачем они вообще нужны?

Почему мой сетевой пароль оказывается неверным?

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

2.В настоящее время существует тип популярных хакерских программ , называемых "троянцами". Они действуют подобно древнему троянскому коню: передают всю секретную информацию с вашего компьютера на адрес злоумышленника.
Как упоминалось выше, некоторые персоны могут инсталлировать подобные программы на Ваш компьютер, причем Вы не почувствуете никаких изменений , однако с этого момента недобросовестные люди могут делать все, что им угодно с Вашей машиной через Интернет или Локальную Сеть. Ваши ЛОГИН и ПАРОЛЬ будут общеизвестны. Вы не сможете изменить пароль в этом случае, поскольку кракер может сделать это, когда пожелает .
Решение :
Конечно, Вам необходимо удалить "троянца" со своего компьютера. В этом Вам помогут Антивирусные программаы, такие как AVP, NAV, McAfee и т.п. Большинство "троянцев" распознаются этими программами.
Кроме того, Вы должны немедленно удалить любые неизвестные почтовые сообщения, особенно если они содержат присоединенные файлы (attachments) , которые как раз и могут быть "троянцем " или любым другим вирусом.

 

Почему после соединения модемов вход в систему не происходит?

Причин может быть несколько: нарушение сценария входа в систему из-за недостаточно высокой скорости соединения; низкое качество телефонного канала; возможно некоторые параметры системы заданы не верно; Первое решение, которое можно предложить - это немедленно прекратить связь с сервером и попробовать установить его примерно через 30 секунд, проверив параметры настройки соединения. Второй способ потребует от вас правки сценария вход на сервер. Если вы не уверены в своих силах - лучше это не делать. Итак, правки необходимо внести в файл c:\Programs Files\Accessories\pppmenu.scr в следующих строках: integer nLoginTimeout = 3 увеличьте это значения примерно раза в два или три; integer nPWTimeout = 6 увеличьте это значения примерно раза в два или три.

Почему соединение с сервером прошло успешно, но обмен информацией не идет?

Если вы успешно связались с сервером, модем передает данные, а данных на прием нет, принудительно прервите соединение и попробуйте возобновить его примерно минут через 15.

Как работать с прокси-сервером?

Прокси сервер служит посредником между Вашим web-браузером и WWW-сервером, к которому Вы обращаетесь. Конечно, можно работать с WWW-серверами напрямую, и кажется,что чем меньше посредников - тем оно лучше.
Но так ли это на самом деле? Ведь прокси не просто запрашивает нужный Вам документ с сервера и передает его Вам, он еще и сохраняет локальную копию этого документа в кеше на диске. И если Вы (или другой абонент прокси) зайдете на эту страничку еще раз, то прокси уже не придется закачивать его с далекого WWW-сервера, ведь ее копия уже сохранена. Эта копия и будет выдана Вам на Ваш запрос, и Вы получите таким образом ответ гораздо быстрее.
Эта истина - необходимость локального кеширования документов - известна очень давно, и все браузеры тоже имеют свои локальные кеши. Но сколько места Вы можете выделить под кеш на своем компьютере? Не более 1-5 мегабайт... А прокси сервер Интранс работает с кешем объемом в гигабайт.
Кроме того, локальный кеш на Вашем компьютере содержит только страницы, на которые заходили лично Вы. В случае же прокси сервера, в кеше содержатся страницы, на которые ходили все наши абоненты. Представьте: Вы впервые заходите на какую-то страничку - и получаете ее на экране моментально, потому что кто-то уже был там и закачал ее для Вас.
Таким образом, Вам остается только настроить Ваш браузер для использования прокси сервера.

Как мне настроить мой web-браузер для использования прокси?

Настройки прокси зависят от используемого Ваши браузера.
a) Netscape Navigator Ver. 2 и позднее ; Microsoft Internet Explorer Ver. 3.02 и позднее. Эти браузеры поддерживают автоматическую настройку конфигурации прокси, что очень удобно.
b) Microsoft Internet Explorer Ver. 3.0 - 3.01. Запустите Microsoft Internet Explorer и выберите альтенативу меню View/Options (Вид/Параметры) и закладку Connection (Подключение). Выберите опции "Connect through a proxy server" ("Подключение через прокси-сервер") и "Use the same proxy server for all protocols" ("Использовать один и тот же прокси сервер для всех протоколов"). В поле HTTP введите адрес прокси: "intrans.baku.az" (без кавычек), в графе порт веедите номер порта: 3128. В поле "Exceptions" ("Исключения") введите адреса, обращение к которым должно производится напрямую. Адреса разделяются точкой с запятой: "www.az; www.laws.az". Эти сервера локальные для Интранса и их не нужно кешировать через прокси. Если в Вашей локальной сети есть свои Web-сервера, укажите их адреса тоже. Если у Вас есть локальная сеть, отметьте пункт "Do not use proxy for local (intranet) addresses" ("Не использовать прокси для адресов локальной сети"). Нажмите кнопку "OK". Настройка завершена.
c) Остальные браузеры и другие версии указанных выше браузеров. Некоторые браузеры вообще не поддеживают прокси. В этом случае придется обходится без него или заменить браузер на более новый. Если Ваш браузер поддерживает прокси, то настройка его производится аналогично указанному в предыдущем пунтке способу.
Если у Вас достаточно новый браузер, поддерживающий автоматическую конфигурацию прокси, то см. далее

Автоматическая настройка прокси

Автоматическая настройка прокси призвана облегчить Вашу жизнь и обновременно повысить эффективность использования прокси.
На сегодняшний день автоматическую настройку прокси понимают браузеры Netscape Navigator версии 2.0 и позднее, Microsoft Inetrnet Explorer версии 3.02 и позднее, Netscape Communicator всех версий.
Автоматическая настройка позволяет Вашему браузеру пользоваться прокси тогда, когда в этом есть смысл. Ваш браузер становится более "интеллектуальным", он обращается к близким серверам напрямую, к далеким - через прокси, а если прокси по какой-либо причине не отвечает, то автоматически пробует обратиться напрямую. Чтобы воспользоваться автоматической настройкой нужно указать Вашему браузеру адрес документа автоматической настройки. Этот адрес для прокси сервера Интранс следующий: http://proxy.intrans.baku.az/cgi-bin/proxy
Для браузеров компании Netscape версий до 4.0 этот адрес следует указать, выбрав пункт меню "Options/Network preferences", закладка "Proxy", выбрать вариант "Automatic Proxy Configuration". После введения адреса конфигурации http://proxy.intrans.baku.az/cgi-bin/proxy следует нажать кнопку "reload" и затем "OK". Настройка зевершена.
Для браузеров компании Netscape версий 4.0 и новее нужно выбрать пункт меню "Edit/Preferences", выбрать категорию "Advanced/Proxies" и, отметив пункт "Automatic proxy configuration", указать там адрес http://proxy.intrans.baku.az/cgi-bin/proxy, затем нажать кнопку "Reload". Настройка завершена.
Для Microsoft Internet Explorer следует выбрать альтенативу меню View/Options (Вид/Параметры) и закладку Advanced (Другие). Внизу окошка нажмите кнопку "Automatic Configuration" ("Автоматическая настройка") и в появившемся окне введите адрес конфигурации: http://proxy.intrans.baku.az/cgi-bin/proxy. Затем нажмите кнопку "Refresh" ("Обновить") и "OK". Настройка завершена.

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

Существует мнение, что прокси использовать не стоит. Приведем мнения "за" и "против"
a) Прокси замедляет доступ к www-серверам. Это не так. Замедление доступа можно заметить только при обращении к серверам, находящимся "очень близко" по топологии сети, но к таким серверам и нет смысла обращаться через прокси. Их надо прописать как исключения (см. пункт 2), а в случае автоматической конфигурации, обращение к ним будет производится напрямую само по себе. Наоборот, прокси ускоряет (и существенно) доступ к "далеким" серверам, что очень важно.
b) Прокси выдает мне старую информацию. Действительно, возможна ситуация, когда документ на сервере обновили, а в кеше прокси все еще сохранилась старая версия, которую Вы и получите на свой запрос. Но в этом случае вам просто нужно нажать кнопку "Reload" или "Refresh" ("обновить") Вашего браузера. По запросу на обновление прокси сервер проверит, не появилось ли новой версии Вашего документа, и, если таковая есть, выдаст Вам ее. Кроме того, прокси сервер использует достаточно сложный и "интеллектуальный" алгоритм определения устаревания документов, так что в большинстве случаев Вы сразу же получите самую свежую версию документа.

 

Понятие системы навигации

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

 

Типы навигации

- Текст
На заре развития Интернета как общедоступного информационного пространства текстовая навигация была единственным способом помочь посетителю разобраться, какая информация ему нужна, а какая - нет. Текстовые ссылки - самый простой в плане реализации вариант информирования пользователя о том, что его ждет внутри раздела сайта.
Однако, 90-е гг. ХХ века породили тенденцию к эстетизации составных элементов электронных документов в Сети, которая выражалась в стремительном повышении пользовательских требований к визуальному оформлению сайта, в том числе - и к его навигации. Несмотря на растущий интерес к таблицам стилей CSS, позволяющим несколько преобразить и приукрасить стандартный вид шрифтов, текстовая навигация в конце концов уступила "место под солнцем" своему графическому аналогу.
- Графика
Графический вариант представления системы навигации является, пожалуй, наиболее распространенным в Интернете. Оно и понятно: современные графические редакторы вкупе со всевозможными надстройками (plug-ins), эффектами и фильтрами способны создавать потрясающие образцы оформительских решений. Применение фотографических изображений, рисунков, а также анимации привлекло огромное количество веб-дизайнеров, которые предпочли визуальную привлекательность аскетичному тексту.
- HTML-формы
Спецификация языка гипертекстовой разметки HTML позволяет размещать на веб-страницах ниспадающие и выборочные меню, которые, как правило, позволяют сэкономить место на странице и представляют собой интуитивно понятные пользователю элементы рабочей среды Windows). Кроме этого, с помощью CSS можно существенно улучшить внешний вид системы навигации, реализованных посредством HTML-форм.
- Java-апплеты
Java-апплеты представляют собой небольшие приложения, которые встраиваются в HTML-код веб-страниц и могут включать как текст, так и графику. Отображаются при наличии в браузере пользователя опции поддержки Java.
- Flash
Системы навигации, разработанные на основе технологии Macromedia Flash, могут совмещать в себе растровую и векторную графику, анимацию, аудио и видео, а также реагировать на различные пользовательские манипуляции: нажатие "горячих" клавиш, перемещение курсора и пр. Для их отображения на веб-странице на компьютере посетителя сайта должен быть установлен специальный plug-in - Macromedia Flash Player.

Как работают теги <META> и зачем они вообще нужны?

Мета-теги сообщают информацию для браузера, который загружает Вашу страницу и для поисковых систем (роботов), сканирующих Ваш сайт. Эти теги должны раполагаться между тегами <head> и </head>. Представляют интерес следующие 4 тега:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
Указан тип (text/html) и кодировка (charset) документа HTML; для KOI8 нужно указать KOI8-R. Эту информацию использует браузер. Приведенную выше строку рекомендуется вставлять во все русские html-страницы с кодировкой windows-1251.

<meta http-equiv="Refresh" content="10; url=http://gospel.jeo.ru">
По истечении указанного времени (10сек) загрузится страница, адрес которой указан после url=. Эту информацию использует браузер. Этот тег позволяет задавать регенерацию текущей страницы через заданный интервал времени (в этом случае указывать url не нужно), а также будет удобен для создания страниц, извещающих о изменении адреса сайта (по истечении заданного Вами времени, сайт автоматически загрузится с нового адреса).

<meta name="Description" content="Вебстудия: создание и сопровождение сайтов">
Этот тег используют поисковые роботы. Он позволяет разместить аннотацию к текущему документу HTML. У разных систем разные требования к объему текста аннотации. Ориентируйтесь на 100-200 символов.

<meta name="Keywords" content="дизайн, профессионально, раскрутка">
Этот тег тоже используют поисковые роботы. Вы можете указать список ключевых слов для текущего документа. Предполагается, что при вводе именно этих слов, поисковая система включит Ваш документ в список найденных согласно запроса. Слова должны быть разделены запятыми (хотя мне приходилось видеть и варианты, когда разделителем был только пробел). Постарайтесь уложиться в 10-20 слов. Не повторяйте слов, которые Вы использовали в описании.