Архив рубрики: ‘Кодирование

Автор статьи: Наверняка, вам часто приходится закрывать "непрошеные" окна броузера, открывающиеся во время навигации по сети. большинство пользователей (и я в том числе) ненавидят всплывающие окна, которые раздражают своей навязчивостью и непредсказуемостью. Но если вы все же большой приверженец использования pop-up страниц, я хочу предложить одно из решений их использования. Одна из главных целей сайта [...]

tell target

1, Apr 2002

Автор статьи: Варданян Евгений >иногда нужно сделать очень хитрые вещи, например поуправлять поведением анимационного клипа из другого анимационного клипа. Сделать подобные вещи поможет Tell Target. Начнем с создания новой сцены с фоном и четыремя кнопками. Это будет наш фон. Сделайте новый слой, напишите на нем текст (в моем случае это "авторы") и нажмите F8. Выберите [...]

Автор статьи: Варданян Евгений >Понятное дело, что даже в последней версии Flash ни о каком встроенном 3D речь не идет. Можно конечно всякими ухищрениями и математическими формулами добиться имитации, но это довольно сложно. По этому само 3D мы сделаем в 3D Studio MAX. Я нарисовал простейшую сценку - вращение кубика (в 30 кадров). Самое главное [...]

Автор статьи: Варданян Евгений >В данном разделе содержаться ответы на часто задаваемые вопросы по редактору Macromedia Flash версии 3.0 и выше. Для пополнения данного раздела присылайте свои вопросы (а может и ответы) на постоянно действующий e-mail ace@krsk.ru" Q: Пользуясь вашими советами, нарисовал flash-анимированное изображение. Выполнил publish в формат html, однако, никак не могу использовать созданный [...]

Автор статьи: Варданян Евгений >Честно говоря, я такой проблемы как подключение Flash в HTML никогда не имел. Наверное потому, что пользуюсь DreamWeaver. Но тем кто им не пользуется эта статья будет очень даже полезна. Я совсем не хочу распространяться на тему, какие теги использовать какие параметры передавать и все в таком духе. Зачем? Ведь есть [...]

Автор статьи: Головин Андрей >Честно говоря, я такой проблемы как подключение Flash в HTML никогда не имел. Наверное потому, что пользуюсь DreamWeaver. Но тем кто им не пользуется эта статья будет очень даже полезна. Я совсем не хочу распространяться на тему, какие теги использовать какие параметры передавать и все в таком духе. Зачем? Ведь есть [...]

Автор статьи: Афанасьев Владимир иногда случается, что заказчики приносят информацию, подготовленную ими в редакторе Microsoft Word. И, хотя в любом препресс-бюро на таких смотрят волком, выгонять заказчика не всегда представляется возможным. Приходится объяснять и… переверстывать (за счет заказчика, естественно). И тут мы сталкиваемся с задачей извлечения файлов картинок из этого продукта всеми нами «любимой» фирмы. Описанная ниже методика позволяет сделать это без какой-либо потери [...]

Автор статьи: Афанасьев Владимир хороший корректор — это половина редакции. И это не пустые слова. Вспомните, что было всего-то пять-десять лет назад. наши прилавки захлестнула волна литературы, никак не вычитанной корректорами. Делали такую литературу просто — проверили орфографию с помощью встроенных программ, прочитал (может быть) редактор (он-то во всяком случае себя таковым считал), быстренько сверстали и… в печать. В результате мы имеем то, что имеем… [...]

Автор статьи: Афанасьев Владимир Странный это вопрос… Чтение есть процесс увлекательный, познавательный и прочая, прочая, прочая… Но я утверждаю, что это справедливо не всегда. Более того, иногда — просто вредно. Вы не согласны? А теперь о сути дела. Вопрос ставится так: есть ли необходимость читать верстальщику те материалы, с коими он работает? И если надо, то когда? Каждый отвечает на поставленный вопрос по-своему. Собственно, этот вопрос состоит из трех частей: когда читать [...]

Автор статьи: Афанасьев Владимир Признаюсь, статья «А надо ли читать?» была написана в значительной мере для того, чтобы вы могли высказать свое собственное мнение по этому, пусть и не слишком острому, вопросу. Каюсь. > «Не судите его сурово, Не корите его за это». (С.Островой). Меня оправдывает только то, что еще в самом начале, в момент первого представления своего сайта я писал, что буду давать материалы «провокационного» характера (речь [...]

Автор статьи: Головин Андрей Таблицы используются в web-дизайне не только, как средство представления данных, но и как инструмент расположения элементов на странице. Чего можно добиться с помощью таблиц? Как известно, страница может просматриваться с различным разрешением. В настоящее время основными являются разрешения 640х480, 800х600 и 1024х768. Для того, чтобы страница одинково смотрелась во всех разрешениях [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Опупея с тонкими рамками вокруг таблиц нашла неожиданное продолжение. После выхода первых двух (1, 2) опытов, >Егор Первунинский прислал мне пример таблицы с тонкими границами между ячейками, который не использует однопиксельных гифов. ?Иногда излишняя изворотливость мешает правильной реализации. Современные веб-мастера настолько запуганы отличиями в реализации html в разных браузерах, что пытаются перестраховаться и не задумываются о том, что это [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Термином "буквица" называют типографский прием, при котором первая буква абзаца выполняется другим размером (большим) и начертанием. Во времена рукописных книг особо ценилось умение вырисовывать эти самые буквицы. Вот один из примеров, который принадлежит перу знаменитого Альдуса: >Кстати, по воросам шрифта, особенно русских гарнитур, советую вам посетить сайт Хомячья Словолитня. С тех [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей Недавно мне намекнули, что опыт по организации тонких рамок у таблиц несколько однобок. Действительно он позволяет делать тонкой только внешнюю рамку. В том же письме приводился пример таблицы с тонкими рамками между ячеек, но, к сожалению, это решение абсолютно не работало в Netscape. Меня тут же посетила идея как это можно [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Очень часто возникает необходимость создать таблицы подобного рода: > Дата Счет Дебет Кредит 10.01.99 1253,00 10,00 13.02.99 5631,00 123,40 Достигается это с помощью атрибутов тэга <TD> COLSPAN и ROWSPAN, которые задают количество колонок и рядов, которые занимает ячейка. Чтобы было понятнее рассмотрим следующий пример: ROWSPAN=2 Эта ячейка занимает 2 ряда. COLSPAN=2 [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Теперь, когда вы познакомились с основными принципами построения страниц, рассмотрим несколько примеров. Положение таблицы в потоке данных устанавливается атрибутом ALIGN тэга <TABLE>. Если атрибут не указан, то таблица располагается с выравниванием влево, поток текста разрывается. Вот так: > Атрибут ALIGN опущен. <TABLE WIDTH=20% CELLSPACING=2 BORDER=1> <TR><TD BGCOLOR=#fff0f0> Атрибут ALIGN опущен. </TD></TR> [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей В одном из своих измышлений я говорил, что Netscape Navigator не может интерпретировать атрибут стиля BORDER, что не дает возможности распологать врезки в текст. Способ с применением стилей рекомендуется W3C, как единственный приемлемый, так как страница должна иметь возможность интерапретации "non visual" браузерами (т.е. речевыми или брайль-браузерами). Но, если мы хотим [...]

  • Рубрики: HTML

Автор статьи: Сколько нужно тегов для того, чтобы сделать успешный проект? Сейчас посчитаем. Теги <HTML>, <HEAD>, <TITLE> и <BODY> пропускаем, потому как и без них все работает. <A> — ссылка. Самый главный в интернете тег. Без преувеличений. У этого тега с вебом такая же связь, как у расщепления атома с ядерной бомбой. Можно посвятить жизнь тому, чтобы делать не плохие сайты, а ссылки на хорошие сайты. Результат [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей В одном из своих измышлений я говорил, что Netscape Navigator не может интерпретировать атрибут стиля BORDER, что не дает возможности распологать врезки в текст. Способ с применением стилей рекомендуется W3C, как единственный приемлемый, так как страница должна иметь возможность интерапретации "non visual" браузерами (т.е. речевыми или брайль-браузерами). Но, если мы хотим [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей DHTML позволяет автору страницы создавать собственные атрибуты элементов. При отображении документа, браузер должен хранить нераспознанные атрибуты, как и распознанные. Для доступа к любому атрибуту Internet Explorer предлагает три основных метода: >getAttribute(имя [опции]); setAttribute(имя [опции]); removeAttribute(имя [опции]); В каждом методе имя - имя атрибута в виде строки. опции - на данное время [...]

Автор статьи: Головин Андрей интернет Эксплорер версии 4 и выше реализует механизм фильтров, которые определяют способ вывода объекта на экран. Эти фильтры подразделяются на две группы: визуальные эффекты и эффекты перехода. Рассмотрим первую группу. Применяемые фильтры указываются в описании стилей следующим образом: { filter: имя фильтра(параметр1, параметр2 ...) } Всего доступно 14 визуальных фильтров: <A [...]

favicon.ico

6, Nov 2001

Автор статьи: Головин Андрей Наверное вы уже не раз замечали, что ссылки на некоторые сайты, после добавления в "избранное" (Favorites) в Internet Explorer, отображаются не со стандартной иконкой (>) html-документа, а со своей собственной. Один из таких сайтов - сайт Авто Люкс Сервис (). Кроме того, это изображение будет отображено в строке адреса, если сайт [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Мне неоднократно приходилось отвечать на вопросы о том, как сделать неподчеркнутые ссылки, как сделать ссылки разного вида на странице. Поэтому сегодня я остановлюсь на придании требуемого вида ссылкам на странице. Чтобы задать вид ссылки можно воспользоваться описанием стиля в атрибутах элемента <A> (так называемый in-line CSS). Делается это так: <A HREF="..." [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей Если вы разобрались чем отличаются реализации HTML у различных производителей, то это еще половина решения проблемы. ваш скрипт должен «знать» в среде какого браузера он в данный момент работает. Я уже писал об определении браузеров. Но тогда я использовал самый примитивный код. Дело в том, что реализация отличается даже при изменении в младшей цифре версии. Кроме того есть еще несколько полезных параметров, которые [...]

Автор статьи: Головин Андрей Каждый элемент обладает двумя свойствами, которые определяют отступы от его края. Свойство margin задает отступ от элемента до других элементов. Свойство padding задает отступ от края элемента до его содержания. лучше всего это видно на следующем рисунке: > Эти правила могут быть заданы отдельно для каждой стороны. Для этого используются следующие модификаторы: -top (верхний), -bottom (нижний), -left [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей До выхода рекомендаций CSS-P от W3C, компания Netscape предложила передовую (по тем временам) технолиогию слоев (layers). Тогда были реализованы некоторые принципы динамического HTML. Одним из нововведений была возможность скрывать или показывать уже загруженные слои. С тех пор вышли несколько редакций вышеупомянутых рекомендаций, Netscape отказалась (почти) от идеи слоев, но головы девелоперов [...]

Автор статьи: Головин Андрей В этом "опыте" рассмотрим как реализовать позиционирование объектов как для Internet Explorer, так и Netscape Navigtor. Для того, чтобы было лучше понятно, рассмотрим различие в свойствах позиционирования объектов в этих браузерах. Горизонтальная координата объекта в пикселях: <b>n</b> document.layers["obj_name"].left <b>e</b> document.all["obj_name"].pixelLeft Вертикальная координата объекта в пикселях: <b>n</b> document.layers["obj_name"].top <b>e</b> document.all["obj_name"].pixelTop Ширина объекта [...]

Автор статьи: Головин Андрей далее...> Правило Описание color Задает цвет. Подробнее... background-color Задает цвет фона. Подробнее... background-image Задает фоновое изображение. Подробнее... background-repeat Задает способ повторения фонового изображения. Подробнее... background-attachment Задает способ привязки фона. Подробнее... background-position Расположение фона. Подробнее... color Цвет может быть задан несколькими способами: Способ Пример Описание color: red red С помощью естественных имен [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей Параметры текста, такие как отступы, выравнивание и другие, задаются следующими атрибутами: > Правило Описание text-decoration Задает такие параметры начертания, как подчеркивание, надчеркивание, зачеркивание и мерцание. Подробнее... text-transform Задает преобразование регистра текста при отображении. Подробнее... text-align Задает горизонтальное выравнивание текста. Подробнее... text-indent Задает отступы и выступы текста. Подробнее... vertical-align Задает отображение текста, [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей В следующей таблице перечислены все возможные элементы ввода, которые используются в формах. > Тип Описание Вид TEXT Поле ввода текста SELECT Выбор из списка. Вариант 1 Вариант 2 Вариант 3 RADIO Радио-кнопка. используется для выбора одного из предложенных вариантов. CHECKBOX Кнопка-флажок. используется для выбора варианта. SUBMIT Кнопка, которая инициирует вызов обработчика [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Мы уже рассматривали возможности фильтров визуальных элементов в IE версии 4 и выше. Теперь посмотрим как это можно применить на практике. Те из вас, кто уже поставил Windows 2000, заметили, что теперь для появляющихся (pop-up) меню можно выбрать эффект постепенного появления этого меню. Посмотрим, что можно сделать, чтобы получить подобный эффект [...]

Автор статьи: Головин Андрей Если на вашей странице необходимо разместить какую-либо форму, то вы можете сделать это так: <FORM> Фамилия: <INPUT TYPE="TEXT" NAME="secondn" SIZE="30"> имя: <INPUT TYPE="TEXT" NAME="firstn" SIZE="30"> Отчество: <INPUT TYPE="TEXT" NAME="middlen" SIZE="30"> Возраст: <INPUT TYPE="TEXT" NAME="age" SIZE="3"> Пол: <INPUT ID="male" TYPE="RADIO" NAME="sex">ж. <INPUT ID="female" TYPE="RADIO" NAME="sex">м. </FORM> Ну что у нас получилось? > [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей "Тяжела и неказиста..." Вобщем, трудно быть разработчиком html, когда основные игроки на рынке браузеров интерпретируют рекомендации W3C так, как им заблагорассудится. Я уверен, что вы уже сотню раз встречались с тем, что правильно показываемый в Internet Explorer код, выглядит абсолютно "криво" в Netscape Navigator. Простой пример. Если вы напишете следующее на [...]

  • Рубрики: CSS

Указатели

27, Oct 2001

Автор статьи: Головин Андрей С введением рекомендаций CSS, создателю web-страниц предоставляется возможность изменять вид указателя мыши (или любого другого уазательного устройства) при наведении его на элементы страницы. Для этого существует правило cursor: >cursor_view. Вот табличка соответствия имен и видов курсоров. cursor_view Вид в IE Вид в вашем браузере Описание auto Браузер определяет вид курсора в [...]

  • Рубрики: CSS

Автор статьи: Головин Андрей Чтобы сделать такую или подобную рамочку необходимо заготовить 8 изображений: 4 для углов и по одному для каждой стороны. > Текст в рамке со скругленными углами. Как рисовать скругленные углы в фотошоп я уже писал, так что это не должно вызвать у вас затруднений. В данном случае я нарисовал изображения, приведенные [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Как сделать отступ первой строки? Как нарисовать черту шириной 1 пиксел? Как точно задать размер ячейки таблицы? Казалось бы такие разные вопросы, а решить их можно с использованием одного и тогоже элемента. Вот он Разглядели? С трудом? А так: > И это тоже он: Этот универсальный элемент — изображение формата .gif шириной и высотой 1 пиксель. Чем же он нам так симпатичен? Во-первых, два раза [...]

  • Рубрики: HTML

Автор статьи: Головин Андрей Вы, наверное, уже слышали такое понятие — Cookie и о проблемах безопасности с ними связанных? Вкратце расскажу для чего это надо и в чем, действительно, состоит проблема использования cookie в интернете Cookie — информация, которую можно записать на клиентской машине со страницы в интернете. Информация эта хранится в строго отведенном месте (например, у меня в папке win98/cookies). Что обычно там записывается? Параметры сессии пользователя. Возможно [...]

Автор статьи: Головин Андрей Динамический HTML представляет нам широкие возможности позиционирования элементов страницы. Всего предлагается 3 типа расположения элементов: static — элемент не меняет своей позиции в документе, relative — позиция элемента определяется относительно его положения в тексте и absolute — позиция элемента задается абсолютными координатами в системе координат окна браузера. Тип позиционирования задается правилом position: тип. Сама позиция задается правилами top и left. Например: [...]

Автор статьи: Головин Андрей иногда бывает необходимо динамически изменять содержание страницы, причем, не имея возможности хранить это содержание в том же файле, что и страница. Т.е. задача состоит в том, чтобы в зависимости от действий пользователя добавить (или изменить) содержание страницы, взяв данные из другого файла, но не прегружая страницу. Как всегда, разработчики Нетскейп Навигатор [...]

Автор статьи: Головин Андрей Еще одна головная боль web-мастера - использование фоновых изображений в таблицах. И Internet Explorer, и Netscape Navigator позволяют задавать фоновое изображение как всей таблице, так и отдельным ее элементам. Здесь отличия начинаются. IE никак не реагирует на атрибут BACKGROUND, установленный для элемента <TR>, в то время, как NN это позволяет. Да [...]

  • Рубрики: HTML

Автор статьи: Однолетков Павел Если вам часто приходится верстать или форматировать тексты, - рекомендую ознакомиться с этим списком наиболее распространенных ошибок. Разумеется, бывают исключения, однако они редко встречаются. >использование большого количества шрифтов Это так привлекательно - использовать все эти веселенькие шрифты! Но это во-первых некрасиво, а во-вторых неэффективно, так как рассредоточивает внимание, вместо того, чтобы [...]

HomeSite 4.5

25, Sep 2001

Автор статьи: Аверин Александр Не так давно уважаемая мной компания Allaire выпустила новую версию своего знаменитого HTML-редактора HomeSite(4.5), в котором и пишется этот обзор. Давайте попробуем разобраться, что же в нем нового и как это новое может нам помочь… Вот что написано на самом сайте компании: > Улучшенная продуктивность: новые возможности, такие как: разворачивающийся код, разбиение окна с кодом помогут ускорить редактирование кода. [...]

  • Рубрики: HTML

Автор статьи: >Динамические элементы. Сейчас стало особенно популярным добавлять на страницу как можно большее количество динамических элементов, тем более, что средств описания и создания таких вещей появилось много. К динамическим элементам, помимо вездесущих JavaScript-ов, апплетов, DHTML-вставок, можно причислить и Flash Movie. Дело в том, что в самом Movie тоже можно описывать условия, циклы и  http://denfinity.narod.ru/flash.html т.п, а следовательно формировать сценарии, выполняемые на стороне [...]

Автор статьи: >Macromedia Flash. Эта технология появилась примерно два года тому назад, как набор средств для создания и просмотра так называемых Flash Movie. Средством создания является редактор Flash или Director, просматривать же клипы позволяет Flash Plug-in, автоматически скачивающийся при заходе на страницу, содержащую клип. Один Flash Movie может полностью заменить по функциональности HTML - форматированную [...]

Автор статьи: >HTML (Hypertext Markup Language). Первая спецификация этого универсального и общедоступного языка разметки — HTML 0 была утверждена в 1991 году. Уже через два года W3C объявил о выходе HTML 3. Затем, почти сразу, последовала спецификация версии 3.2, с которой мы имеем дело сейчас на подавляющем большинстве Web-страниц. В HTML 4 произошла лишь переработка концепций, и не было добавлено ничего принципиально нового. На сегодняшний день HTML остается самым [...]

Автор статьи: Жарков Станислав > Размер имеет значение - 2 Оптимизация HTML-кода Web-страниц также важна, как и оптимизация графики. Не секрет, что перегруженность текста различными ненужными элементами оказывает на процесс загрузки страниц такое же пагубное влияние, как и неопрaвданно большие графические файлы. Если вы используете "умный" Web-редактор, наподобие Microsoft Frontpage, вы можете быть уверены: HTML-код [...]

  • Рубрики: HTML

Автор статьи: Жарков Станислав >Делаем качественный скриншот В ходе работы над проектом СофтЛист мне часто приходится посещать сайты, посвященные программному обеспечению. Среди них попадаются самые разные: от скромных домашних страничек программистов-одиночек до солидных сайтов shareware-компаний. Почти на каждом из таких сайтов существует раздел "Скриншоты" ("Screenshots"). Если кто не в курсе, то скриншот (дословно "снимок экрана") [...]

Автор статьи: Жарков Станислав В этой заметке я хочу вернуться к уже освещавшейся на страницах Pro.Net.ru теме — а именно теме использования фреймов. Если кто читал предыдущую статью, знает, что в ней я категорично заявил, что фреймы в разработке >Web-страниц применять нельзя. Читатели, естественно, не удовлетворились аргументами, изложенными в той статье. Реагировали, конечно же, все по-разному. Кто-то вежливо не соглашался, а кто-то просто ограничивался фразами типа «чушь собачья» . [...]

  • Рубрики: HTML

Charset – бяка!

3, Jun 2001

Автор статьи: Жарков Станислав Различные Web-редакторы, столь любимые нашим народом (MS FrontPage, Netscape Composer и т.п.), в свою очередь, любят российский народ и всячески о нем заботятся. В частности, они считают своим долгом автоматически вставлять в текст Web-страницы следующую волшебную инструкцию: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=koi8-r"> Вместо koi-8r может стоять обозначение любой другой кодировки русского языка — например, windows-1251. Суть от этого не меняется — данный HTML-код [...]

Автор статьи: Жарков Станислав Все вы знаете, что для верстки Web-страниц очень удобно использовать таблицы. С их помощью можно, например, с точностью до пикселя указать ширину рабочего поля страницы или отойти от «линейной» структуры страниц («навязываемой» стандартными средствами HTML) и применять верстку в несколько колонок. Тем не менее, злоупотреблять таблицами нельзя. Главная проблема таблиц в том, что они не могут загружаться в броузер пользователя последовательно, строка за строкой. [...]

  • Рубрики: HTML

Наверх