Архив автора: stariс

Озвучка сайта

Здравствуйте уважаемые начинающие веб-мастера. Очень частый вопрос: как добавить на сайт аудио, то-есть музыку, или собственное голосовое приветствие. Пошаговый ответ в этой статье. Шаг 1. Для того чтобы на сайте зазвучала фоновая музыка, первым делом нужен файл этой музыки. Значит … Читать далее

Рубрика: HTML основы | 2 комментария

Раскрывающиеся блоки для подсказок или дополнительной информации

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

Рубрика: CSS основы | 2 комментария

Оптимизация кода

Здравствуйте уважаемые начинающие веб мастера. Продолжая тему внутренней оптимизации, займёмся оптимизацией кода сайта. Оптимизацию кода можно разделить на 3 составляющие. 1. Коммутация — уменьшение нагрузки на сервер и увеличение скорости сайта. 2. Сжатие — ускорение обработки кода и увеличение скорости … Читать далее

Рубрика: SEO секретные тактики | 1 комментарий

Как адаптировать тему оформления

Здравствуйте уважаемые начинающие веб-мастера. У многих из вас уже есть свои сайты, на которые потрачено много душевных сил и времени, но беда в том, что зачастую темы оформления у них не адаптивные. Статичный шаблон сейчас — верный путь на задворки … Читать далее

Рубрика: CSS основы | Оставить комментарий

Увеличение картинки по клику

Здравствуйте начинающие программисты. В этой статье сделаем опцию Увеличение картинки по клику мыши. Не ошибусь, если предположу, что это одна из самых востребованных опций для владельцев сайтов, и для её реализации есть много способов. Для тех кто абсолютно не знаком … Читать далее

Рубрика: Уроки javascript и jQuery | 5 комментариев

С чего начать изучение php абсолютному «чайнику»

Главная особенность php для новичка в том, что для его освоения потребуется наличие логического мышления. Если таковое имеется, то есть вы можете просчитывать действие хотя-бы на 10 ходов, тогда читаем дальше. Изучение php начинается с выбора курса. Одного из ста … Читать далее

Рубрика: PHP основы | 27 комментариев

Кнопки CSS эффекты при наведении и нажатии

Здесь не про дизайн. Здесь готовый код различных эффектов с подробными комментариями. В дальнейшем эти эффекты можно будет применить к любой дизайнерской идее и создать оригинальную кнопку, которой нет больше ни у кого в интернете. Кое-что про дизайн в статье … Читать далее

Рубрика: CSS основы | 7 комментариев

Анимация CSS примеры и готовый код

Для создания анимации применяются свойства CSS transition и animation Рассмотрим их подробно с примерами. Элементы анимации не только делают дизайн удобнее и элегантнее, но и вызывают у пользователей положительные эмоции, которые буквально притягивают к сайту. Это что касается пользовательских показателей. … Читать далее

Рубрика: CSS основы | 4 комментария

CSS перемещение, вращение, 3D

Здравствуйте уважаемые начинающие веб-мастера. Редкая анимация обходится без свойства transform. Давайте подробно рассмотрим все возможности этого удивительного инструмента CSS, для чего и как он применяется. Все последующие примеры будут работать при наведении курсора, чтобы Вы могли посмотреть действие свойства transform … Читать далее

Рубрика: CSS основы | 4 комментария

Плавающий блок CSS

Наведи курсор Здравствуйте уважаемые начинающие веб-мастера. Всем встречались оживающие пункты меню и другие элементы при наведении курсора. Создаётся такой эффект свойством CSS transition, а 3D эффект свойством box-shadow. Величина и направление перемещения задаются свойством transform, причём изменяя значения в этом … Читать далее

Рубрика: CSS основы | Оставить комментарий

Абзацы html

Здравствуйте уважаемые будущие веб–мастера. Продолжим изучение элементов HTML. В этой статье узнаем, как в тексте создаются абзацы. Для создания абзаца используется тег <p>. Он является парным, блочным, и часто повторяющимся.

Рубрика: HTML основы | Оставить комментарий

Заголовки html

Продолжим знакомство с элементами HTML. Каждый сайт, и каждая статья сайта начинается с заголовка. Рассмотрим, какие есть теги заголовков, как они пишутся, и как затем, написанный код, выводится на экран монитора в виде картинки. Самый первый заголовок в новом документе, … Читать далее

Рубрика: HTML основы | 3 комментария

Комментарии html

Здравствуйте уважаемые начинающие веб-мастера. Начинаем знакомство с элементами HTML. Прежде чем начинать близкое знакомство с тегами, рассмотрим такую составляющую html документа, как комментарии. Комментарии — это текст, или код, находящийся в html документе, но не видимый браузером.

Рубрика: HTML основы | Оставить комментарий

Списки HTML

Продолжим знакомство с элементами HTML. Следующие теги, которые мы рассмотрим – это теги списков. Списки у нас бывают трёх видов: упорядоченные, неупорядоченные, и списки-описания, соответственно и теги применяемые для них так же трёх видов. Это теги: <ol></ol> – упорядоченный список, <ul></ul> … Читать далее

Рубрика: HTML основы | 1 комментарий

Атрибуты и их значения

Продолжим знакомство с элементами HTML. Что же такое атрибут? Атрибут это элемент кода, который указывает браузеру, в каком виде отобразить то, что заключено в контейнер из тегов. Например, цвет текста, размер картинки, расположение их на странице, их формы и многое … Читать далее

Рубрика: HTML основы | Оставить комментарий