| » Меню сайта |
Разделы сайта
Шаблоны
Скрипты
Статьи
Графика
|
|
|
Как работают профи
Как ни странно, даже у такой, казалось бы, простой вещи как HTML, есть
своя идеология. HTML - это отнюдь не язык оформления документов. Это, в
первую очередь, средство их разметки. Ваша первоочередная задача -
разметить текст, описать с помощью тэгов его структуру, сказав: "Это -
параграф, это - цитата, это - список, а это - раздел".
В HTML для того чтобы, например, создать заголовок абзаца, недостаточно
выделить слово жирным шрифтом. Нужно с помощью соответствующего
HTML-кода сказать, что это слово - заголовок, возложив задачу
оформления на хрупкие плечи браузера.
Но почему?
Дело в том, что документы HTML предназначены не только для отображения
на экране. Нет. Вся прелесть HTML заключается в возможности его
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1346
|
12.Окт.2008 |
|
|
Всегда используйте «width» и «height» для рисунков
Это одно из главных правил обращения с рисунками. Связь по интернету
мала, для того чтобы любой рисунок скачивался сразу же, поэтому для
ограждения ошибок следует указывать его параметры ширины и высоты.
Очень часто размеры рисунка намного больше, чем показывается маленький
«квадратик». А текст, который уже загрузился, форматируется исходя из
этих «квадратиков». Но, когда рисунок загрузится, и его размеры
потеснят загруженный текст, который будет вынужден переформатироваться
— создаcтся неприятная картина
Обычные рисунки не нуждаются в подсказке «alt»
Как это не звучит противоречиво, действительно, обычным картинкам не
нужно приписывать подсказку «alt». Почему? Очень просто: это
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1165
|
12.Окт.2008 |
|
Сегодня мы поговорим о том, как сделать так, чтобы выводить на экран
одну web-страницу, а при печати этой страницы на принтере результат был
несколько иным. А делается это с помощью CSS.
В CSS есть одна очень полезная функция: Вы можете для одного и того же
HTML-элемента указать разные способы отображения при печати и при
показе в браузере. Для лучшего понимания рассмотрим следующий пример:
CSS-файл (style.css):
@media screen {
p { сolor: #000000; }
}
@media print {
p { color: #ff0000; }
} |
|
HTML-файл (index.html):
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1130
|
12.Окт.2008 |
|
|
Любому веб-мастеру, ввиду своей профессиональной деятельности, приходится создавать те или иные сложные элементы на сайте
(Например: оптекание текстом графики, создание колонок с текстом, фиксация элементов сайта).
Однако,
стандарт html имеет небольшое количество стандартных элементов
оформления страницы, и не все элементы одинаково отображаются в разных
браузерах. Каждая компания пытается разработать свой собственный html,
порой уходя далеко от основной концепции html, разработанной
консорциумом WWW.
Поэтому веб-мастеру приходится эксперементировать с элементами, которые являются общими для всех браузеров.
Наиболее удачно подходят таблицы т.к в ячейках таблицы удобно размещать информацию.
Кроме
того, таблицы в html имеют атрибут "border="0" - этот атрибут со
значе
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1227
|
12.Окт.2008 |
|
Все правильные мальчики и девочки уже давно не пишут <table
cellpadding="0" cellspacing="0" border="0">. Они знают, что лучше
один раз написать стиль:
table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
table td{
padding:0px; /* cellspadding="0" */
}
HTML код:
<table>
<tr>
<td>Foo</td>
<td>Bar</td>
</tr>
</table>
Когда
нужно получить другой вид таблицы, все правильные мальчики и девочки
переопределяют этот базовый стиль, для верности иногда с помощью
!important:
table.stuff{ border-collapse:separate; } table.stuff td
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 1098
|
12.Окт.2008 |
|
Сколько бы ни хвалились производители суперплоских мониторов, всегда
есть сила, действующая в обратном направлении: это программисты,
которые никак не могут примирится с двумерностью экрана и на каждом
шагу скандируют: «даёшь 3D!».
Псевдотрехмерность
окружает нас везде: где надо и не надо. Если, к примеру, button по
определению должен выпирать из монитора, то в чем провинились
безобидные hr и table? Первый уже рассматривался в заметке № 12, теперь
поговорим о том, как на корню убить трехмерность последнего.
Способ первый
Воспользуемся
атрибутом cellspacing, создающим прозрачную рамку меж всех клеток
таблицы. Нужно лишь окрасить ее в определенный цвет, а сделать это
можно с помощью свойства bgcolor тэгов table и td:
|
Когда размер страницы превосходит некоторый предел, разработчики часто
ставят внизу текстовую или графическую ссылку «вверх страницы». Эта
ссылка позволяет быстро перейти в начало страницы, что иногда бывает
очень удобно.
Классически подобная ссылка верстается так:
<a name="top">…</a> … много-много текста … <a href="#top">вверх страницы</a>
Недостатком
этого метода является то, что необходимо какой-то элемент вверху
страницы поместить в якорь (<a name="top">), так как некоторые
браузеры не понимают пустые якоря. Кроме того, при переходе к якорю в
Internet Explorer исчезает название страницы в заголовке браузера, и не
совсем логично работает кнопка Back.
Но от этих проблем можно
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 774
|
12.Окт.2008 |
|
|
Табличная вёрстка.
Таблицы,
которые первоначально проектировались как средство представления
двумерных массивов данных, сейчас используются в основном как
инструмент для точного позиционирования контента на веб-странице.
Стандарт HTML не предусматривает возможности расположить картинки и
текст относительно друг друга с приемлемой точностью, а табличная
вёрстка, при которой различные части контента помещаются в разные
ячейки таблиц, способна решить эту проблему. Кроме того, табличная
вёрстка очень полезна при проектировании сайтов с большим количеством
графических элементов: в больших рисунках почти всегда можно выделить
области, закрашенные одним и тем же цветом, которые можно выбросить,
заменив на пустые ячейки с соответствующим фоном и сэкономив таким
образом на общем «весе» гр
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 819
|
12.Окт.2008 |
|
Ну что, у вас уже есть своя страничка? Графику, конечно же,
оптимизировали? Довольны, небось, скоростью закачки страниц по ftp,
скоростью, с которой они открываются в браузере? Наверное, нет. А все
потому, что иногда надо залезть в святая святых - html-код и чуть-чуть
его подправить. Вот об этом мы здесь и поведем речь.
Часть первая. Оптимизация кода
Запускаем
любимый Notepad и открываем свою страницу. И видим мы очень красивый
html, заботливо отформатированный вручную или разными программами, чтоб
и читался удобнее, и редактировался быстрее. А заодно и медленнее
грузился. Так что, может быть сразу стоит убрать пробелы, табуляции и
переводы строк, чтобы не мучиться с загрузкой этих пустых символов?
Многим лень это делать, а жаль - быстрота
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 876
|
12.Окт.2008 |
|
|
HTML является сейчас основой любой, даже самой продвинутой, технологии в Интернете.
Годом
рождения данного языка принято считать 1986, когда Международная
организация по стандартизации (ISO) был принят стандарт, названный SGML
(Standard Generalized Markup Language). Данный язык описывали как язык
для логического оформления текста, тогда не подразумевали описание
внешнего вида документа. SGML даже не представлял собой готовую систему
для разметки текста, он не предполагал какого-либо списка структурных
элементов, которые применялись бы в определённых ситуациях. Данный язык
подразумевал лишь описание синтаксиса написания основных элементов
разметки текста (которые сейчас называют тегами). Это основные причины
того, что язык SGML не получил значимого распространени
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 815
|
12.Окт.2008 |
| |
|
|
Копирование материалов разрешено,