Каталог статей
| Главная » Статьи » уроки |
| В категории материалов: 58 Показано материалов: 21-24 |
Страницы: « 1 2 ... 4 5 6 7 8 ... 14 15 » |
Сортировать по: Дате · Названию · Рейтингу · Комментариям · Просмотрам
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[796]
Добавлено:17.12.2009
Подробнее
Классы в MySQL > уроки
Никто точно не знает почему, но mysql и php в большинстве web-проектов
почти всегда используются вместе. Вроде разработчики php включили
поддержку и других баз данных, да и mysql можно использовать не только
вместе с php. А может просто провайдеры стремясь снизить цену хостинга
и привлечь клиентов, включали на серверах поддержку php и mysql и это
стало традицией?..
Но факт есть факт. Наверно больше половина проектов в интернете
сделана на этой связке. Поэтому и возникла необходимость создать
инструмент для программистов, с помошью которого можно работать с базой
данных просто и эффективно. Вот так и появился класс на php, с помощью
которого программирование намного упростилось.
Данный класс не
претендует на функциональную полноту, но как показывает многолетний
опыт, свойств его хватает для многих проектов.
Читай дальше, пользователь
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[746]
Добавлено:16.12.2009
Подробнее
Простая верстка шаблонов > уроки
Здравствуйте
уважаемые посетители! С сожалением, должен сообщить о переносе старта
первого специального проекта как минимум на неделю. Вмешался
человеческий фактор… но, не волнуйтесь, от идей, предложенных на
форуме, мы не отказались.
Итак, наша сегодняшняя статья, как и обещалось, будет посвящена элементам, называемым «CSS Sprites» (или CSS Спрайты)…
Итак, в начале, разберёмся, сто же такое спрайт.
В
принципе, спрайт – одно изображение, в состав которого включено
некоторое количество более мелких изображений. По структуре, спрайт
можно сравнить с мозаикой или пазлом. С помощью специального атрибута,
для каждого объекта выбирается часть этой картинки, которая и
показывается.
Конечно, Вы имеете полное право спросить: «Зачем
создавать спрайт, если можно просто воспользоваться несколькими
картинками, как это делается обычно?». Ответ будет довольно простым:
спрайт подгружается один раз и при наведении курсора на элемент
изменения происходят мгновенно, без подгрузки другой картинки. Это
существенно улучшает его восприятие и уменьшает количество HTTP
запросов, что в свою очередь ускоряет загрузку страницы. Само собой, у
спрайтов есть ограничения. Наш объект должен быть фиксирован по ширине
и /или высоте.
Спрайты очень часто используются в меню, или
других элементах, изменяющихся при наведении мыши. В практическом
примере к этой статье, мы будем делать именно меню для сайта.
Итак, с теорией мы разобрались. Теперь пришло время применить спрайты на практике.
Здесь, мы будем создавать вертикальное меню, состоящее из 5 элементов. Сделаем его, используя маркированный список.
По традиции, создадим файлы index.html и style.css. В код веб-страницы запишем стандартное начало:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>
Российская школа CSS. Спрайты
</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>
Российская школа CSS. Спрайты
</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
Замечательно… Теперь, приступим к формированию меню
<ul id="menu">
<li><a href="/">Ссылка 1</a></li>
<li><a href="/">Ссылка 2</a></li>
<li><a href="/">Ссылка 3</a></li>
<li><a href="/">Ссылка 4</a></li>
<li><a href="/">Ссылка 5</a></li>
</ul>
</body>
</html>
<li><a href="/">Ссылка 1</a></li>
<li><a href="/">Ссылка 2</a></li>
<li><a href="/">Ссылка 3</a></li>
<li><a href="/">Ссылка 4</a></li>
<li><a href="/">Ссылка 5</a></li>
</ul>
</body>
</html>
Наш список-меню готов. Теперь, перейдём к оформлению. Отменим в CSS оформление для всего списка:
ul {
list-style:none;
}
list-style:none;
}
Готово. Теперь зададим вид пункта меню, без наведения на него мыши:
#menu li a {
padding:7px 10px;
color:#666;
text-decoration: none;
display: block;
font:13px Arial;
font-weight:bold;
background: url(menu.png);
width:200px;
margin:3px;
}
padding:7px 10px;
color:#666;
text-decoration: none;
display: block;
font:13px Arial;
font-weight:bold;
background: url(menu.png);
width:200px;
margin:3px;
}
Здесь – мы использовали изображение menu.png. Это – и есть спрайт. Оно выглядит следующим образом:
Теперь зададим стили для меню при наведении на него мыши и при клике на него:
#menu li a:hover {
color: #fff;
background: url(menu.png) 0 -30px;
}
#menu li a:active {
color: #fff;
background: url(menu.png) 0 -60px;
}
color: #fff;
background: url(menu.png) 0 -30px;
}
#menu li a:active {
color: #fff;
background: url(menu.png) 0 -60px;
}
Заметим, что -30px и -60 px – указание, на сколько пикселей надо сместиться по спрайту.
Итак, всё готово. Конечно, это меню – не верх совершенства, но если всё сделано правильно, то получите такое меню:
Вот и всё на сегодня. Спасибо за внимание!
Автор: Алексей Савинов, Российская школа CSS
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[2242]
Добавлено:14.12.2009
Подробнее
robots.txt для DLE 8.2 > уроки
Вебмастера, использующие движок DLE 8.2 зачастую не могут составить грамотный robots.txt
Вот код, правильный код:
User-Agent: *
Disallow: /user/
Disallow: /cache/
Disallow: /cgi-bin/
Disallow: /engine/
Disallow: /language/
Disallow: /templates/
Disallow: /images/
Disallow: /forum/
Disallow: /backup/
Disallow: /files/
Disallow: /index.php?do=pm
Disallow: /index.php?do=search
Disallow: /index.php?do=register
Disallow: /index.php?do=feedback
Disallow: /index.php?do=lostpassword
Disallow: /index.php?do=stats
Disallow: /index.php?do=addnews
Disallow: /index.php?subaction=newposts
User-agent: *
Allow: /
Sitemap: http://твой сайт .ru/uploads/sitemap.xml
Host: Твой сайт .ru
-
Автор: uMaster Получить ссылку
В новом окне Просмотров:[688]
Добавлено:11.12.2009
Подробнее
SEO или как не остаться в дураках при оптимизации > уроки
Оптимизация сайта - это трудоемкий, кропотливый и эффективный способ раскрутки сайта. Оптимизировать сайт должны знающие люди, которые имеют отзывы. Оптимизация проводится ПС(поисковые системы). Для этого надо учитывать несколько правил:
1. Совершать оптимизацию необходимо только способом, разрешенным поисковой системой и не противоречащим ее правилам;
2. В метатегах нужно указывать только те слова, которые отвечают и отражают содержимое контента вашего сайта.
3. Семантическое ядро дожно быть составлено грамотно, так как при поисковом запросе под ссылкой на сайт человек увидит ненужную ему информацию.
4. Контент должен быть уникальным
5.И, наконец, укажите на странице сайта (желательно главной) ссылку на сайтмап(.xml и .html), где будут все ссылки вашего сайта или установите блок тегов, отвечающих поисковым запросам и контенту вашего сайта.
Каждый оптыный оптимизатор знает, что у Поисковой машины есть своя Единица ранжирования, а именно:
Яндекс - тИЦ(тематический индекс цитирования)
Google - PR(Page rank - важность страницы)
и тому подобное.
Поэтому при оптимизации под конкретную поисковую систему вести учет, что ей нравится, что не любит и за что банит, например:
Яндекс и Google:
1.любят уникальный контент, "жирные ссылки" на ваш сайт, грамотные ключевые слова и семантическое ядро
2. Не любят большое кол-во внешних ссылок на сайте, поп-андеры
3. Банят: спам, ворованный контент
у других систем примерно тоже
Поэтому, заказывая оптимизацию у частных лиц, не забывайте о том, чтобы проверить отзывы. Если человек, не знающий SEO, полезет делать вам внутреннюю оптимизацию сайта, то ваш проект обречен на низкие позиции в запросах или даже бан.
Сайт оптимизтрован для просмотра в брузерах:Firefox & Opera при разрешении экрана 1280x1024 пикселя.
