Каталог статей
| Главная » Статьи » уроки |
| В категории материалов: 58 Показано материалов: 33-36 |
Страницы: « 1 2 ... 7 8 9 10 11 ... 14 15 » |
Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[736]
Добавлено:06.12.2009
Подробнее
Причины плохих позиций сайта в поисковых системах > уроки
В Размытая тематика сайта. Не отходите далеко от выбранной вами темы сайта, если хотите не потерять позиций в выдаче. Меньше оффтопа. Использование дорвеев. Страницы со сходным контентом, но разными кивордами. Все страницы должны быть уникальны. Плохая ссылочная структура. Все страницы должны быть доступны в 3 клика максимум. Обошли конкурентами. Заброшенные сайты редко имеют хорошие позиции. Изменился алгоритм поисковиков. Больший авторитет сайта позволит ему быть устойчивым к этим изменениям. Ссылок на сайт стало меньше. Возможно сайты, которые на вас ссылались, удалили ссылки или закрылись. Количество ссылок перестало расти. Качественные сайты постоянно получают все новые и новые ссылки - это хороший показатель для поисковых систем.
этой статье я хотел обсудить такую проблему как потеря позиций сайта в
поисковой выдаче. Причин этому может быть несколько, поэтому считаю не
лишним напомнить мне и всем, истинную ситуацию, почему это происходит.
Сайт не обновляется. Обновление сайта - это подтверждение того, что сайт развивается. Рекомендуется обновлять сайт хотя бы раз в неделю.
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[616]
Добавлено:02.12.2009
Подробнее
Создание макета блога > уроки
Макетирование блога
Имея блог последние тенденции в Сети. Ваш блог, чтобы быть популярным еще трендовым вам нужен красивый дизайн. С этого урока вы узнаете, как сделать уникальным, красочным и в то же простым блог используя Adobe Photoshop. Простота и чистость являются двумя наиболее ценных свойств шаблона.
Шаг 1
Откройте новый документ 500x200 пикселей, с черным фоном. Откройте изображение и перетащите его в новый документ. Ctrl+ Right Click и Merge Layers. Ctrl + Right Click и Merge Layers.
Шаг 2
Теперь откройте новый слой (Layer-> Layer Style). С помощью Rectangular Marquee Tool нарисуйте прямоугольную линию в нижней части цветка. Заполните его белым и установите непрозрачность на 20%.
Добавить текст. Цвет, который вы должны использовать это 7e9239.Ctrl # + правую кнопку мыши и Merge Layers.
Шаг 3
Откройте новый документ 550x600 пикселей с белым фоном. Перетащите заголовок и место в середине в верхней части. Добавьте текст и используйте теже цвета как в загаловке.
Шаг 4
Создайте новый документ 500x7 пиксель. Заполните его # 36541e. Откройте другой документ 400x7 пиксель и заполните его цветом # 7e9239. И еще одно, но 300x7 пиксель и заполните цветом # adb47d.
Расположите их так.
Конечный результат этого должен быть такой.
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[929]
Добавлено:08.11.2009
Подробнее
Полезное инфо о jQuery > уроки
Сегодня я раскажу вам о JQ - библеотека JavaScript. Очень сильный помощник в работе с сайтом в системе uCoz. Что же в нём такого спросите вы? JQ - это мощная библиотека позволяющая делать операции с минимальным кодом(Девиз компнии - Пиши меньше, делай больше). Покажу вам не сколько интересных приёмчиков на JQ которые оживят ваш сайт...
Функция языка $('клас').each(function(){Код функции}); с помощью её мы можем прократся в самые злые , холодные участки uCoz сайта...
Основной плюс обновление чего либо которое нам даёт JQ.
Обычный минус uCoz сайта в том, что чат не обновляеться статистика. Исправим!
Смотрим: Коды статистики это
$ONLINE_COUNTER$ - счётчик пользователей
$ONLINE_USERS_LIST$ - список онлайн юзеров
мы с ними и пороботаем, пройдёмся по этапам:
1: Описание скрипта <script type="text/javascript">код скрипта</script>
так же скрипт можно загрузить в .js файл и пользуясь тегами скрипта(<script></script>) загрузить его так
<script type="text/javascript" src="путь к JS файлу"></script>
2:Проверяем готов ли документ, для этого нам понадобиться функция document.ready :
<script type="text/javascript">
jQuery(document).ready(function(){Основной код});
</script>
3:Устанавливаем время интервала с помощью setInterval
<script type="text/javascript">
jQuery(document).ready(function(){
setInterval("jQuery('#statA').load('# span#statB');",10000); // По умолчанию время обновления 10 секунд.
});
</script>
4:Используем Html , что бы всё это вывести:
<span id="statA"><span id="statB">$ONLINE_COUNTER$$ONLINE_USERS_LIST$</span></span>
Первый span получает id = #statA и будет изменяться с его изменением, второй же span аналогично.
Используя данный код выше мы можем изменить и другие части нашего сайта, такие как опрос:
<script type="text/javascript">
jQuery(document).ready(function(){
setInterval("jQuery('#pollA').load('# span#pollB');",50000); // По умолчанию время обновления 50 секунд.
});
</script>
<span id="pollA"><span id="pollB">$POLL$</span></span>
Важно , что время указываеться в МилиСекундах то есть 10000 - 10 секунд, 50000 - 50 секунд.
Теперь используя полученные знания поиграимся со временем на сайте
Коды времени это :
$WDAY$ - текущий день недели
$DATE$ - текущая дата
$TIME$ - текущее время
<script type="text/javascript">
jQuery(document).ready(function(){
setInterval("jQuery('#timeA').load('# span#timeB');",15000); // По умолчанию время обновления 15 секунд.
});
</script>
<span id="timeA"><span id="timeB">$WDAY$, $DATE$, $TIME$</span></span>
То есть обновляем время каждые 15 секунд на сайте. Можно пойти дальше и добраться до просто времени и получим похожий код:
<script type="text/javascript">
jQuery(document).ready(function(){
setInterval("jQuery('#timeA').load('# span#timeB');",1000); // По умолчанию время обновления 1 секунду.
});
</script>
<span id="timeA"><span id="timeB"> $TIME$</span></span>
Теперь время будет обновляться каждую секунду.
Идём в самый конец к сожалению. Я раскажу вам как я придумал сделать описание группы при наведение на ник в статусе:
$('клас').each(function(){Код функции}); - зная функцию я начал думать.
Используя лису выяснил(в общемто и знал), что коды групп есть такие:
groupAdmin - администратор
groupModer - модераторы
groupVerify - проверенные
groupUser - пользователи
так как они ссылки клас я решил попытаться заполнить как $('a.groupAdmin').each(function(){сама функция});
код функции получился тоже интересным
$(this).attr('title','Группа пользователя: <b>Администраторы</b>');
То есть клас - this(этот , если вы учили англ. то есть выделенный) и вызываем свойство title то есть описание , назначаем код...
Используя весь данный "урок" вы можете сделать много чего интересного для своего сайта.
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[667]
Добавлено:03.11.2009
Подробнее
Почему так важен DOCTYPE > уроки
Почему так важен DOCTYPE
Вроде бы вы сделали все правильно, но ваш сайт почему-то не выглядит или не работает, как ожидалось, в последних версиях броузеров.
Вы написали правильный стандартный XHTML код и стандартный CSS. Вы воспользовались стандартной спецификацией для работы с DOM (Document Object Model), чтобы управлять динамическими элементами на странице. И все-таки, в броузерах, которые казалось бы сделаны с соблюдением именно этих стандартов, ваш сайт не работает. Скорей всего, ошибка кроется в неправильном заголовке DOCTYPE.
Эта небольшая статья расскажет вам о заголовках DOCTYPE, которые работают, а также объяснит практическое и теоретическое значение этого, казалось бы отвлеченного от реальности, тега.
Что такое DOCTYPE?
Согласно спецификациям HTML и XHTML тег DOCTYPE (что означает "объявление типа документа") сообщает валидатору, какую именно версию (X)HTML вы используете в своей странице. Этот тег должен всегда находиться в первой строке каждой страницы. Тег DOCTYPE - ключевой компонент web-страниц, претендующих на соответствие стандартам: без него ваш код и CSS не пройдут проверку валидатором.
Тег DOCTYPE также важен для правильного отображения и работы страницы в броузерах, соответствующих стандартам (Mozilla, IE5/Mac, и IE6/Win).
Тег DOCTYPE, в атрибутах которого указывается полный URI (полный web-адрес), сообщает броузерам, что страницу нужно вывести с соблюдением определенного стандарта или подвида этого стандарта.
Если вы будет пользоваться неполным тегом DOCTYPE, устаревшим его видом, или вообще забудете про него, броузер перейдет в "загадочный" режим и будет исходить из предположения, что вы писали код страницы с ошибками и вольно отступали от стандартов, т.е. так, как писали в конец 90-ых годов.
В этом режиме броузер попытается разобрать вашу страницу по правилам обратной совместимости и выведет на экран, например, CSS так, как его вывел бы Internet Explorer 4-ой версии, а DOM будет работать так, как он работал именно в этом броузере (IE переключается в свой старый DOM, а Mozilla и Netscape 6 переключается вообще в бог знает что).
Понятно, что для вас эти выкрутасы не желательны. Но именно это вы и получите, если будете пользоваться неполным или неправильным тегом DOCTYPE. Данная статья попробует исправить эту вашу ошибку.
(Внимание: броузер Opera не играет по таким правилам; он всегда пытается отобразить страницу так, как если бы она соответствовала стандартам. Слава Опере! С другой стороны, Opera пока не полностью поддерживает стандарт W3C DOM, но работа над этим уже ведется.)
Где же взять правильный DOCTYPE?
Так как теги DOCTYPE чрезвычайно важны для работы Web-а по стандартам, и так как консорциум W3C является ведущей организацией, создающей стандарты для Web-а, следовало бы ожидать, что на сайте W3C будет представлен список всех вариантов тега DOCTYPE, и казалось бы эту информацию на сайте W3C можно найти быстро и просто в каком-то определенном разделе. Но это не так, по крайней мере на момент написания этой статьи.
W3.org - это не сайт со статьями как A List Apart , WebReference или Webmonkey . Он не создан в помощь web-дизайнерам, разработчикам и авторам сайтов, и он не занимается распространением новейшей информации и полезных советов. Это не его задача.
Да, иногда W3C публикует серии учебных статей , хотя большинство web-разработчиков об этом даже и не знает. Но в основном, сайт W3C содержит собрание предложений, проектов и Рекомендаций, которые написаны инженерами для инженеров. И когда я говорю об инженерах, я не имею в виду простых специалистов в области web-разработок, таких спецов, как вы и я. Я имею в виду инженеров, по сравнению с которыми мы выглядим полными болванами.
Я могу потратить весь день в поисках правильных тегов DOCTYPE на сайте w3.org, но не найду ни одной страницы, где они перечислены все вместе. Если же вам все-таки удастся найти какой-нибудь тег DOCTYPE (например, упоминаемый в какой-нибудь Рекомендации или Рабочем проекте), скорей всего окажется, что на вашем сайте он работать не будет.
По всему сайту W3C разбросаны теги DOCTYPE, где в атрибутах отсутствует URI, и теги DOCTYPE, содержащие в атрибутах относительный URI, связанный с документами, находящимися на том же самом сайте W3C. Если вы возьмете этот тег с сайта W3C, перенесете его на свой сайт и вставите в свои страницы, относительный URI будет указывать на несуществующие на вашем сайте документы, следовательно напрасно пропадет ваш труд и усилия броузера.
Например, на многих сайтах можно встретить в страницах следующий вариант тега DOCTYPE, который был без всяких изменений перенесен с сайта w3.org:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
Посмотрите на последнюю часть тега DOCTYPE ( "DTD/xhtml1-strict.dtd" ). Обратите внимание, что это относительная ссылка на документ, расположенный на сайте W3C. Так как целевой документ находится на сайте W3C, а не на вашем, этот URI для броузера бесполезен.
А выглядеть DOCTYPE должен вот так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Обратите внимание, что этот вариант DOCTYPE содержит в конце полный вариант URI. А так как тег указывает на правильное расположение документа, броузер знает, где этот документ надо найти в сети, и следовательно выведет вашу страницу в том стандарте, который вы упомянули в DOCTYPE.
Правильные варианты тега DOCTYPE
Итак, каким же вариантом тега DOCTYPE надо пользоваться? Очень хорошо, что вы задали этот вопрос. Ниже перечислены полные варианты тега DOCTYPE для различных нужд:
Стандарт HTML 4.01 Strict (строгий), Transitional (переходный), Frameset (с фреймами)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Стандарт XHTML 1.0 Strict (строгий), Transitional (переходный), Frameset (с фреймами)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Стандарт XHTML 1.1 DTD
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Что дальше?
Как вы можете внести свой вклад в распространение стандартов в Web? Перво-наперво, поместите в закладки данную страницу (либо просто сохраните ее на своем компьютере), а также проверьте, вставляет ли ваш web-редакторв в ваши страницы тег DOCTYPE, а если вставляет, - правильный ли вариант тега он использует?
Многие разработчики ПО просто скопировали неполные варианты тега DOCTYPE с сайта W3C в свои программы. И в результате: вы полагаетесь на программу, которая вставляет неправильный вариант тега, броузер впадает в "загадочный" режим, а вы безуспешно бьетесь над загадкой, почему ваши страницы не работают, как надо.
Стоит также написать тем ребятам, что делают ваш любимый web-редактор, и показать им, как выглядит правильный тег DOCTYPE, после чего, вежливо попросить их внести изменения в новую версию программы. (В некоторых случаях, вы сможете даже внести изменения в программу сами .)
В ближайшем будущем
У нас есть все причины надеяться, что W3C скоро выложит полный, точный и удобный список всех вариантов тега DOCTYPE на своем сайте, а также опубликует другую важную информацию. И эту информацию легко будет найти. К стати, в эту статью внес свой вклад Карл Дабост (Karl Dubost) - менеджер W3C по обеспечению качества (Conformance Manager of W3C's Quality Assurance team).
Кроме того, проект The Web Standards Project скоро будет переделан (очень скоро), и на нем тоже можно будет найти эту информацию.
Но так как каждый день создаются и выпускаются в сеть все новые и новые сайты, эта информация вам нужна уже сейчас, так вот она - пользуйтесь.
Удачи!
Сайт оптимизтрован для просмотра в брузерах:Firefox & Opera при разрешении экрана 1280x1024 пикселя.
