|
Практика JavaScript и DHTML
- Учебник HTML в одной главе (вместо пролога)
Что мешает вам создать веб-сайт и поместить его в Интернет? Несколько страниц текста, 15-20 минут работы - и о вашем существовании сможет узнать весь мир.
- Гл. 1. Больше одной страницы
Сайт из пяти страниц. Минимум HTML-тэгов. Основы навигации (гиперссылки).
- Гл. 2. Прайс-лист. Таблицы и архивы
Перенос списка товаров из бухгалтерской программы в Excel. Надстройка Excel для сохранения в формате HTML. Упаковка в архив zip.
- Гл. 3. Продвижение
Поиск информации в Интернете. Заголовок страницы (title). Краткое описание (meta description). Правильная кодировка страницы. Веб-сайт как рекламоноситель.
- Гл. 4. Обратная связь
...ни с кем не встречайтесь, никому не звоните, не трогайте почтовые конверты, не распечатывайте счета, вообще не прикасайтесь к бумаге, раз уж существует электронная почта!
- Гл. 5. Испытания в полевых условиях
Баловство с IIS на Windows. Практической цели не имеет.
- Гл. 6. Работа с графикой
Фотография, полиграфия и веб. Экранное разрешение. Режим «Индексированный 256», уменьшение количества цветов в палитре. Вставка изображений в HTML-страницу. Атрибут ALT.
- Гл. 7. Оформление с помощью CSS
Блочные HTML-элементы. Управление цветом и размером многих элементов с помощью правил. Особенности в интерпретации HTML разными браузерами. Поля. Оформление ссылок (изменение цвета при наведении мыши - hover).
- Гл. 8. Изменение структуры. Обновление
Каталог продукции: картинки с описаниями. Отличие элементов PRE и P. Добавление прозрачности изображениям. Выравнивание по вертикали. Обработка текстов с помощью поиска и замены символов. Немного об HTML-таблицах.
- Гл. 9. Javascript: баловство или необходимость?
Получение информации о браузере (интернет-обозревателе, клиенте, агенте). Оформление с помощью JS: невидимая на экране команда JavaScript вставляет в текст страницы невидимую глазом инструкцию - и вид страницы изменяется. Оптимизация кода.
- Гл. 10. Примечания (сноски) в книге
В HTML-странице не обязательно собирать все примечания в конце. Их можно отображать и скрывать по желанию пользователя прямо там, где стоит ссылка на сноску.
- Гл. 11. DHTML для нашего сайта
События onclick, oncontextmenu. Знакомство с DOM (объектной моделью HTML-документа). DHTML-шутка: сайт в одной странице.
- Гл. 12. Электронные документы
Скрыть или показать часть стуктуры. Создание оглавления.
- Учебные материалы
Файлы примеров для учебника HTML, спецификации W3C, несколько полезных программ.
Статьи
- Конструктор HTML форм
Начнём с того, что конструктор форм, как и конструктор сайтов, есть вещь принципиально невозможная. Как, впрочем, и любой конструктор вообще. Конструктор – выражение фигуральное, метафорическое. В ... 01.02.12
- Числа прописью с рублями, минутами и метрами
Эта тема беспокоит меня давно, с тех пор, как в нашей газете научились отправлять электронные счета электронной почтой. В счёте ведь надо было как-то превращать цифры с слова (типа «Два миллиона сто ... 15.11.11
- Календарь javascript (datepicker)
В сети полно чудовищных скриптов для наглядного выбора даты с помощью указателя мыши. Эти скрипты не могут быть не чудовищными по определению, так как созданы для позорной задачи: облегчить жизнь ... 15.11.11
- Что из чего следует в PHP-фреймворке «Friends»
«Friends» - рабочее название маленького PHP-фреймворка (16 K кода, вместе с CSS, но пока без javascript), находящегося в сомнительных отношениях с mvc, но бодро работающего.
В предыдущей статье мы ... 29.10.11 Комментарии (1)
- PHP фреймворк, анти-MVC, без ООП
С самого начала изучения MVC мне не понравилось слово «модель». И не зря. На громадном количестве сайтов это понятие действительно не применимо. Там есть Данные, есть какое-никакое их Отображение. ... 17.10.11 Комментарии (6)
- Идеальная функция setCookie
Сравнение двух интересных библиотек (http://microbasejs.ru/, http://github.com/Kolyaj/CrossJS) привело меня к озарению и созданию совершенно особой, доселе невиданной функции по установке куки (с ... 03.10.11 Комментарии (1)
- Отображение настроек для javascript сортировки
Очень сложная оказалась задача – дать пользователю возможность настраивать колонки таблицы не по Ctrl+click, а наглядно, как в оконных приложениях, выбором с помощью мышки. Весь моск вывернула ... 29.09.11
- Что такое Контроллер mvc в вебе?
MVC – Модель, Контроллер, Вью (Представление). Вместо мутного «Модель» используем «Данные». И попытаемся определить откуда у всего этого ноги растут.
Данные – это что-то, что хранится в компьютере; ... 25.09.11
- javascript сортировщики, сравнение алгоритмов
Всякое сравнение хромает в пользу того, кто сравнивает.
Попробуйте поискать в сети страницы по фразам «Сортировка HTML таблиц», «javascript сортировка», «table sorter»... Можно найти немало решений, ... 15.09.11
- unobtrusive top.mail.ru
Лет 5-6 назад среди веб-разработчиков распространилась мода на «unobtrusive javascript» – «ненавязчивый» javascript, который внедряется в тело HTML страницы только в виде ссылок на файлы js (а не в ... 15.09.11
- Простой сортировщик HTML таблиц, версия 0.03
Simple Table Sorter v 0.03
Первый Простой сортировщик HTML таблиц (версия 0), упоминаемый на этом сайте, был придуман далеко не первым по времени, а примерно через год работы над концепцией. Была ... 09.09.11
- Подсветка строк, столбцов и значений в HTML таблице
Это следующая версия скрипта Big Table Sorter – 1.01.
Почти год назад в статье http://ir2.ru/tabsort1.aspx мы сформулировали концепцию полнофункционального сортировщика HTML таблиц. Казалось, что ... 06.09.11
- Отложенная загрузка javascript
Когда в очередной раз пользователи начали жаловаться на «странную» работу некоторых функций корпоративного сайта, мне пришлось вникнуть в проблему. Она оказалась очень простой: 1) после загрузки ... 16.07.11
- Кэширование промежуточных результатов в веб-программировании
Кэширование в php-скрипте
Существует такой шаблон проектирования (или приём программирования) «Экстрактор»: создаваемая конструкция не знает о существовании или отсутствии элементов, она просто ... 28.06.11
- javascript и php: синхронизация сущностей
Вот форма на сайте ("вот дом, который построил Джек"). Вот кнопка submit, при щелчке по которой запускается функция валидации формы. Вроде всё, как всегда, стандартный пример. Но, если подумать, ... 24.06.11
- Скругление углов CSS, JavaScript
Кажется, на эту тему трудно написать что-то новое. Точнее, трудно изобрести новый метод скругления углов. А взглянуть на проблему под другим углом всегда можно. Мы попробуем доказать неизбежность и ... 04.06.11
- Javascript и логика представления (design pattern «JS-словари»)
В статье о генерации HTML формы для wysiwyg редактора мы привели пример небольшой автоматизации в программировании – создание формы на основе структуры mysql-таблицы и последующая обработка данных ... 29.05.11
- Структура WYSIWYG-редактора сайта
WYSIWYG – это наглядный редактор (прежде всего, для текста): вы выделяете фрагмент, нажимаете в управляющей панели кнопку B – и фрагмент становится жирным. Так можно делать, например, в Ворде, или в ... 07.05.11
- Подсветка картинки при наведении мыши
Хорошей практикой веб-строительства является создание таких гиперссылок (и других активных элементов), которые изменяются при наведении мыши. У гиперссылок, по спецификации W3C, даже существует для ... 02.05.11
- Визуальные редакторы: для кого они?
В давние-давние годы, когда в Иркутске только начали появляться компьютеры и про Интернет ещё никто ничего не слышал, для вёрстки использовали программу Xerox Ventura Publisher (Вентура). Вёрстка, ... 27.03.11
- Веб/2: сайты нового поколения
ПредысторияЧтобы дать определение новому понятию «Полувеб», надо вспомнить сначала, что такое «веб 2.0». О нём много пишут; как всегда, лучше всего в Википедии. С содержательной стороны – это ... 28.12.10 Комментарии (2)
- Как измерить скорость работы Javascript?
На самом деле хочется, конечно, знать общую скорость (точнее, время) вывода на экран какой-либо информации. В нашем случае – информации, получаемой с помощью браузеров (то есть скорость вывода ... 21.12.10 Комментарии (2)
- Функция для работы с className в javascript
Изменение атрибута class у HTML-элементов является основой, базой для управления содержимым страницы с помощью DHTML. Любое действие по оформлению проще всего производить, именно изменяя динамически ... 18.12.10
- Сортировщик HTML таблиц, версия 1
В предыдущей статье мы попытались определить минимально необходимые свойства сортировщика таблиц. Вряд ли произведённые определения можно сильно оспорить; другие минималистские сортировщики в общем с ... 11.12.10 Комментарии (1)
- Сортировщик HTML таблиц: концепция и «нулевой цикл»
У кого sorter тинее?
В процессе работы над сортировщиком (как и над любой другой программой) приходится многократно обращаться к разным вариантам, существующим в виде открытых решений в Сети. И ... 09.12.10 Комментарии (29)
- Как с очень высокой скоростью найти слово в большой таблице?
В предыдущей статье мы показали, как два уровня (или два приёма) javascript-кэширования могут увеличить скорость поиска по списку из 400 элементов в десятки раз. Там были важны три ... 06.12.10 Комментарии (2)
- Как в большом списке найти слово с очень высокой скоростью?
Простой список. Прямой алгоритм
Начнём с нашего любимого примера – простого (в одну колонку) списка рубрик из справочника предприятий vostsibspravka.ru: listru1.htm. Наиболее очевидный алгоритм ... 06.12.10
- HTML база данных лучше, чем Excel
Второй вопрос после "как сортировать и фильтровать данные в HTML-таблице?" обычно возникает у критиков: "А нафига?" Скептицизм здесь уместен: пользователи обычно получают HTML-страницы с веб-сервера, ... 05.12.10 Комментарии (1)
- Javascript база данных
Есть такой анекдот (или притча) о злой тётке, которая один раз в жизни пожалела нищенку и подала луковое пёрышко; а потом в аду черти тётку топили, а нищенка протянула ей то самое луковое пёрышко и ... 28.10.10
- Сортировщик HTML-таблиц, версия 1.3
Статья о сортировке HTML-таблиц была написана год назад. Так получилось, что описываемая технология заинтересовала некоторых начинающих программистов, и они стали задавать вопросы и высказывать ... 30.09.10 Комментарии (3)
- Проверка условий в Javascript
Веб-программист постоянно вынужден что-то проверять: правую кнопку мыши нажал пользователь или левую, заполнено ли в форме поле «Поиск», есть ли на странице элемент с id = "console"... Иногда это ... 25.09.10
- Скрыть – показать HTML элементы с помощью Javascript
Специалист – человек, который, избегая мелких ошибок, неуклонно движется к глобальному заблуждению. Закон программирования Мэрфи, ст. 17
Специалист подобен флюсу: полнота его одностороння. Козьма ... 11.09.10
- Таймеры в Javascript (setInterval, setTimeout)
В программировании на скриптовых языках периодически возникает необходимость создать паузу – приостановить выполнение программы на некоторое время, а потом продолжить работу. Например, в сценариях ... 26.08.10 Комментарии (10)
- Javascript фильтрация данных
Сортировать HTML-таблицу мы уже научились. Вторая после сортировки задача базы данных – выборка строк из таблицы по определённому критерию. Например, чтобы поле город заканчивалось на -тск. ... 24.08.10 Комментарии (13)
- Javascript: вопросы и ответы
Все примеры javascript для данной страницы находятся в файле o3.js. Для правильной работы скриптов необходима также библиотека ir2.js.
Как запомнить options, выбранный в элементе select?
... 18.07.10
- Javascript: часто задаваемые вопросы
Как удалить пробелы в Javascript с учётом ?
Речь, понятно, идёт не о всех пробелах подряд, а о лишних пробелах справа и слева, т.е. об аналоге функции trim (удаляющей справа и слева строки ... 27.02.10 Комментарии (3)
- Редактирование таблицы MySQL: Javascript интерфейс
В предыдущей статье мы рассмотрели предельно простой способ доступа к базе данных MySQL (редактирование таблицы без перезагрузки HTML страницы). Отправка данных на сервер производилась через ... 21.02.10 Комментарии (7)
- Редактирование таблицы MySQL в браузере
Заголовок, конечно, пугающий, но там (здесь), в общем, ничего необычного: редактирование таблицы MySQL происходит всё-таки с помощью серверного скрипта PHP. К тому же пользователи вообще очень часто ... 24.01.10 Комментарии (8)
- 10 лучших функций Javascript
Функция удаления со страницы ссылок «на себя» stripSelfHref()
DOM-инспектор dom-javascript.js
Функция scriptRequest() (фоновые http-запросы)
Функция записи куки setCookie()
... 16.01.10 Комментарии (1)
- Сортировка таблицы средствами JavaScript - DOM
Вопрос когда-то с неизбежностью возникает перед любым добросовестным веб-мастером: зачем перегружать HTML страницу при сортировке таблицы? Нельзя ли перегруппировать HTML элементы таблицы прямо в ... 09.01.10 Комментарии (49)
- DHTML: условная разметка для HTML кода
Стили набора и форматирования
Как авторы обычно оформляют текст при наборе? Например, когда надо какое-то слово сделать курсивным? Результат можно получить разными способами:
Нажать мышкой в ... 05.01.10
- DHTML: защита форума
Как защитить фор(ум|му) от спама?
Форма – это дыра, через которую сообщения пользователя отправляются на сервер. Точнее, несколько дыр: текст сообщения, автор, e-mail...
Форма 1.
Автор: ... 02.01.10 Комментарии (3)
- DHTML: хранение настроек пользователя
Для чего нужен Dynamic HTML
Убрать
Развернуть и запомнить
... 30.12.09
- DHTML: проверка формы
В предыдущей статье
http://ir2.ru/dhtml.aspx мы сформулировали ряд причин, по которым
бывает необходимо изменять HTML страницу после её открытия в браузере.
Повторяем здесь список этих причин:
... 26.12.09 Комментарии (2)
- DHTML
Нечасто задаваемые вопросы
Изменение текста (и оформления) страницы после её открытия в браузере иногда называют DHTML – Dynamic HTML. Справочник по DHTML найти в сети почти невозможно. ... 24.12.09 Комментарии (2)
- JavaScript
О популярности JavaScript в Википедии слагают легенды. Специалисты объясняют эту популярность в основном простотой языка и широкой поддержкой в прикладных программах. Такой взгляд кажется нам немного ... 13.12.09 Комментарии (1)
- HTML таблицы
Таблица (элемент table) является, пожалуй, самой загадочной и сложной конструкцией языка HTML. Хотя собственно HTML тут ни при чём, таблица сложна по самой своей сути, по противоречивой логике ... 07.12.09
- Самый быстрый браузер
В последние годы интернет-обозреватели не радуют нас разнообразием рекламы: «С новой версией NN ваш веб-сёрфинг станет ещё безопаснее!» – наиболее типичный призыв производителей. А ... 26.10.09 Комментарии (3)
Добавить статью:
|
Часть II. СовершенствованиеГлава 5. Испытания в полевых условиях. IIS
До сих пор мы молчаливо предполагали, что на вашем компьютере
установлена операционная система Windows 2000 (или Windows XP). Для
дальнейшей работы нам это нужно знать наверняка. То есть эта глава
написана именно в расчёте на то, что у вас стоит одна из перечисленных
систем. Тем более что сейчас в России осталось не так много
компьютеров, работающих под Windows 98 (это в Америке народ пытается
экономить на программном обеспечении, из-за чего многие до сих пор
используют Windows 95).
После каких-либо изменений, редактирования html-файла вы проверяете,
как он стал выглядеть, открыв файл в своём интернет-обозревателе
(например, двойным щелчком по имени файла). Но локально (как простой
файл) и та же страница, выдаваемая интернет-сервером, могут отличаться
друг от друга при отображении в обозревателе (например, при
использовании абсолютного пути в ссылках).
Поэтому лучше сразу установить себе на компьютер веб-сервер и
отлаживать работу веб-сайта именно на нём. Вам понадобится дистрибутив
той Windows, которая была установлена на вашем компьютере. То есть,
скорее всего, сайт для установки Windows 2000/XP. Если
дистрибутива нет, найдите его. Или пропустите эту главу, а взамен
найдите в Интернете вариант какого-нибудь свободно распространяемого
веб-сервера (например, Apache), способного работать на Windows 98.
Установка IIS
Создайте на диске C: папку с именем www. Откройте Панель управления
компьютера (например, через кнопку «Пуск» или через «Мой компьютер»),
выберите и откройте «Установка и удаление программ», затем вкладку
«Добавление и удаление компонентов Windows»; поставьте галочку напротив
Internet Information Servises (IIS):
Нажмите кнопку «Состав» и убедитесь в том, что среди выбранных
программ есть веб-сервер. Далее выполните инструкцию по установке, при
необходимости перезагрузите операционную систему.
После окончания установки щёлкните правой кнопкой по значку «Мой компьютер», выберите из выпавшего меню «Управление»:
В открывшемся окне, в самом низу списка, щёлкните по плюсику около
пункта «Службы и приложения», в открывшемся списке щёлкните ещё раз по
плюсику напротив пункта Internet Information Servises; в открывшемся
списке щёлкните правой кнопкой мыши по пункту «Веб-сервер» и из
выпавшего меню выберите «Свойства»:
В открывшемся окне выберите вкладку «Домашний каталог», убедитесь,
что переключатель стоит на «каталог данного компьютера», нажмите кнопку
«Обзор» и выберите созданную вами папку C:\www:
Нажимайте ОК, затем можете скопировать файлы своего веб-сайта
(index.html, address.html и др.) в папку C:\www. После этого можете в
адресной строке обозревателя набрать слово localhost
- должен открыться ваш файл index.html. Должна ваша страница
открываться и по сетевому имени компьютера в адресной строке. Например,
если ваш компьютер в сети все видят под именем manager4,
то любой человек в вашей локальной сети может набрать в своём
интернет-обозревателе это слово (лучше, конечно, для надёжности с http
- «http://manager4») и попасть на ваш веб-сайт. Можете писать для них
специальные сообщения и делать доступными с помощью ссылок внутри
вашего главного фала - index.html.
Резервный сайт
Narod.ru, на котором вы поместили свой сайт, - очень надёжный
сервер. Но и у него есть свои недостатки (например, тот же рекламный
баннер, выскакивающий на ваших страницах, или менее высокая скорость
работы, по сравнению с другими, не так загруженными серверами). Кроме
того, любой, даже самый платный хостинг не защищён от форс-мажорных, из
ряда вон выходящих обстоятельств. Поэтому лучше сразу заводить
несколько копий сайта на разных серверах, а потом, в процессе
деятельности, выяснять, с каким из них удобнее работать (и тот сделать
основным и продвигать, а остальные оставить резервными). Вы ничем здесь
не ограничены: бесплатные серверы, о которых мы упоминали (Nm.ru,
By.ru) не выдвигают никаких условий для публикации вашей информации
(разумеется, в пределах общегражданского законодательства), вы можете
создавать хоть на каждом из них копии своего сайта, да и на других
бесплатных серверах, которые найдёте, тоже. Например, на By.ru создана
копия сайта электронной поддержки для этой книги. Для надёжности. И для тестирования сервера.
То же касается и электронной почты. Всегда сообщайте (если эта
информация передаётся в письменном виде, конечно) несколько адресов
(например, в подписях ваших электронных писем) почты и адреса хотя бы
двух ваших сайтов.
|