Web notes » HTML

Добавление социальных закладок на сайт

nice — Fri, 29 Oct 2010 09:51:25 +0000

На заметку, оставлю несколько примеров, как быстро разместить у себя на сайте кнопки социальных закладок и кнопки социальных сервисов, что позволит каждому пользователю запомнить вашу страничку там, где ему удобно или поделится ею со своими друзьями. Согласитесь, это не только удобно, но еще и выгодно для вас!

Для этого нам нужно подготовить несколько тематических картинок, которые ассоциативно показывали пользователю, что это за социальная закладка или социальный ресурс.

Затем размещаем у себя на сайте любую из этих картинок в специальной ссылке такого социального сервиса, и все!

Например, если мы хотим, чтоб пользователь мог добавить вашу страничку себе в Facebook. Вам нужно разместить у себя такой код:

В результате, появится картинка, в моем случае это fac.gif, при нажатии на которую откроется новое окно с сервисом добавления в Facebook.

Ну а теперь самое вкусное… Несколько скриптов добавления сайта (блога) социальные закладки и социальные сайты:

Но лучше посмотреть пример: Социальные закладки у себя на сайте (блоге)

DIV верстка шаг за шагом (двух колоночная верстка)

nice — Mon, 23 Aug 2010 10:48:16 +0000

И так, на заметку напишу, как начать верстать DIV блоками шаг за шагом. Для начала нам нужен эскиз, а именно модель страницы, которую вы хотите сделать. Давайте сверстаем популярную модель страничек в Интернете - это двух колоночная верстка с помощью DIV.

Нарисуем модель (можно и на бумажке или в голове, а не в фотошопе):

Как видно из эскиза, у нас на сайте будет header («шапка» сайта), menu (место для меню), left (левая колонка), right (правая колонка), footer (нижняя часть сайта – «подвал»), и все эти блоки будут расположены в главном диве main.

Когда с макетом определились, создаем HTML документ с нашими дивами:


«шапка» сайта
место для меню | место для меню | место для меню
левая колонка
правая колонка
нижняя часть сайта – «подвал»

Думаю объяснять здесь ничего не нужно! Теперь можно заполнять файл со стилями style.css, так как сейчас наша страничка совсем не похожа на то, что мы ожидаем.

body, html {margin:0;padding:0;background:#ECE9E9;}
#main {background:#C9EDFB;margin:0 auto;width:700px;}
#header{background:#FDD5D5;height:50px;}
#menu {background:#D6FDD5;padding:5px;text-align:center;}
#left {background:#C9EDFB;float:left;width:200px;}
#right {background:#9CE0FB;float:right;width:500px;min-height:300px;}
#footer{background:#FDD5D5;clear:both;}

строка 1 – простой сброс параметров браузера, устанавливаем отступы в "0" и задаем цвет фона всего тела body
строка 2 – выравниваем блок main по середине, установив ему выравнивание по бокам auto, задаем ширину и цвет фона
строка 3 – задаем высоту header и цвет фона
строка 4 – задаем внутренние отступы menu, выравнивание по середине и задаем цвет фона
строка 5 – задаем ширину контейнера left и выравниваем его по левой стороне
строка 6 – также задаем ширину контейнера right и выравниваем его по правой стороне, задаем цвет фона и минимальную высоту.
строка 7 – задаем цвет фона footer и отменяем обтекание элемента одновременно с правого и левого края.

На этом, пожалуй, и все! Все просто и логично.

Смотрим пример двух колоночная DIV верстка

Удачи!

Различия между XHTML и HTML

nice — Tue, 30 Mar 2010 20:17:32 +0000

На заметку, чтобы не забыть о различии между HTML и XHTML.

И так, HTML и XHTML - это особые форматы разметки веб-страниц которые “понимает” браузер.

Далее немного теории о HTML и XHTML и список некоторых различий между ними…

HTML (от англ. HyperText Markup Language — “язык разметки гипертекста”) — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки
). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML .
Если эта строка не указана, то добиться корректного отображения документа в браузере становится труднее.

XHTML (англ. Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML. Как и HTML, XHTML соответствует спецификации SGML, поскольку XML является её подмножеством. Вариант XHTML 1.1 одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 31 мая 2001 года.

Валидным (т. е. отвечающим всем правилам) XHTML-документом считается документ, удовлетворяющий технической спецификации. В идеале, все браузеры должны следовать веб-стандартам и, в соответствии с ними, валидные документы должны отображаться во всех браузерах на всех платформах. Валидация XHTML-документа рекомендована даже несмотря на то, что она не гарантирует кросс-браузерности. Документ может быть проверен на соответствие спецификации с помощью онлайновой cлужбы валидации разметки W3C. Валидация обнаружит и разъяснит ошибки в XHTML-разметке.

Различия между XHTML и HTML
- Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега
(например, или
) должны иметь на конце / (например,
).

- Булевы атрибуты записываются в развёрнутой форме. Например, следует писать selected="selected"> или .

- Имена тегов и атрибутов должны быть записаны строчными буквами (например, alt="" /> вместо ).

- XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL,
должны замещаться < и & соответственно. По рекомендации W3C браузеры,
встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ. Для
HTML браузеры должны были попытаться понять, что хотел сказать автор.
- Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по
умолчанию является ISO 8859-1).

Для XHTML страниц рекомендуется задавать MIME-тип — application/xhtml+xml, но
это не является обязательным, более того — браузер Internet Explorer 8 и младшие
версии, не смогут обрабатывать страницу, поэтому с XHTML 1.0 традиционно
используется MIME-тип для HTML — text/html.

Также стандарт рекомендует указание перед
DTD, но это не обязательно, более того — браузер Internet Explorer воспринимает
такое указание (как и любой другой текст перед ), как признак того,
что данную страницу необходимо отображать в режиме обратной совместимости, а не
согласно стандарту. Существует три типа документов XHTML: strict, transitional и
frameset. Наиболее употребительной и универсальной из версий XHTML является
переходная (англ. transitional), поскольку она позволяет использовать iframe
(включение содержимого одной веб-страницы в другую) и атрибут target у ссылок
(для указания того, например, что ссылке необходимо открываться в новом окне).
Фреймовая версия (англ. frameset) представляет собой расширенный вариант
transitional, добавляя к нему, как следует из названия, возможность установки
frameset вместо body. DTD строгой версии XHTML (англ. strict) не содержит многих
тегов и атрибутов, описанных в DTD transitional, и признанных устаревшими.

Спасибо http://ru.wikipedia.org/

Так все же, что такое PHP?

nice — Sun, 07 Mar 2010 21:52:16 +0000

Почему-то у некоторой общественности сложилось мнение, что PHP это широко используемый язык программирования! Я не спорю, что PHP - широко используемый, но это же не язык программирования! Я понимаю С - вот это отец в программировании. А PHP – это всего лишь язык сценариев общего назначения с открытым исходным кодом, который создавался специально для Web-разработок и может использоваться непосредственно в HTML-коде, что мы непосредственно и делаем! PHP скрипт выполняется только на сервере, а клиенту передается уже результат его работы.

PHP поддерживается многими современными веб-серверами, такими, как Apache, Microsoft Internet Information Server (IIS), Personal Web Server, Netscape и iPlanet, Oreilly Website Pro, Caudium, Xitami, OmniHTTPd и еще многими другими. В большинстве случаев PHP поставляется в качестве модуля или в качестве процессора CGI на серверах поддерживающих стандарт CGI (Common Gateway Interface — «общий интерфейс шлюза»).

Синтаксис PHP берет начало из C, Java и Perl, что облегчает его понимание тем, кто уже ранее программировал на настоящих языках программирования.
Достоинством и одновременно недостатком PHP является отсутствие строгой типизации данных и отсутствие необходимости в действиях по выделению или освобождению памяти. Поддержку и работу с широким кругом баз данных в PHP могу с уверенностью назвать значительным достоинством!