Adobe Photoshop – одна из лучших программ, для обработки изображений, разработанная фирмой Adobe Systems. Программа Photoshop (часто называют – Фотошоп) обладает очень широкими возможностями, разные фильтры, форматирование текста, создание и/или редактирование изображений, работа с фотографиями и т.д., с ее помощью можно создавать различные эффекты, спец эффекты, дизайны сайтов или отдельные части сайтов (кнопки, иконки, логотипы и т.п.), различные обложки и многое другое. Любой веб-мастер должен уметь работать с этой программой, хотя существуют и другие похожие программы, но на мой взгляд Photoshop – лучший инструмент по созданию дизайнов для сайтов. В этой статье я хотел бы рассказать как я сделал неоновый текст (текст с подсветкой) в Photoshop-е, в предыдущей статье по HTML тэгам.

Создаем новый документ в Фотошопе, для примера я создал документ размером 300х150 пикселей. Обязательно нужно залить его черным цветом (Paint Bucket Tool – англ. буква на клавиатуре G, но нужно выбрать черный цвет перед заливкой). Дальше выбираем инструмент для написания текста (Horizontal Type Tool – англ. буква T) и пишем свой текст любым цветом (кроме черного), и можно выбрать любой шрифт. Вот так:

Далее в окне слоев (Layers) нажимаем Ctrl + левый клик мыши на слой с текстом, должно получится выделение вот так:

После выделения выбираем инструмент Marquee Tool (англ. Буква M), и перемещаем выделение вниз на 4 пикселя и вправо на 2 пикселя. То есть можно просто на клавиатуре нажать 4 раза клавишу стрелка вниз и 2 раза клавишу стрелка вправо. Должно получится вот так:

Далее нужно инвертировать выделение заходим в меню Select->Inverse, или же жмем на клавиатуре Shift+Ctrl+I (I – англ. буква). Ну а потом удерживаем Shift+Ctrl+Alt кликаем левой кнопкой мыши на слой с текстом. Должно получится вот так:

Далее создаем новый слой (Ctrl+Shift+N), заливаем белым цветом выделение. После этого нажимаем Ctrl+D или же в меню выбираем Select->Deselect, то есть снимаем выделение. Применяем к нему фильтр размытие по гауссу, в меню выбираем Filter->Blur->Gussian Blur и в появившемся окне задаем параметр размытия на 1,5 пикселя (фильтр нужно применять к недавно созданному слою). Вот так должно получится:

Сейчас опять нужно воспользоваться фильтром эффект свечения, заходим в меню Filter->Render->Lighting Effects и устанавливаем следующие настройки:

После применения эффекта свечения должна получится вот такая надпись:

Дальше будем работать на слоем с текстом. Двойным щелчком левой кнопкой мыши по слое с текстом вызываем меню опций, или же кликаем правой кнопкой мыши по слое с текстом и выбираем Blending Options. Далее применяем следующие стили:

После всего этого должно выйти красивая надпись с эффектом свечения (неоновая надпись), вот такая:

Вот и все. Можно конечно и другие цвета брать. Вот так получилось с другими с цветами:

Ну что ж, приступим:

1) HTML тэги работа со шрифтами

<b>Жирный текст</b>

<i>Курсивный текст</i>

<u>Подчёркнутый текст</u>

<s>Зачёркнутый текст</s>

<small>Маленький шрифт</small>

<big>Большой шрифт</big>

<acronym title=”Блог о сайтостроении, SEO оптимизации”>KDS Блог</acronym> – при наведении мышкой на “KDS Блог” появится всплывающая подсказка

<font style=”font-size:15pt;”>Размер шрифта 15 пикселей </font>

Предопределенный размер шрифта можна задавать от 1 до 7)

<font size=”3″>Размер шрифта – 3</font>

<font size=”+1″>Размер шрифта на 1 больше, чем обычный</font>

<font style=”font-family:Verdana;”>Шрифт Verdana</font> – в “font-family:Verdana” вместо Verdana можно писать интересующий вас шрифт

<font style=”font-family:Verdana; font-size:13pt;”> шрифт Verdana с размером 13 пикселей</font>

2) Теперь работа с цветовыми схемами в HTML

<font color=”#0000ff“>Текст синего цвета</font>

Число “0000ff” это код синего цвета в RGB палитре. Еще разрешено воспользоваться обычными словами (на англ), обозначаемые цвета:

<font color=”red“>Текст красного цвета</font>

<font style=”background-color:#00ff00;”>Текст на зеленом фоне</font>

<font style=”background-color:purple; color:#ffa500;”>Желтый текст на пурпурном фоне</font>

Вот несколько предопределенных цветов:

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

А это те же цвета, только кодовые в RGB палитре:

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

3) Другие HTML тэги для работы с текстом:

<center>Выравнивание текста по центру</center>

<marquee>Строка, бегущая влево </marquee>

<marquee direction=”right”>Строка, бегущая вправо </marquee>

<marquee behavior=”alternate”>Строка, бегущая от края к краю</marquee>

<br> — строка переносится на другую строчку

<hr> — линия на всю ширину экрана:

• <li>Пункт из не сортированных списка</li>
• <li>Другой не сортированный пункт</li>

Если добавить тэг ol по краям в списке, то список сортируется автоматически:

<ol>
1. <li>Пункт из не сортированных списка</li>
2. <li>Другой не сортированный пункт</li>
   </ol>

Специальные символы в HTML, для написания текста в HTML страницы определенные символы, чтобы HTML не определял их как тэги. Основные спец. символы:

Ну вот в принципе все основные тэги в HTML. Конечно их еще очень много. Здесь я постарался описать основные тэги, которыми сам пользуюсь

При запуске программы выходит окно, в котором можно выбрать для какой CMS системы или HTML создавать шаблон

А вот такой шаблон я сделал на скорую руку, также это скрин всей программы. Кому интересно посмотреть на тему WordPress, качайте тут.

А вот ссылка для скачивания самой программы, в архиве вы найдете файл Loader.exe, его скопируйте в папку bin установленной программы, и запускайте только через Loade.exe. программу залил на файлообменники летитбит и депозитфайлс, так как Artisteer весит 60 мб

Скачать с depositfiles

Скачать с letitbit

И так ставим Денвер на свой компьютер, у меня версия Денвера «Denwer3_Base_2008», хотя конечно сейчас существует и новые версии. Скачать сервер Денвер можно с официального сайта denwer.ru. Ну что ж, начнем установку «Denwer3_Base_2008»:

При запуске Денвера появляется окно, в нем нажимаем «Да», после нажатия кнопки «Да», идет распаковка, ждем, пока распакует, затем появится окно с надписью «Приветствие… Для продолжения закройте брайзер» (это окно не закрываем), и запустится браузер со страницей кратким описание Денвера, для продолжения закрываем браузер. После закрытия браузера, в окне с надписью «Приветствие… Для продолжения закройте брайзер», добавится новые надписи, чтобы продолжить нажимаем «Enter».

После нажатия «Enter», в то же самое окно опять добавятся новые надписи, с предложением выбора полного пути, куда будет произведена установка, или же нажать «Enter» и директория пути будет по умолчанию C:\WebServer. После выбора директории и нажатии «Enter», нажимаем еще раз «Enter».

В том же самом окне опять обновятся надписи, и будет предложение выбрать букву (на англ.) будущего виртуального диска (такой же диск создается при установке Daemon или Alcohol). Сразу же там предложение буква Z для названия виртуального диска, но вы можете выбрать и другую букву, выбрали букву и нажимаем «Enter». Дальше опять обновляется окно и жмем «Enter».

Дальше идет копирование файлов, займет меньше минуты. После этого в том же самом окне обновятся надписи с предложением выбрать параметры конфигурации и с выбором 1 или 2 (там написано, какие параметры у первого и второго варианта). Внизу надпись «Рекомендуется выбрать вариант 1, потому что он наиболее удобен», не знаю как вы, но я выбираю всегда 1 вариант. После выбора варианта жмем 1 или 2 и «Enter».

Потом внизу выскочило предложение по созданию ярлыков на рабочем столе для запуска Денвера с вариантами «<y/n>», я жму «y» и потом «Enter».

После этого окно закрывается, но открывается опять браузер со страницей с информацией. Вот и все, можно уже пользоваться сервером Денвер.

Ну а как пользоваться Денвером, это уже отдельные статьи.

Кстати тот Денвер, что у меня можно скачать тут.

]]> http://kdsblog.net.ua/allnews/stavim-server-denwer-na-svoj-kompyuter/feed 2 http://kdsblog.net.ua/allnews/ulovki-kotorye-privodyat-k-nezhelatelnym-rezultatam http://kdsblog.net.ua/allnews/ulovki-kotorye-privodyat-k-nezhelatelnym-rezultatam#comments Wed, 10 Mar 2010 11:03:26 +0000 KDS http://kdsblog.net.ua/?p=73 Многие веб-мастеры часто используют различные фишки, приемы, уловки при продвижении сайтов, но некоторые из них приводят к нежелательным результатам. Так вот в этой статье я приведу список таких уловок, которые Google запрещает использовать при продвижении сайтов. Уловки, запрещенные поисковой системой Google, могут привести сайт к большим проблемам, в том числе и исключения страниц из поиска, а то еще хуже к бану сайта, и прощай зарегистрированный хороший домен, хотя может и удастся связаться с тех-поддержкой и исправить ситуацию.

Ну что ж начнем перечисление недоброжелательных приемов работы над сайтом:

1) Заголовки:

• Ни в коем случае не присваивайте заголовок странице, который не имеет абсолютно ни какого отношения к информационному содержанию страницы.
• Ни за что не используйте стандартный заголовок страницы, который не несет в себе никакой информации, и не имеет смысла. Пример: «Untitled», «Unnamed», или «New page».
• Никогда не пишите одинаковый заголовок на всех страницах сайта.
• Не стоит использовать очень длинные и не имеющие ни какого смысла заголовки.
• Так же не стоит использовать в заголовках страниц сайта ненужные ключевые слова.

2) Мета описания:

• Мета описания должны иметь отношения к контенту страницы, нельзя писать мета описания, которые не имеют отношения к контенту.
• Не используйте стандартно сгенерированные мета описания на страницах сайта. Пример: «Page about system files» или «This is a web-page».
• Не нужно использовать мета описания, состоящих исключительно из ключевых слов.
• Кусочек текста из контента тоже запрещено использовать как мета описания.
• Ну и конечно же не используйте одно и тоже мета описание на всех страницах сайта.

3) URLы (ссылки):

• Не используйте довольно длинные URL адреса с ненужными параметрами, а также с индетификаторами сессий.
• Использование стандартно сгенерированных по умолчанию названий страниц запрещено. Пример: «page1.html», «page2.html».
• Не используйте в URL ссылках несколько повторений одинаковых ключевых слов. Пример: «money-maker-money-maker-money-maker.html».
• Не создавайте у себя на сайте очень глубокую организацию файлов. Пример: «folder1/ folder2/ folder3/ folder4/ folder5/ folder6/ folder7/page.html».
• Не допускается использовать названия для категорий, которые не имеют никакой связи с размещаемым в категории контентом.
• Запрещено создавать поддомены (сабдомены) для одной и той же странице сайта.
• Не используйте заглавных букв в URL адресах.

4) Навигация, меню, оформление:

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

5) Страницы «ошибки 404»:

• Не используйте оформление страницы ошибки 404, которые не совпадают с дизайном самого сайта.
• Не стоит использовать стандартную страницу ошибки 404, которая не оптимизированная для удобства пользователей.
• Не разрешать поисковым системам индексировать страницы ошибки 404.