Синтаксические различия HTML и XHTML.
Минимально возможный документ, согласно стандарту HTML 4, должен состоять из двух обязательных составляющих: ссылки на определение типа документа (DTD) и элемента <title>...</title>, содержащего название документа. К сожалению, горе-разработчики, игнорирующие и одно, и другое, встречаются на каждом шагу. Помимо перечисленного, минимальный документ HTML 4 должен включать в себя любую структурную единицу разметки полезного содержания.
Резиновые ячейки таблицы с overflow:hidden.
Задача: создать кроссбраузерную таблицу, "резиновые" ячейки которой будут обладать свойством overflow:hidden.
Валидность HTML.
Может я не прав и то, о чем буду говорить, не имеет большого значения, но меня все же удивляет, почему мало кто придерживается стандарта HTML. Прошелся по нескольким очень известным порталам с целью проверки корректности HTML кода: ни один сайт не является валидным.
Как поместить программу на языке JavaScript в документ HTML.
Программы на языке JavaScript встраиваются в страницу текста на языке HTML. Для этого имеется специальный тег <script>. Броузер распознает программу на языке JavaScript, помещенную между начальным и конечным тегами <script>, и приступает к ее выполнению. Тег <script> HTML является контейнером, и поэтому для того, чтобы указать конец тела сценария Java, всегда требуется </script>.
Включение апплета Java в документ HTML.
Апплет Java, как и программа на JavaScript, должен выполняться из гипертекстового документа HTML. Именно с этим свойством апплетов связано происхождение термина "выполняемое содержимое".
Невизуальные HTML-редакторы.
Те, кто уже знаком с азами веб-дизайна и веб-программирования, несомненно, столкнулись с невозможностью серьезной работы в WYSIWYG-редакторах HTML. Обычно они выдают «грязный» и чрезмерно раздутый код, редактировать который встроенными средствами оказывается не удобнее, чем в Notepad.
<FONT></FONT>.
Данный элемент позволяет задать размер, цвет и начертания шрифта, которым будет выводиться помещенный в элемент текст.Таблицы стилей предоставляют такие же возможности, но более простым и понятным способом.
Нужно ли знать HTML или можно обойтись конструктором сайтов или CMS?
Хотите, я открою вам один секрет? Создать свой сайт это намного проще, чем вы думаете и виноваты в этом новые технологии и программы. Думаете, для этого нужны знания HTML, CSS, и др. Ничего подобного, сейчас создать сайт сможет и 10-летний ребенок.
Давайте я расскажу, как это можно сделать.
Валидатор — необходимость использования и практические советы.
HTML-стандарт однозначно определяет основную структуру Web-документа. Язык HTML является подмножеством языка описания документов SGML (Structured Generalized Markup Language), таким образом, html-документ — это текстовый документ, состоящий из html-кодов и основного текста документа.
Баг в таблице.
В этой статье я расскажу об особенностях html, которые должен знать каждый. Я расскажу как обойти ошибки на которые я сам натыкался. Нередко возникают вопросы у веб-мастеров о html.
Создание Meta-тегов.
Поисковые серверы при регистрации Web-сервера, сайта или страницы используют информацию, хранящуюся в специальных тегах МЕТА, которые помещаются между тегами и большинство начинающих Web-мастеров и Web-дизайнеров не уделяют особого внимания этим тегам - и зря. Теги МЕТА не видны при просмотре документа и заметно увеличивают его размер, однако без них не обойтись.
Формы в HTML документах.
Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW - сервере.
Загрузчик в HTML.
Рассмотрим типичную ситуацию. Пользователь щелкнул на гиперссылке и браузер начал закачивать запрошенный ресурс. Предположим, что пользователь использует для подключения к Internet модем и эффективная скорость (то есть та скорость, с которой реально пересылаются данные) колеблется где-то около 20Кбит в секунду.
Как совместить пиксел к пикселу фон и содержимое во всех браузерах.Я постоянно слышу, как начинающие дизайнеры жалуются что, когда им нужно совместить какую-то картинку и фон, то в разных браузерах выглядет по разному. Многие говорят, что выхода нет. Я тоже так думал и постоянно создавал javascript, который бы выбирал, какой Background использовать для разных броузеров.
Rich Internet Application и контент-менеджмент.
Ныне модно говорить о Web 2.0. В то время как идея коллективного разума, заложенная в это определение его же автором Тимом О’Рейли, по-прежнему остается темой досужих разговоров, нельзя не заметить, что всемирная паутина меняется.
Все в своих рамках.
В своё время, только начиная изучать азы web-дизайна, я столкнулся с проблемой смехотворной, но знакомой каждому начинающему web-мастеру: как расставить на странице все элементы так, чтобы они гармонично сочетались и, при этом, не мешали друг другу.
Золотые правила плохого HTML.
Этот трактат следует рассматривать как руководство для всех, кто намеревается прославиться плохим html - оформлением своей странички. Он посвящается также памяти тех, кто не нашел пути истинного.
Первая домашняя страничка — это легко!
Рано или поздно, многие интернет-маньяки, предпочитающие здоровому сну дешёвый ночной серфинг по Всемирной Паутине, задумываются о создании в Сети своей собственной странички, на которой мечтают поведать всему свету о себе, любимом, высказать, наконец, наболевшие гениальные мысли о смысле жизни и первичности сознания над бытием или разродиться каким-нибудь сногсшибательным коммерческим проектом, посвящённым проблемам размножения в неволе бегемотиков.
Метатеги.
Метатеги используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Введение в Cookies.
cookie является решением одной из наследственных проблем http спецификации. Эта проблема заключается в непостоянстве соединения между клиентом и сервером, как при ftp или telnet сессии, т.е. для каждого документа (или файла) при передаче по http протоколу посылается отдельный запрос.
Кэшируем свой сайт.
Наверняка, передвигаясь по Интернету вы замечали, что одни сайты работают быстрее других. В некоторых случаях это не очень заметно и критично, в других - просто кошмарно - мне как-то попался сайт, на котором каждая страница грузилась минуты по три (специально замерил!)
HTMLchecklist – проверь свой HTML.
В ходе работы своей компании по разработке веб приложений я столкнулся с проблемой, когда необходимо несколько раз улучшать порезанный HTML. Поэтому мы создали список для проверки полученного кода. Чем ближе результат к списку – тем лучше для проекта. Элементы списка не являются догмой и не все бывают выполнимы в том или ином проекте. Но, надеюсь, данный список будет полезен как начинающим, так и опытным кодерам.
Web 2.0 для дизайнеров.
Во времена Web 1.0 довольно ограниченное количество авторов создавали веб-страницы для большого числа читателей. В результате люди получали информацию, непосредственно посещая источник. Однако со временем всё больше и больше людей начали не только читать, но и сами писать в Сети.
"Компот" и "мухи" веб-разработки.
Русский интернет (уже наконец) вовсю осваивает “дизайн через CSS”, но многие все равно не понимают, почему именно надо дизайнить так, а не по-старому, через таблицы.
Semantic web. Заметка о логичной и нелогичной верстке.
В прошлых материалах мы рассматривали общие вопросы разработки веб-сайтов - планирование веб-сайта, анализ целей и задач, разработка информационной архитектуры веб-проекта, базовые навигационные элементы и т.д. А сейчас - тема для веб-разработчиков, дизайнеров, верстальщиков, всех, кто создает веб-страницы, веб-сайты - для себя, для пользователей, для заказчиков ли, для поисковых машин...
XHTML, говорите?
Одна из самых печальных вещей, которую я замечаю, когда набредаю на русскоязычные веб-разработчицкие сообщества — это полное нежелание разбираться в сути вопросов.
HTML » XHTML » XML.
Основное различие между HTML и XHTML состоит в том, что в XHTML применяется синтаксис XML, который предназначен для помощи в разработке синтаксически корректных и правильных документов XML. XHTML представляет собой словарь XML, в то время как HTML — это лишь предшествующий XHTML язык разметки.
Чем отличаются id и class.
Один из самых частых вопросов в процессе знакомства с новыми стандартами — в чем разница между атрибутами HTML-элементов “id” и “class”. Ведь эффект, вроде бы, одинаковый.
XHTML+CSS. Преимущества очевидны.
В последнее время на всех форумах только и слышно, стандарты, "валидность", CSS-верстка, XHTML. Более того, не затихают непрекращающиеся споры сторонников двух школ вебдизайна: классической табличной и новой CSS-верстки о том, что есть верстка и что кому кажется более логичным и удобным.
Анимационная Favicon.
Создание анимационной иконки для сайта отличается от использования обычной иконки тем, что анимационная иконка обязательно должна иметь формат gif.
Все о мета тегах.
Мета теги используются для описания свойств HTML документа и должны находится в рамках тега HEAD. Если в документе используется тег TITLE, то мета теги рекомендуется вставлять в документ после него.
Аккуратный HTML.
Любая работа должна быть выполнена аккуратно и красиво. Особенно если ее могут увидеть много людей. А это напрямую касается разработки сайтов, и в частности некоторых технологий, используемых при этом — HTML и CSS.
Таблица специальных символов.
Некоторые символы, введенные в HTML документ будут интерпретироваться не так, как задумал автор. Это, например, символы "<" и ">", используемые для указания тегов.
Как запретить пользователю сохранять картинки?
Политика браузеров такова, чтобы любому пользователю предоставить свободный доступ как исходнику html страницы так и к картинкам на страницы. Обычно всё это делается через контекстное меню. Значит надо искать способы, чтобы пользователи не могли вызывать это меню.
Как зашифровать HTML-код веб-страницы.
У начинающих веб-мастеров частенько возникает желание хоть как-то защитить свою интеллектуальную собственность от посягательств других недобросовестных интернет-пользователей, стремящихся "урвать" себе лакомый кусочек чужого кода веб-страницы и в дальнейшем использовать его у себя на сайте.
Быстрее ветра - быстрый html.
Ну что, у вас уже есть своя страничка? Графику, конечно же, оптимизировали? Довольны, небось, скоростью закачки страниц по ftp, скоростью, с которой они открываются в браузере? Наверное, нет. А все потому, что иногда надо залезть в святая святых - html-код и чуть-чуть его подправить. Вот об этом мы здесь и поведем речь.
Табличная вёрстка.
Таблицы, которые первоначально проектировались как средство представления двумерных массивов данных, сейчас используются в основном как инструмент для точного позиционирования контента на веб-странице.
Особенности ссылок «вверх страницы».
Когда размер страницы превосходит некоторый предел, разработчики часто ставят внизу текстовую или графическую ссылку «вверх страницы». Эта ссылка позволяет быстро перейти в начало страницы, что иногда бывает очень удобно
Печатаем по-умному или ещё один способ защиты информации.
Сегодня мы поговорим о том, как сделать так, чтобы выводить на экран одну web-страницу, а при печати этой страницы на принтере результат был несколько иным. А делается это с помощью CSS...
Ссылка — дело не хитрое.
Вообще что такое ссылка — это, без чего не обходится не один сайт. В этой статье будет рассказано о многих возможностях ссылок. Естественно во многих учебниках уже было всё растолковано по частям, но следует всё разобрать воедино и кратко рассказать о каждом эффекте. Ну начнём....
Идеология HTML.
Как ни странно, даже у такой, казалось бы, простой вещи как HTML, есть своя идеология. HTML - это отнюдь не язык оформления документов. Это, в первую очередь, средство их разметки. Ваша первоочередная задача - разметить текст, описать с помощью тэгов его структуру, сказав: "Это - параграф, это - цитата, это - список, а это - раздел"...
Эффект буквицы.
В типографических изданиях очень часто можно встретить буквицу – выделенную по размеру и цвету первую букву первого абзаца. Красиво так смотрится… Вот бы к себе такую на сайт! Некоторые ограничиваются использованием рисунков, но вдруг посетитель отключил показ картинок. Тогда не будет ни буквицы, ни красоты: от нее останется только пустой квадратик. Решением проблемы становится применение CSS.