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

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

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

Автор статьи: Оформление блока информации на сайте в созвучные вашему вкусу рамки средствами HTML и GIF. Нам понадобится табличка размером 3 на 3. В серых ячейках будут хитрости так называемой верстки, а в белой — содержание. > 1 2 3 4 5 6 7 8 9 Теперь позаботимся об эстетике. Для рамки понадобятся четыре угла и четыре стороны. Вот они в 10-кратном увеличении: Попробуем скрестить картинки с таблицей. [...]

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

Автор статьи: Александр Якутский >   Блокнотик с подсветкой [описание программы LightPad]материал подготовил: Марат Давлетханов31.03.2005   Все современные инструменты для создания сайта своими руками можно разделить на три большие группы. К первой относятся автоматические конструкторы. Это очень простые программы, в которых пользователю нужно только выбрать понравившийся ему шаблон дизайна и вставить в него содержание. Вторую [...]

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

Автор статьи: Александр Якутский >   Выбираем 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 Эта ячейка занимает 2 ряда. COLSPAN=2 [...]

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

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

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

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

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

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

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

Автор статьи: Жарков Станислав > Размер имеет значение - 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 - [...]

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

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