| » Меню сайта |
Разделы сайта
Шаблоны
Скрипты
Статьи
Графика
|
|
|
Как работают профи
Как ни странно, даже у такой, казалось бы, простой вещи как 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 |
|
|
У
начинающих веб-мастеров частенько возникает желание хоть как-то
защитить свою интеллектуальную собственность от посягательств других
недобросовестных интернет-пользователей, стремящихся "урвать" себе
лакомый кусочек чужого кода веб-страницы и в дальнейшем использовать
его у себя на сайте.
Именно для таких веб-мастеров компания
MoonLight Software выпустила утилиту WebCrypt Pro, которая превратит
читабельный и понятный всем HTML-код вашей странички в нечто ужасное,
способное расстроить любого интернет-пирата. Взгляните, например, на
скриншот самой программы и результат ее работы с простым HTML-файлом.
Перечислим н
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 737
|
12.Окт.2008 |
|
Политика браузеров такова, чтобы любому пользователю предоставить
свободный доступ как исходнику html страницы так и к картинкам на
страницы. Обычно всё это делается через контекстное меню. Значит надо
искать способы, чтобы пользователи не могли вызывать это меню.
С
выходом в свет появилась возможность управлять меню. Теперь в тэге
<IMG> можно использовать событие oncontextmenu которое
обрабатывается каждый раз, когда контекстное меню собирается появиться
на страничке. Если перехватить это событие и возвращать false, то
контекстное меню не будет появляться. Поэтому если использовать
|
В последнее время на всех форумах только и слышно, стандарты,
"валидность", CSS-верстка, XHTML. Более того, не затихают
непрекращающиеся споры сторонников двух школ вебдизайна: классической
табличной и новой CSS-верстки о том, что есть верстка и что кому
кажется более логичным и удобным. Этой статьей я не хотел бы начать
новый виток этой "священной войны", более того ее целью даже не
является переубеждение "табличников" к переходу на стандарты. Я хочу
лишь ознакомить читателя с теми неоспоримыми преимуществами, которыми
обладает CSS-верстка. А уж выводы каждый должен сделать для себя сам.
Также
хочу дать предварительный комментарий приводимым ниже доводам в пользу
XHTML+CSS. В моем понимании CSS-верстка и XHTML - неразделимые понятия,
некоторые читатели могут мне сразу
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 626
|
12.Окт.2008 |
|
|
Зачем нужен XHTML? Не достаточно ли HTML?
HTML
— возможно, самый популярный в мире язык разметки документов. С
появлением XML было организовано обсуждение, нужна ли новая версия HTML
в рамках XML. Участники ответили однозначно «да»: версия HTML,
основанная на XML, позволит использовать элементы XHTML в других языках
XML, а документы XHTML смогут использовать элементы других языков XML.
Кроме того, будет возможным привести в порядок HTML, ликвидировав его
самые «неопрятные» элементы и расширив его функциональность, например,
улучшенной реализацией форм.
В чем преимущества XHTML перед HTML?
Если
документ составляет простой XHTML 1.0 (без использования других языков
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 642
|
12.Окт.2008 |
|
Основное различие между HTML и XHTML состоит в том, что в XHTML
применяется синтаксис XML, который предназначен для помощи в разработке
синтаксически корректных и правильных документов XML. XHTML
представляет собой словарь XML, в то время как HTML — это лишь
предшествующий XHTML язык разметки.
В
связи с тем, что XHTML является приложением XML, некоторые действия.
которые совершенно правильны в HTML4 на базе SGML, должны быть
изменены. Перечислим правила, которые необходимо соблюдать при переходе
от HTML к XHTML:
1. Документы должны быть правильно сформированы.
Это означает, что все элементы обязаны иметь закрывающий тег(например, ) или быть написаны в специальной форме(например,
), а также должна соблюдаться корректная вложенность элементо
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 637
|
12.Окт.2008 |
|
Считается, что при создании веб-приложений графическим дизайном и
программированием должны заниматься разные люди. Ведь известно, что
инженерный и художественный таланты редко уживаются в одном человеке. А
еще есть юзабилисты, которые до недавнего времени вообще были очень
несчастными людьми, когда пытались объяснить миру саму необходимость
своей профессии, и что часто чисто инженерных и чисто художественных
мозгов не хватает для того, чтобы создать удобный продукт.
Однако
работать, оставаясь исключительно в рамках своей специализации, не
получается. Будучи программистом, я естественно концентрируюсь, в
основном, на функциональности сервиса, а о том, как выглядят в этот
момент страницы, практически не задумываюсь. И раньше я часто совершал
одну ошибку, ко
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 617
|
12.Окт.2008 |
|
Во времена Web 1.0 довольно ограниченное количество авторов создавали
веб-страницы для большого числа читателей. В результате люди получали
информацию, непосредственно посещая источник. Однако со временем всё
больше и больше людей начали не только читать, но и сами писать в Сети.
Эффект получился довольно интересным – внезапно образовалось слишком
много информации для ознакомления. Стало просто физически невозможным
посетить многочисленные сайты, даже если они и достойны внимания. Вот
тогда-то и стало ясно, что парадигма Web 1.0 должна измениться.
Добро
пожаловать в Web 2.0 – видение Сети, в котором информация поделена на
микро-частички, которые могут быть распределены на десятки доменов.
Сеть документов трансформировалась в Сеть данных. Мы больше не ищем <
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 699
|
12.Окт.2008 |
|
Обратите внимание: сейчас я сообщу неожиданную вещь. В текстовых полях
Flash (TextField и TextArea) можно выводить таблицы записанные
тэгами!!! Ниже я расскажу, как это сделать и проиллюстрирую рассказ на
TextField, но с тем же успехом мой рассказ можно применить и к TextArea.
Обработка тэгов html в TextField
Готов
поспорить, что почти все, кто работал с текстовыми полями в Flash'е,
обратили внимание на то, что они умеют «понимать» некоторые html-тэги.
Для тех же, кто упустил этот момент, проведем краткий экскурс.
При
динамической подстановке текста в TextField есть возможность задавать
форматирование отдельных его фрагментов. Для этого следует указать, что
в текстовом поле должны обрабатываться html-тэги. Сделать эт
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 586
|
12.Окт.2008 |
|
|
1. Разделение структуры и визуальной части.
- Не использовать элемент <font>.
- Аттрибуты расположения (align, valign, width, height) выносить в CSS.
-
Не использовать таблицы, кроме как для представления табличных данных.
Использование таблицы для форматирования визуальной части допустимо
только в самых сложных случаях. Максимальная вложенность таблиц не
может превышать трех.
- Элемент background не используется и выносится в CSS.
- Оформление полей ввода и кнопок выносить в CCS, как класс.
- Таблица стилей выносится в отдельный файл, подключаемый элементов <link>
-
Все рисунки, относящиеся к дизайну, а не к содержанию, выносить в блок
со стилем {background: transparent url("gif") no-repeat;}
2. HTML код
-
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 688
|
12.Окт.2008 |
|
Наверняка, передвигаясь по Интернету вы замечали, что одни сайты
работают быстрее других. В некоторых случаях это не очень заметно и
критично, в других - просто кошмарно - мне как-то попался сайт, на
котором каждая страница грузилась минуты по три (специально замерил!),
причем он отнюдь не был чем-то гигантским... С другой стороны браузера
- у веб-мастеров - тоже возникают кучи проблем: серверу постоянно не
хватает ресурсов, посетители жалуются на недогруженные страницы, трафик
тратится непонятно на что... Разумеется, не существует единого
универсального рецепта, позволяющего решить все эти проблемы, но
существуют некие механизмы, позволяющие более или менее снизить их
остроту. И одним из таких механизмов является кэширование.
Кэш
находится посередине ме
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 818
|
12.Окт.2008 |
|
|
Вкладки - один из любимых способов навигации у пользователей:
и привычно (нас "с детства" приучают пользоваться вкладками во всех программах для windows) и
удобно (наглядность и очевидность действий). Да и дизайнерам удобно: можно вкладкам можно придавать
любой подходящий вид, без потери их функциональности. Часто их делают в графике с помощью карт-изображений
или разрезанием картинки на части. Попробуем обойтись простыми способами. С помощью таблицы.
Для создания вкладок потребуется таблица из шести ячеек. Четыре из них образуют сами вкладки,
а две крайние ячейки нужны больше для красоты, они формируют горизонтальную линию и служат для отступа от краев.
Потребуется всего два селектора, один изменяет стиль текущей вкладки, назовем его open,
а второй селектор с именем close будет управлять видом неак
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 755
|
12.Окт.2008 |
|
cookie является решением одной из наследственных проблем http
спецификации. Эта проблема заключается в непостоянстве соединения между
клиентом и сервером, как при ftp или telnet сессии, т.е. для каждого
документа (или файла) при передаче по http протоколу посылается
отдельный запрос. Включение cookie в http протокол дало частичное
решение этой проблемы.
cookie
это небольшая порция информации, которую сервер передает клиенту.
Клиент (броузер) будет хранить эту информацию и передавать ее серверу с
каждым запросом как часть http заголовка. Некоторые cookie хранятся
только в течение одной сессии, они удаляются после закрытия броузера.
Другие, установленные на некоторый период времени, записываются в файл.
Обычно этот файл называется 'cookie.txt'.
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 616
|
12.Окт.2008 |
|
Метатеги используются для хранения информации предназначенной для
браузеров и поисковых систем. Например, механизмы поисковых систем
обращаются к метатегам для получения описания сайта, ключевых слов и
других данных.
Метатеги для поисковых механизмов
Среди
разработчиков сайтов существует мнение, что правильно написанные
метатеги позволяют подняться к верхним строчкам поисковых серверов. На
самом деле это не так, на одних метатегах высоко не поднимешься, но и
неудачно выполненное содержимое метатегов может ухудшить рейтинг сайта.
Два
метатега предназначены специально для поисковых серверов: description
(описание) и keywords (ключевые слова). Некоторые вебмастера добавляли
в раздел keywords ключевые слова, которые не имеют ника
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 561
|
12.Окт.2008 |
|
Рано или поздно, многие интернет-маньяки, предпочитающие здоровому сну
дешёвый ночной серфинг по Всемирной Паутине, задумываются о создании в
Сети своей собственной странички, на которой мечтают поведать всему
свету о себе, любимом, высказать, наконец, наболевшие гениальные мысли
о смысле жизни и первичности сознания над бытием или разродиться
каким-нибудь сногсшибательным коммерческим проектом, посвящённым
проблемам размножения в неволе бегемотиков. Однако большинство таких
начинаний скоропостижно погибает из-за панического страха их авторов
перед непонятными словами html, java, perl, cgi... Те же смельчаки, кто
решается всё это быстренько, на каникулах, изучить и стать крутыми
web-дизайнерами, выходят из книжных магазинов с несколько вытянутыми <
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 781
|
12.Окт.2008 |
|
Этот трактат следует рассматривать как руководство для всех, кто
намеревается прославиться плохим html - оформлением своей странички. Он
посвящается также памяти тех, кто не нашел пути истинного.
Благодарности:
Поблагодарить
я хочу всех тех, кто своим примером поставлял идеи для этого труда, а
так же тех кто помогал мне найти новаторские оформления страничек.
Далее следует!
Этот
документ будет через короткие промежутки дополняться. Множество
пустопорожних примеров будут уводить вас с истинного пути. Обращайте
внимание на символ на домашней страничке:
http://www.karzauninkat.com/goldhtml/
Вначале самое важное: Не
читайте руководств, ЧаВО (ЧАсто встречающихся Вопросов и Ответов или в
англоязычнойм исполнении - faqs), прочтименя
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 606
|
12.Окт.2008 |
|
В своё время, только начиная изучать азы web-дизайна, я столкнулся с
проблемой смехотворной, но знакомой каждому начинающему web-мастеру:
как расставить на странице все элементы так, чтобы они гармонично
сочетались и, при этом, не мешали друг другу.
Перейдя
с места в карьер, я стал использовать слои, но столкнулся с тем, что не
все браузеры их поддерживали, а значит, не могли правильно
отформатировать мои страницы. Это заставило меня уделить внимание
таблицам.
Опыт, приобретенный в дальнейшем, показал, что таблицы,
при всей банальной простоте своего построения, не так уж и просты.
Ошибиться в форматировании страницы с помощью таблиц также легко, как и
строить их. При этом, ошибки дают о себе знать неожиданно, как бы
исподтишка, в разных браузерах по-разно
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 643
|
12.Окт.2008 |
|
|
<marquee> и </marquee>
1. Чтобы двигалась одна надпись слева направо достаточно написать:
|
|
Ныне
модно говорить о Web 2.0. В то время как идея коллективного разума,
заложенная в это определение его же автором Тимом О’Рейли, по-прежнему
остается темой досужих разговоров, нельзя не заметить, что всемирная
паутина меняется. Веб-приложения по удобству использования становятся
все ближе к настольным приложениям. Данная тенденция с нарастающей
прогрессией охватывает Интернет и уже сегодня можно говорить о
наступлении эры веб-приложений нового типа, обогащенных веб-приложений
или RIA. Впрочем, популярность таких терминов как Web 2.0 и RIA столь
высока, что разработчики спешат повесить привлекательные ярлычки на
свои продукты, порой толком не разбираясь в том, что подразумевается
под этими терминами. Так, что же такое RIA
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 557
|
12.Окт.2008 |
|
Я постоянно слышу, как начинающие дизайнеры жалуются что, когда им
нужно совместить какую-то картинку и фон, то в разных браузерах
выглядет по разному. Многие говорят, что выхода нет. Я тоже так думал и
постоянно создавал javascript, который бы выбирал, какой Background
использовать для разных броузеров.
Я
нашёл выход и теперь не понимаю, как я раньше не догодался! Работает он
с MSIE3, MSIE4, NN3, NC4. Напомню, что 97% юзеров используют один из
них (или два (или три, как я)). Сразу предупреждаю, что я не скажу ни
слова о CSS, так как мой способ работает для всех броузеров, включая
NN3.
Сначала я покажу разницу в том, как работают MSIE и
NETSCAPE с margins, а потом напишу code, который нужно использовать.
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 609
|
12.Окт.2008 |
|
Рассмотрим типичную ситуацию. Пользователь щелкнул на гиперссылке и
браузер начал закачивать запрошенный ресурс. Предположим, что
пользователь использует для подключения к Internet модем и эффективная
скорость (то есть та скорость, с которой реально пересылаются данные)
колеблется где-то около 20Кбит в секунду. Такой показатель для
российских телефонных линий - дело обыкновенное. Так же предположим что
объем закачиваемого файла равен 200Кб. Нехитрый подсчет показывает, что
файл будет загружаться около 80 секунд.
В
связи с таким большим временем загрузки возникает опасение, что
пользователь не дождется загрузки. Ведь до того, как ресурс
прогрузится, пользователь не может определить, идет ли процесс загрузки
или же браузер пытается открыть мертвую ссылку.
<
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 624
|
12.Окт.2008 |
|
Некоторые WWW browser позволяют пользователю, заполнив специальную
форму, возвращающую полученное значение, выполнять некоторые действия
на вашем WWW - сервере. Когда форма интерпретируется WEB - броузером,
создается специальные экранные элементы GUI, такие, как поля ввода,
checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки
и т.д. Когда пользователь заполняет форму и нажимает кнопку
"Подтверждение" (SUBMIT - специальный тип кнопки, который задается при
описании документа), информация, введенная пользователем в форму,
посылается HTTP-серверу для обработки и передаче другим программам,
работающим под сервером, в соответствии с CGI (Common Gateway
Interface) интерфейсом.
Когда
вы описываете форму, каждый элемент ввода данных имеет
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 575
|
12.Окт.2008 |
|
|
Спецификация
Полное описание поля Set-Cookie HTTP заголовка:
Set-Cookie: NAME=VALUE; expires=DATE; path=
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 593
|
12.Окт.2008 |
|
|
META-таги имеют два возможных атрибута
- <META HTTP-EQUIV="имя" CONTENT="содержимое">
- <META NAME=
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 583
|
12.Окт.2008 |
|
Поисковые серверы при регистрации Web-сервера, сайта или страницы
используют информацию, хранящуюся в специальных тегах МЕТА, которые
помещаются между тегами и большинство начинающих Web-мастеров и
Web-дизайнеров не уделяют особого внимания этим тегам - и зря. Теги
МЕТА не видны при просмотре документа и заметно увеличивают его размер,
однако без них не обойтись. Рекомендации по составлению Мета-тегов.
Правильность
составления МЕТА тегов делает возможным, чтобы ваш сайт было легко
отыскать при помощи поисковых систем среди огромного числа других
сайтов! Для этого необходимо следовать следующим рекомендациям:
1.
Длина содержимого тегов МЕТА "desctiptions" не должна превышать 200
символов, a "keywords" - 1000 символов. Это связано с тем, что
поисковы
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 571
|
12.Окт.2008 |
|
В этой статье я расскажу об особенностях html, которые должен знать
каждый. Я расскажу как обойти ошибки на которые я сам натыкался.
Нередко возникают вопросы у веб-мастеров о html. Рано или поздно сам
находишь ошибки которые совершал раньше. В статье я буду говорить по
большей части о табличном html. Именно сложная структура сайта лежит в
таблицах и именно в них происходят сбои. В большом количестве таблиц
можно лекго запутаться и когда потом открываешь свой код немного позже
бывает сложно что-то найти и изменить.
Всем
известно что для того чтобы страничка корректно отображалась при
разрешении 800x600 и 1024x768 нужно таблице прописывать width=100%. В
следствии чего она просто растягивается на весь экран в ширину. И
прописывать height=100% если вы хотите что
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 527
|
12.Окт.2008 |
|
HTML-стандарт однозначно определяет основную структуру Web-документа.
Язык HTML является подмножеством языка описания документов SGML
(Structured Generalized Markup Language), таким образом, html-документ
— это текстовый документ, состоящий из html-кодов и основного текста
документа. Для просмотра этого документа необходим WEB-браузер —
специальная программа для интерпретации и корректного отображения
страницы на экране.
Что такое стандарт HTML?
* HTML был первоначально разработан Tim Berners-Lee и популяризован
браузером Mosaic, разработанным NCSA. В течение 90х гг. он буквально
расцвёл в связи с бурным развитием Web. Было время, когда
веб-разработчики вынуждены были использовать html-стандарт 2.0 (был
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 567
|
12.Окт.2008 |
|
Хотите, я открою вам один секрет? Создать свой сайт это намного проще,
чем вы думаете и виноваты в этом новые технологии и программы. Думаете,
для этого нужны знания HTML, CSS, и др. Ничего подобного, сейчас
создать сайт сможет и 10-летний ребенок.
Давайте я расскажу, как это можно сделать.
Все
способы создания сайта можно условно разделить на три категории. Два
последних способа это и есть те самые новые технологии и программы.
Вы можете:
1) создавать сайт вручную, при помощи HTML, CSS, PHP;
2) использовать конструктор сайтов;
3) установить на сайт систему управления контентом (CMS).
Давайте рассмотрим каждый вариант в отдельности и попробуем выяснить его особенности.
1)
HTML – это язык разметки гипертекста. Мы
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 576
|
12.Окт.2008 |
|
Данный элемент позволяет задать размер, цвет и начертания шрифта,
которым будет выводиться помещенный в элемент текст.Таблицы стилей
предоставляют такие же возможности, но более простым и понятным
способом.
Синтаксис
<FONT
CLASS="имя класса (имена классов)"
COLOR="название цвета | #CCCCCC"
DIR="LTR | RTL"
FACE="название шрифта"
ID="уникальный буквенно-цифровой идентификатор"
LANG="код языка"
SIZE="от 1 до 7 | от +1 до +6 | от -1 до -6"
STYLE="информация о стиле"
TITLE="дополнительный текст"
/FONT>
Атрибуты
CLASS
- Данный атрибут служит для обознаяения класса или классов, к которому
и к которым принадлежит данный элемент.Имя класса используется затем
списками стил
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 541
|
12.Окт.2008 |
|
Те, кто уже знаком с азами веб-дизайна и веб-программирования,
несомненно, столкнулись с невозможностью серьезной работы в
WYSIWYG-редакторах HTML. Обычно они выдают «грязный» и чрезмерно
раздутый код, редактировать который встроенными средствами оказывается
не удобнее, чем в Notepad. Для профессиональной работы с кодом на
языках HTML, Perl, PHP или ASP приходится подыскивать специальное
решение – невизуальные HTML-редакторы. Среди них, по традиции,
признанным лидером еще недавно являлся HomeSite. Но прошло совсем
немного времени, и на свет появились другие HTML-редакторы, внешне
напоминающие HomeSite, но имеющие свои особенности. Для тех, кто еще не
успел сделать выбор, и предназначена эта статья.
Название: Macromedia HomeSite
В
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 610
|
12.Окт.2008 |
|
|
<Embed scr="{имя файла с расширением}"> - вставка аудиозаписи
Width="{число}" - размер аудиозаписи по горизонтали
Height="{число}" -
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 634
|
12.Окт.2008 |
|
Апплет Java, как и программа на JavaScript, должен выполняться из
гипертекстового документа HTML. Именно с этим свойством апплетов
связано происхождение термина "выполняемое содержимое". Чтобы включать
апплеты в файл HTML, испульзуется HTML-тег <applet>. Тег
<applet> является контейнерным тегом. Это значит, что в тексте
гипертекстового документа за этим тегом обязательно должен быть указан
закрывающий тег </applet>. Ниже привожу синтаксис тега
<applet> (необязательные атрибуты выделены синим цветом ).
|
Программы на языке JavaScript встраиваются в страницу текста на языке
HTML. Для этого имеется специальный тег <script>. Броузер
распознает программу на языке JavaScript, помещенную между начальным и
конечным тегами <script>, и приступает к ее выполнению. Тег
<script> HTML является контейнером, и поэтому для того, чтобы
указать конец тела сценария Java, всегда требуется </script>. Сам
код сценария располагается соответственно, внутри контейнера.
Сценарии
можно помещать в любом месте документа HTML, но важно помнить, что теги
HTML и операторы JavaScript нельзя распологать вперемешку - иначе
результат может оказаться некорректным. Броузер выполняет
синтаксический анализ содержимого контейнера <s
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 594
|
12.Окт.2008 |
|
Может я не прав и то, о чем буду говорить, не имеет большого значения,
но меня все же удивляет, почему мало кто придерживается стандарта HTML.
Прошелся по нескольким очень известным порталам с целью проверки
корректности HTML кода: ни один сайт не является валидным. Да, я знаю о
том, что все ведущие производители браузеров стремятся добавить чего-то
своего, отступая от стандарта, чтобы сделанные под их браузеры
документы корректно смотрелись только в их продукте. Но самое
интересное, что по большей части сайты не валидные не потому, что они
используют какие то особенности браузеров, а просто не соблюдают
стандартов. Более того, все делается так, чтобы корректно отображалось
везде. Спрашивается: разве сложно в таком случае добиться правильности?
Оказывается,
...
Читать дальше »
|
|
|
|
|
Голосов:
|
Просмотров 572
|
12.Окт.2008 |
|
|
Задача: создать кроссбраузерную таблицу, "резиновые" ячейки которой будут обладать свойством overflow:hidden.
Решить
такую задачу не так просто, как кажется на первый взгляд. Прописывание
ячейкам таблицы стилевого свойства overflow:hidden не заработает ни в
одном браузере так, как хотелось бы...
Для решения необходимо использовать комбинацию ячеек таблицы и вложенных ДИВов.
CSS- и HTML-код смотрим ниже.
.div {
width:100%;overflow:hidden;white-space:nowrap;
border:1px solid red;
}
.div div {float:left;}
| |
|
|
Копирование материалов разрешено,