Marketer

Тег TITLE является очень важным в оптимизации, особенно в последнее время. Роботы поисковых серверов сейчас уделяют большое внимание заголовкам, а значит, этим стоит пользоваться. И если веб-мастер хочет добиться успеха в своем бизнесе, вывести в лидеры свой ресурс, тогда забывать об этом не стоит.
Наиболее эффективно тег TITLE работает с низкочастотными запросами, здесь можно вполне занять [...]

Верстка сайтов сводится к написанию html-кода. При этом верстальщики, обычно используют стандартный блокнот, либо какую-нибудь программу выделяющую html-теги. Сами по себе html-теги представляют из себя строительные блоки, из которых и строится сайт, поэтому, сначала нужно полностью продумать вид и структуру сайта, чтобы потом не пришлось ничего переделывать. Материалов и учебников по верстке в интернете великое [...]

Все наверно знают про тег hr (кто не знает тем сюда http://htmlbook.ru/html/hr.html)
Он используется для смыслового разделения контента, но плохо вписывается в дизайн.
Дело в том, что на данный момент даже самые последние браузеры по-разному воспринимают задание цвета hr через CSS, также он ставит margin который тоже зачастую бывает не нужен.
С приходом CSS тег font стал бесполезен, [...]

Автор статьи:
Оформление блока информации на сайте в созвучные вашему вкусу рамки средствами HTML и GIF.
Нам понадобится табличка размером 3 на 3. В серых ячейках будут хитрости так называемой верстки, а в белой — содержание.
>

1
2
3

4
5
6

7
8
9

Теперь позаботимся об эстетике. Для рамки понадобятся четыре угла и четыре стороны. Вот они в 10-кратном увеличении:

Попробуем скрестить картинки с таблицей. Делать это нужно осторожно. Углы ставить картинками, а стороны — фоновыми рисунками. Фоновые рисунки называются «background», [...]

Дорогой читатель! Как много мне приходилось слышать от пользователей компьютеров, что подключились к Internet, а как создать свою homepage - не знают. С помощью мощных инструментальных средств MS OFFICE Вы можете легко сами создать свою Web-страницу и передать ее на Web-сервер, используя только средства MS OFFICE. При этом Вам не придется мучиться с различными кодировками [...]

Автор статьи: Александр Якутский
>

Блокнотик с подсветкой
[описание программы LightPad]материал подготовил: Марат Давлетханов31.03.2005

Все современные инструменты для создания сайта своими руками можно разделить на три большие группы. К первой относятся автоматические конструкторы. Это очень простые программы, в которых пользователю нужно только выбрать понравившийся ему шаблон дизайна и вставить в него содержание. Вторую группу составляют визуальные редакторы. [...]

Автор статьи: Александр Якутский
>

HTML-редактор? Вот и редактируй!
[работа в программе HomeSite]материал подготовил: Александр Якутский 21.08.2003

Вкладки Edit и Browse редактора

Каким бы мощным ни был HTML-редактор, пользователя в первую очередь интересует его основная функция: редактирование кода веб-страниц. Впервые запустив HomeSite, начинающий вебмастер видит рабочую область с двумя вкладками: Edit (Редактировать) и Browse (Просмотр). Интуитивно понятно, что [...]

Автор статьи: Александр Якутский
>

Выбираем HTML-редактор
[основные требования к редакторам html-страниц]материал подготовил: Александр Якутский 14.08.2003

Учиться чему-то у других - неплохая, в общем-то, привычка. И в строительстве сайтов эта привычка пригодится не в последнюю очередь, особенно начинающим вебмастерам, знакомым лишь с основами языка HTML. Нет, не воровать, не "слизывать" один в один, а именно подмечать интересные [...]

Автор статьи: Денис Самарин
>

HTML в студию
[программы для создания html]материал подготовил: Денис Самарин05.05.2003

Программ, с помощью которых можно создать html*-документы, существует великое множество. В принципе, это можно сделать и в Notepad'e, вручную расставляя все необходимые теги. Некоторое время назад среди начинающих веб-мастеров такой подход вызывал наибольшее уважение, и на многих сайтах можно было увидеть красующуюся [...]

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

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

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

Автор статьи: Головин Андрей
Очень часто возникает необходимость создать таблицы подобного рода:
>

Дата
Счет

Дебет
Кредит

10.01.99
1253,00
10,00

13.02.99
5631,00
123,40

Достигается это с помощью атрибутов тэга <TD> COLSPAN и ROWSPAN, которые задают количество колонок и рядов, которые занимает ячейка. Чтобы было понятнее рассмотрим следующий пример:

ROWSPAN=2 Эта ячейка [...]

Автор статьи: Головин Андрей
Теперь, когда вы познакомились с основными принципами построения страниц, рассмотрим несколько примеров.
Положение таблицы в потоке данных устанавливается атрибутом ALIGN тэга <TABLE>. Если атрибут не указан, то таблица располагается с выравниванием влево, поток текста разрывается. Вот так:
>

Атрибут ALIGN опущен.

<TABLE WIDTH=20% CELLSPACING=2 BORDER=1>
<TR><TD BGCOLOR=#fff0f0>
Атрибут ALIGN опущен.
</TD></TR>
</TABLE>
Текст расположеный после таблицы начинается ниже. Теперь попробуем [...]

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

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

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

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

Автор статьи: Головин Андрей
В следующей таблице перечислены все возможные элементы ввода, которые используются в формах.
>

Тип
Описание
Вид

TEXT
Поле ввода текста

SELECT
Выбор из списка.

Вариант 1 Вариант 2 Вариант [...]

Автор статьи: Головин Андрей
Если на вашей странице необходимо разместить какую-либо форму, то вы можете сделать это так:
<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>
Ну что у нас получилось?
>
Фамилия:
имя:
Отчество:
Возраст:
Пол:
ж.
м.
Несколько криво, не правда ли? Попытаемся поправить [...]

Автор статьи: Головин Андрей
Чтобы сделать такую или подобную рамочку необходимо заготовить 8 изображений: 4 для углов и по одному для каждой стороны.
>

Текст в рамке со скругленными углами.

Как рисовать скругленные углы в фотошоп я [...]

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

Этот универсальный элемент — изображение формата .gif шириной и высотой 1 пиксель. Чем же он нам так симпатичен? Во-первых, два раза его загрузка произошла из локального [...]

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

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

Улучшенная продуктивность: новые возможности, такие как: разворачивающийся код, разбиение окна с кодом помогут ускорить редактирование кода.
Менеджмент проектов: HomeSite 4.5 представляет более [...]

Автор статьи: Жарков Станислав
>
Размер имеет значение - 2

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

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

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

Автор статьи: Жарков Станислав
Как известно, при описании страницы с помощью языка HTML можно изменить шрифт текста на любой другой. Делается это с помощью тэга <FONT>:
<FONT FACE="Arial Cyr, Arial">
При загрузке страницы будет использован шрифт, указанный первым, если он не найден - второй шрифт в списке и т.д. Если ни один из указанных шрифтов на компьютере пользователя [...]

Автор статьи: Жарков Станислав
Уважаемый Станислав!
Желая изучить язык HTML, я приобрел несколько книг по этой теме, однако разобраться в нем мне очень тяжело. Вы пишите легко и понятно о таких вещах, в которых я ничего не смыслю. Подскажите, пожалуйста, как изучить язык HTML.
Я довольно часто получаю такие письма. Действительно, иногда довольно трудно освоиться с HTML, даже имея на руках первоклассное пособие.
Дело в том, что все эти книги обычно представляют [...]

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

Автор статьи: Жарков Станислав
Как известно, HTML - это язык разметки страниц. Возможности классического HTML (например, версии 3.2) по этой самой разметке сильно ограничены. Например, он не позволяет располагать элементы страницы (текст, картинки, таблицы и т.п.) в слоях.
Немного теории для тех, кто никогда не сталкивался с термином "слой". Слой (англ. layer) - это прямоугольный блок, который [...]

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

Автор статьи: Мельников Михаил
Если Вы еще не догадались, то я имею в виду META-теги. Их роль не заметна при отображении странички. Это лишь команды для web-сервера или броузера, но команды важные, и правильное использование META-тегов дает нам некоторые преимущества.
Запомните! Все META-теги не несут визуальной информации и должны располагаться в секции <head></head> документа.
Удобнее всего будет, пожалуй, [...]

Автор статьи: Мельников Михаил
Давайте-ка займемся сегодня оформлением таблиц. Вам наверняка не нравится, как оформлены таблицы по умолчанию. То, что называется рамкой, практически никогда не вписывается дизайн. А их псевдотрехмерность просто ужасна!
Для изменения вида таблицы мы можем воспользоваться некоторыми параметрами, управляющими ее внешним видом:
bgcolor - цвет фона в таблице или ячейке;
border - толщина рамки таблицы;
cellspaсing - [...]

Автор статьи: Мельников Михаил
Невидимые таблицы - очень мощное средство. Правильное их применение позволяет получать эффекты, другими способами довольно трудно достижимые.
Рассмотрим следующие, наиболее часто применяемые эффекты, реализуемые при помощи таблиц:
Верстка текста в несколько колонок
Цветные подложки под текст
Рамка вокруг фрагмента текста
Применение фоновых рисунков

Верстка текста в несколько колонок
Практически все новостные сайты верстаются именно таким образом, располагая в одной [...]

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