Создание и продвижение сайтов, материалы веб-мастеру!
Способы заработка, свой бизнес в интернете!

Подписка на получение новых публикаций сайта с помощью RSS

Подписка с помощью RSS
(читателей: 3481)

Мой LiveJournal Мой Я.ру Мой FaceBook Мой Twitter

Читать в соц. сетях:

Куда вложить деньги - инвестирование в ПАММ-счетаПассивный доход за счёт инвестирования Куда сегодня можно вложить деньги

Инструкции и методы решения различных задач

Раздел "Инструкции и методы"

Основа данного раздела - это пошаговые описания решений определённых задач в сайтостроении (вёрстка, web-дизайн, программирование и прочее), но не только, а также примеры решения различных трудностей с помощью полезного софта и некоторые другие интересные материалы

Рейтинг инструкций по оценкам пользователей | Все инструкции и методы одним списком

Инструкции и методы

Меню "аккордеон"

Меню аккордеон

Здравствуйте, начинающие вебмастеры! Вы, наверное, не раз сталкивались с различными видами меню, каждый из которых имеет свой красивый дизайн и возможности. Сегодня мы рассмотрим выпадающее меню типа "аккордеон". Сначала не забудьте скачать исходники файлов, они пригодятся нам в ходе данного урока.

Скачать файл-архив с исходником

Шаг 1. Конструкция меню в HTML.

Сперва создадим html-каркас, который станет основой для нашего нового меню. Ниже вы увидите пример такого html – каркаса:

CMS LiveStreet

Блого-социальный движок

Если вы мечтаете создать свою блого-социальную сеть, тематическое интернет-сообщество, ну или хотя бы клон Хабрахабр, первое что вам нужно сделать – попробовать в деле движок LiveStreet (Живая Улица). Разработка русских программистов, созданная на php + mysql с использованием объектно-ориентированного программирования, активно развивается и имеет ряд неоспоримых преимуществ перед подобными системами.

Бесплатные WISIWYG редакторы

WISIWYG

Для полноценной работы с вашим сайтом, будь-то собственная разработка или применение CMS, в обязательном порядке потребуется установка качественного и функционального WISIWYG редактора. Критериями в данном вопросе может служить наличие модульности, API, поддержка XHTML, кроссбраузерность и возможность установки файлового менеджера. Среди бесплатных решений наиболее приемлемым и популярным вариантом является применение редакторов TinyMCE или CKEditor (FCKeditor). Кратко рассмотрим каждый по отдельности.

TinyMCE

Определяем тип браузера с использованием JQuery

JQuery

На сегодняшний день библиотека jQuery является самым популярным фреймворком для написания ненавязчивого JS. Большинство популярных CMS, таких, как Drupal, WordPress, основаны на использовании jQuery. Вследствие этого, верстальщику веб-страниц необходимо знать и уметь грамотно использовать эту библиотеку так же, как и язык HTML. При этом, jQuery позволяет делать полезные вещи, например, такие, как определение браузера. Для этого применяют свойства jQuery.browser.

jQuery.browser – это один из глобальных объектов jQuery. И чтобы определить, с какого браузера пользователь просматривает ваш сайт, используется $.browser. Это может пригодиться, когда вы захотите использовать отдельный элемент для каждого веб-браузера.

jQuery.browser поддерживает стандартные браузеры: Opera, Mozilla, FireFox, Internet Explorer и т.д.

Как поставить favicon.ico на сайт

Favicon

Надеюсь, что многие из вас знают, что такое Favicon. Для тех, кто не знает, напомню: Favicon – это картинка, которая отображается перед адресом сайта в браузере или у сайта, находящегося в “Избранном” или в “Закладках”.

Стандартные размеры изображения не превышают 16х16 пикселей, расширение картинки – ICO (картинка.ico). Но использование изображений в формате ICO не обязательно, так как браузеры распознают любое расположение значков в HTML-коде, поэтому смело можете брать картинки с любым расширением. Не надо забывать, что favicon.ico нужно помещать именно в кореневую папку сайта.

Установка MODx

Установка MODx

На самом деле установка MODx очень проста и не потребует больших знаний в программировании. Я расскажу и покажу вам на картинках, как это делается.

Для начала Вам надо загрузить посредством FTP клиента, установочный файл в корневой каталог Вашего хостинга (здесь и далее описывается программа MODx Revolution version 2.0.8-pl).

После того как Вы загрузили установочный файла на Ваш хостинг, Вам надо в окне Вашего браузера ввести: http://имя_вашего_сайта/setup/

Установка MODx

У Вас появится выбор языка Вашей админки. Выбираем русский язык и нажимаем кнопку "Select".

Установка MODx

Делаем зум изображений с помощью jQuery

CloudZoom

Иногда при разработке проекта возникает необходимость применения зума (лупы) для отдельных частей изображений. Вариантов реализации существует довольно много, но мы рассмотрим лишь один конкретный плагин jQuery – CloudZoom. Среди преимуществ этого плагина следует выделить следующие: простая интеграция с HTML, кроссбраузерность, размер и быстродействие, плавность зумирования, режим галереи, возможность осуществлять различные режимы увеличения, гибкость настройки, работоспособность без CSS, бесплатность.

Знакомство с Firebug

Firebug

Практически любая веб-разработка не обходиться без ошибок и багов. Для поиска и отладки последних существует множество автоматизированных средств, среди которых наиболее популярным является расширение Firebug для браузера Firefox. Его установка (скачать) занимает считанные минуты, но, впоследствии, экономится огромное количество времени и денег разработчика.

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

Знакомство с Firebug

Создаем отдельный дизайн для каждой страницы в CMS Joomla

Дизайн страницы

Нередко бывают случаи, когда для страниц сайта приходится делать разные дизайны. Осуществить эту идею можно и в CMS Joomla. Рассмотрим ее на примере трех стандартных шаблонов, прилагающихся к нему. Для этого, заходим в “Менеджер материалов” и создаем три материала, к каждому из них прикрепляем свой шаблон. Материалы должны быть без категории.

Менеджер материалов

Затем для них нужно создать соответствующие пункты меню.

Меню сайта

Новая cms MODx

Новая cms MODx

Более 5 лет cms MODx на просторах интернета помогает веб-мастерам работать с интернет ресурсами. У данного движка действительно есть будущее, он не распространен сильно в рунете, так как в нем захватили свое место cms Word Press, Joomla и многие другие. Но постепенно MODx улучшается, убирая не нужные ошибки.

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

Отличный редактор, который поможет правильно и красиво оформить статью.

redaktor

Использование средств CSS и jQuery для центрирования блока

Блок по центру

Если вы уже занимались версткой веб-страниц, то вам, вероятнее всего, приходилось сталкиваться с проблемой центрирования блоков (div) по горизонтали и вертикали. Самый применяемый метод центрирования – это, несомненно, стили CSS.

Для начала вы должны определиться с шириной и высотой используемого блока. При горизонтальном центрировании с помощью CSS необходимо поставить для левой и правой границы значение auto (как показано на рисунке).

горизонтальное центрирование

Данный способ используется для блочных элементов, таких как div, p, h1 и др. Для применения метода к гиперссылкам или изображениям, требуется использовать дополнительное правило – display:block.

Немного замысловатей будет выглядеть реализация одновременно горизонтального и вертикального центрирования.

Инвестиции на Форекс

Copyright © 2007-2019, Николай Мурашкин | Хостинг сайта

Копирование, а также любое другое подобное использование материалов без ссылки на сайт NikMurashkin.RU строго запрещено!

тИЦ и Page Rank сайта