Табличная вёрстка сайта

Ну поскольку мы будем говорить о табличной структуре сайта, то сразу возьмём на заметку, что табличная вёрстка сайта состоит из двух этапов. Конечно, если вы мегамозг, то один из этапов можете и упустить. Этапы:
1) графическое представление сайта.
2) написание кода для вёрстки.
В статье Немного о вёрстке даётся представление о том, как выполнять графический образ сайта поэтому останавливаться на этом моменте я не буду. А вот на втором пункте остановимся подробней.

Смайлы кролики

На создание смайлов кроликов меня навеял тот факт, что 2011 год - год Кролика

Как нарисовать снежинку

1. Создаём файл (Ctrl+N) 200х200 px, заливаем фон чёрным цветом
2. Создаём новый слой (Shift+Ctrl+N) называем его "слой 1"
3. Выбираем инструмент для рисования Brush (Кисть) или Pencil (Карандаш) размером 4 px и цветом #FFFFFF
4. Ставим точку

Шапки по мотивам игр Dandy

Шапки для блогов "Цветы дубки"

Пополняю коллекцию шапок для блогов. Данный набор посвящаю цветам, которые, как бы странно это не звучало, мне нравятся . Цветы называются ДУБКИ.

Не запускается apache в XAMPP

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

В настоящее время самыми распространнёными считаются два производителя локальных веб-серверов:

• Denwer
• XAMPP

У каждого есть свои преимущества и недостатки, перечислять которые мы не будем.

Теперь ближе к теме. Мне посоветовали установить именно XAMPP для работы с Joomla. О том как настроить локальный веб-сервер XAMPP можно ознакомиться в статье Как настроить локальный хостинг у себя на компьютере.

Но вот какая проблема произошла у меня - не запускается компонент apache (запускает непосредственно сам http сервер).Я искал выход из ситуации во многих поисковиках. Везде выдавалось одно и тоже - нужно лазить в файлах конфигурации XAMPP'ы. Но ничего из этого мне не помагало. Я ломал голову дня три, но потом меня случайно осенила мысль: "По идее, чтоб включить http сервер необходим какой-то рабочий порт" и не поверите, интуиция меня не подвела.
У меня стоит Windows XP Professional v. 2008 Service Pack 3. Далее необходимо скачать утилиту Windows Worms Doors Cleaner, у меня версия программы 1.4.1. Весит утилита чуть более 50 кБ. Запускаем утилиту, и в открывшемся окне открываем все порты, и у нас должно получится следующее

После чего программа запросит произвести перезагрузку системы, на что сказать "Да"

После перезагрузки открываем панель XAMPP и пробуем запустить Apache. Всё должно заработать.

Смайлы-инопланетяне

Смайл. Улыбка.

Смайл позитивного человека, хотя скорей всё-таки позитивного настроения. Быть хорошо
предрасположенным к своему собеседнику – это правило хорошего тона. Однако, чрезмерное
использование таких смайлов при переписке может вызвать недовольство вашего оппонента –
он может подумать, что вы над ним насмехаетесь. Знайте меру при употреблении этого смайла
в интернет общении.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/smile.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/smile.gif[/img]	http://dim26inter.narod.ru/img/smile.gif

Смайл. Смущение.

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

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/embarrassed.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/embarrassed.gif[/img]	http://dim26inter.narod.ru/img/embarrassed.gif

Смайл. Радость.

Вы что-то творите, параллельно общаетесь в сети. И вот оно… Вы всё-таки сделали нечто
значимое для себя, хочется крикнуть: «Ура!», «Победа!», «Эврика!» и т.д. Но как показать
это собеседнику(-ам)?.

Ещё его в сети обозначают словом «йаху».

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/yahoo.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/yahoo.gif[/img]	http://dim26inter.narod.ru/img/yahoo.gif

Смайл. Профессионал.

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

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/glass.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/glass.gif[/img]	http://dim26inter.narod.ru/img/glass.gif

Смайл. Подмигивание.

Лукавство – вот истинный смысл использования данного смайла. Мы подмигиваем, когда
хотим показать человеку, что вроде-то мы сказали и правду на его высказывание, а с
другой – не хотим его обидеть, т.к. сказанное может оказаться обидным.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/wink.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/wink.gif[/img]	http://dim26inter.narod.ru/img/wink.gif

Смайл. Плач.

Произошло событие, которые вызывает слёзы – неимоверная печаль, сожаление о случившемся
или просто обида.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/cry.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/cry.gif[/img]	http://dim26inter.narod.ru/img/cry.gif

Смайл. Oh my God.

Вы уже полчаса пытаетесь объяснить собеседнику, что 2+2 будет равно 4. А он ну не
понимает, мол почему так?! Вы как рыба об лёд бьётесь, а он ни в какую. Как показать ему
это? Ну что вы в жизни обычно делаете в такой ситуации? Говорите слова: «о, Боже!!!»,
«Oh my God!!!» и внутренней частью кисти руки ведёте ладонь от лба вниз по лицу.
Правильно? Вот, этот смайл позволит показать это вашему интернет собеседнику.

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

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/bamz.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/bamz.gif[/img]	http://dim26inter.narod.ru/img/bamz.gif

Смайл. Непонятно.

Ситуация: собеседник сказал вам фразу, но вы её не поняли, какое выражение лица
получается?

В тексте такой смайл изображают в виде о_О

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/incomprehension.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/incomprehension.gif[/img]	http://dim26inter.narod.ru/img/incomprehension.gif

Смайл. Кривляка.

Помните как вы в детстве кривлялись родителям, когда те вас ругают, а вы им кривляетесь
в ответ, тем самым показывая, что вас нет смысла ругать?

Или как вы с другом/подругой бегали в детстве на перегонки, и прибегали к финишу первыми, хвастаясь потом?

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/clap.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/clap.gif[/img]	http://dim26inter.narod.ru/img/clap.gif

Смайл. Злость.

Произошло событие, которое вызвало у вас негодование – вы злитесь. Или собеседник
сказал нечто такое, от которого у вас злость так и просится на ружу.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/evil.gif' />	[img]http://dim26inter.narod.ru/img/evil.gif[/img]	http://dim26inter.narod.ru/img/evil.gif

Смайл. Дурак.

Данный смайл можно использовать параллельно с другим, который выражает факт того,
что собеседнику тяжело что-то объяснить. Другими словами, вы «крутите палец» у виска,
когда кто-то делает непонятное.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/fool.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/fool.gif[/img]	http://dim26inter.narod.ru/img/fool.gif

Смайл. Грусть.

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


- =( у меня полетела винда…
- =( не повезло.

HTML-код для блогов	BBcode для форумов	Ссылка на смайл
<img src='http://dim26inter.narod.ru/img/sorrow.gif' title='Смайлы-инопланетяне'/>	[img]http://dim26inter.narod.ru/img/sorrow.gif[/img]	http://dim26inter.narod.ru/img/sorrow.gif

Деревенские пейзажи

Данная запись посвящена шапкам для блогов сервиса я.ру. О том как создать шапки можно прочитать статью Делаем шапку для блога в Photoshop.
Шапки я делал с оригинальных фотографий, которые были любезно предоставлены пользователем  Мэрдок

Тотем повеления

Тотем повеления в сети

Смайлы-хамелеоны

Я вот долго думал, какое бы название дать этой коллекции моих смайлов. На компьютере они сохранены в папке simple. В итоге решил назвать их "хамелеонами" из-за особенности смайлов "подстраиваться" под фон страницы.

html-код для блогов	bbcode для форумов
<img src='http://content.foto.mail.ru/mail/deminter26stv/_animated/i-207.gif' />	[img]http://content.foto.mail.ru/mail/deminter26stv/_animated/i-207.gif[/img]

html-код для блогов	bbcode для форумов
<img src='http://content.foto.mail.ru/mail/deminter26stv/_animated/i-208.gif' />	[img]http://content.foto.mail.ru/mail/deminter26stv/_animated/i-208.gif[/img]

html-код для блогов	bbcode для форумов
<img src='http://content.foto.mail.ru/mail/deminter26stv/_animated/i-209.gif' />	[img]http://content.foto.mail.ru/mail/deminter26stv/_animated/i-209.gif[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6c3_ec3760dd_S' />	[img]http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6c3_ec3760dd_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/5401/elstav.0/0_3a6c2_9eaaa807_S' />	[img]http://img-fotki.yandex.ru/get/5401/elstav.0/0_3a6c2_9eaaa807_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/5403/elstav.0/0_3a6c1_4089152e_S' />	[img]http://img-fotki.yandex.ru/get/5403/elstav.0/0_3a6c1_4089152e_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6c0_35593ab5_S' />	[img]http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6c0_35593ab5_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6be_a2db2957_S' />	[img]http://img-fotki.yandex.ru/get/4801/elstav.0/0_3a6be_a2db2957_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/5400/elstav.0/0_3a6bd_657874b0_S' />	[img]http://img-fotki.yandex.ru/get/5400/elstav.0/0_3a6bd_657874b0_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/5403/elstav.0/0_3a6bb_94e15501_S' />	[img]http://img-fotki.yandex.ru/get/5403/elstav.0/0_3a6bb_94e15501_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://content.foto.mail.ru/mail/deminter26stv/_animated/i-139.gif' />	[img]http://content.foto.mail.ru/mail/deminter26stv/_animated/i-139.gif[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/4802/elstav.0/0_3a6b7_c61631fe_S' />	[img]http://img-fotki.yandex.ru/get/4802/elstav.0/0_3a6b7_c61631fe_S[/img]

html-код для блогов	bbcode для форумов
<img src='http://img-fotki.yandex.ru/get/4803/elstav.0/0_3a6b6_26a2e654_S' />	[img]http://img-fotki.yandex.ru/get/4803/elstav.0/0_3a6b6_26a2e654_S[/img]

Основы CSS

CSS (Cascading Style Sheets — каскадные таблицы стилей) – способ видоизменения частей документов, созданных при помощи языка разметки. В чём это заключается?

Язык гипертекстовой разметки HTML предполагает форматирование содержимого тегов с помощью определённых параметров. Так, например, тег font, показывающий, что с этого места начинается текст, обладает такими параметрами как размер шрифта, его вид, цвет и так далее. А теперь представьте, что вам надо применить одни и те же параметры к тексту на разных страницах. И вот вы начали просматривать коды ваших страниц в поисках того самого кода, чтоб текст был однотипным. Если у вас две три страницы – это уже проблематично сделать, а что если больше? В таком случае целесообразно применение таблиц стилей CSS.

Подключение CSS

CSS (Cascading Style Sheets — каскадные таблицы стилей) – способ видоизменения частей документов, созданных при помощи языка разметки.
CSS может быть внедрена непосредственно в документ. Это делается с помощью открывающего тега <style> с параметром type=text/css. После чего указываются компоненты документа, к которым будут применены стили. Функции к параметрам начинаются с фигурной скобки { и заканчиваются обратной фигурной скобкой }. Между функцией и её значением ставится двоеточие :. Функция закрывается точкой с запятой ; после описания её значения. Затем устанавливается закрывающий тег </style>, после которого идёт уже редактирование документа.