Архив рубрики: ‘Кодирование

Сегодня я предлагаю познакомиться с замечательным jQuery-слайдером – Nivo Slider и научиться подключать его к WordPress. Основными особенностями Nivo Slider является удобная навигация, уникальные эффекты смены изображения (9 видов), чистота и валидность исполнения, возможность загружать параметры для настройки, а также наличие поддержки картинок-ссылок и клавиатуры. И самое главное, что пользоваться Nivo Slider можно бесплатно и [...]

Вероятно, библиотека Javascript jQuery будет интересна как начинающим, так и несколько продвинутым веб-дизайнерам. Почему речь пойдет именно о jQuery? Одна из его особенностей – отсутствие необходимости прописывать множество кодов Javascript, так как jQuery позволяет сделать все то же самое с помощью пары строчек. Кроме того, jQuery, как и привычный нам WordPress, отличается массой произведенных улучшений [...]

Второй урок мы проведем, рассматривая более подробно способы обращения к элементам при работе с jQuery. Это совсем несложно. Как для выделенного элемента отыскать родительский? Это возможно осуществить несколькими способами. Для примера нам послужит код <div> <h2>A header with <noindex><a rel="nofollow" href="http://www.1stwebdesigner.com">a link</a></noindex> inside. <p>A paragraph in the div</p> </div> Как можно выделить h2? $('h2'). Как [...]

Немного познакомившись с теорией jQuery, продвинемся на более высокую ступеньку – перейдем к применении наших знаний на практике. Как решить проблему помещения значительного количества контента на небольшой площади? Одним из способов выполнения такой задачи является так называемая «Гармошка». Она позволяет показать несколько заголовков, каждый из которых содержит параграфы. Если бы они были отображены все вместе, [...]

Сделанная на flash, превосходная 3D галерея, способная работать не только с аккаунтом на Flickr.com, но и с локальными файлами. Демонстрация 1. Итак, нужно скачать TiltViewer и распаковать его в новую (Gallery) папку. В дальнейшем она и будет использоваться галереей. 2. Картинки нужно скопировать в папку imgs, которая находится в папке Gallery. 3. В основной папке [...]

При помощи AeroWindow можно создать pop-up окно, которое будет в стиле Aero, на подобие окон Window7. При этом данное окно схоже с окном Windows как по виду, так и по функциональности. Основные отличия: - Стандартные кнопки окна: Zoom, Minimize, Close и Maximiz. - Эффект глянца. - Активное окно имеет Подсветку. - Поддержка двойного клика. - [...]

В это статье мы рассмотрим довольно симпатичную форму регистрации, которая создана на jQuery. В этой форме все странички переключаются скольжением, а незаполненные поля выделяются. скачать HTML HTML-часть включает в себя Wrapper’a, в котором находятся сменяющиеся поля. <h1>Fancy Sliding Form with jQuery</h1> <div id="wrapper"> <div id="steps"> <form id="formElem" name="formElem" action="" method="post"> <fieldset class="step"> <legend>Account</legend> <p> <label [...]

Плагин Inset Border Effect используется для образования рамки вокруг изображения, при чем эта рамка образуется внутри, а не снаружи. Кроме этого, при наведении на изображение рамка пропадает. Посмотреть примеры различных бордеров, а также скачать необходимые файлы и генератор необходимого кода, можно здесь. Источник: naikom.ru

Однажды мне пришлось создавать эффекты для фото ленты на javascript. Такие эффекты часто применяются на различных сайтах, и их существует огромное множество вариантов. Мне захотелось создать свой неповторимый вариант. При изучении скрипта мне пришлось изучать несколько работ с применением таблиц, а именно со столбцами и строками. И тогда мне пришла в голову мысль об использовании [...]

Настройка МЕТА тегов Сегодня многие оптимизаторы говорят, что данные теги уже не в той мере влияют на поисковые системы, в которой воздействовали ранее, однако, для русских поисковиков, а именно, для Яндекса, их важность до сих пор велика. Наша цель - насытить МЕТА теги ключевыми словами.

Тег TITLE является очень важным в оптимизации, особенно в последнее время. Роботы поисковых серверов сейчас уделяют большое внимание заголовкам, а значит, этим стоит пользоваться. И если веб-мастер хочет добиться успеха в своем бизнесе, вывести в лидеры свой ресурс, тогда забывать об этом не стоит. Наиболее эффективно тег TITLE работает с низкочастотными запросами, здесь можно вполне [...]

  • Рубрики: HTML

Верстка сайтов сводится к написанию html-кода. При этом верстальщики, обычно используют стандартный блокнот, либо какую-нибудь программу выделяющую html-теги. Сами по себе html-теги представляют из себя строительные блоки, из которых и строится сайт, поэтому, сначала нужно полностью продумать вид и структуру сайта, чтобы потом не пришлось ничего переделывать. Материалов и учебников по верстке в интернете великое [...]

  • Рубрики: HTML

Часто, переходя с одного сайта на другой, кликая по увиденным ссылкам и баннерам, вы оказываетесь на странице, которая уже больше никуда не ведет. В таком случае, вы столкнулись с самой распространенной ошибкой глобальной сети за номером 404. Наверняка почти каждый пользователь Интернета при вводе ошибочного (или несуществующего) адреса наблюдал на своем экране сообщения такого вида: [...]

Все наверно знают про тег hr (кто не знает тем сюда http://htmlbook.ru/html/hr.html) Он используется для смыслового разделения контента, но плохо вписывается в дизайн. Дело в том, что на данный момент даже самые последние браузеры по-разному воспринимают задание цвета hr через CSS, также он ставит margin который тоже зачастую бывает не нужен. С приходом CSS тег [...]

  • Рубрики: HTML

YouTube — это сервис предоставляющий бесплатные услуги для размещения видеоконтента. Он был создан тремя бывшими сотрудниками американской фирмы Paypal в 2005 году. Сразу за год он поднялся на седьмую строчку по популярности и навсегда завоевал любовь многочисленных пользователей. Сегодня на YouTube выкладываются различные музыкальные клипы, фильмы, сериалы и другие разнообразные ролики. Прежде всего, видео автоматически [...]

Автор статьи: Марат Давлетханов >   Это простое сложное меню [описание различных типов меню, реализуемых на веб-сайтах]материал подготовил: Марат Давлетханов05.02.2004   На подавляющем большинстве сайтов основой всей системы навигации является меню. именно с его помощью пользователи перемещаются между страницами в поисках нужной им информации. Поэтому от того, каким образом реализован этот элемент сайта, зависит очень [...]

маски в flash

23, Dec 2005

Автор статьи: Варданян Евгений >Маски в Flash являются одним из самых интересных средств для создания сложных анимационных эффектов.В этом описании вы узнаете как имитировать написание текста вручную. Создайте в Flash надпись из двух букв. Разместите их на разных слоях. Нам будут нужны 4 слоя: два слоя с буквами и два слоя в которых мы будем [...]

Автор статьи: Варданян Евгений >Первое с чем следует разобраться это тот набор инструментов который предлагает FLASH. итак что же у нас есть

Автор статьи: Варданян Евгений >Несмотря на все те усилия, что мне пришлось затратить на написание предыдущего многостраничного труда, я таки решил еще раз попытать свои силы в написании масштабных советов для начинающих веб-дизайнеров. Я не обещаю вам рассказать в этом описании о всяческих хитрушках, о принципах создания анимации вообще и прочем... Зато я обещаю аккуратно [...]

Flash 4

23, Dec 2005

Автор статьи: Аверин Александр >Во-первых, конечно, полностью переработанный интерфейс. Изменились в лучшую сторону панель инструментов и Time Line. Теперь можно быстрее создавать объекты, особенно такие, как окружности, прямоугольники и т.д. У инструментов появились различные подфункции, так, например, у прямоугльника теперь можно задать степень закругления углов.

Автор статьи: Михаил Брод >   Визуальный редактор от Linspire [редактор страниц NVU]материал подготовил: Михаил Брод 10.08.2005   С момента своего возникновения и до сих пор язык HTML является одним из ведущих в области разработки веб-страниц. Зная его, можно записывать теги и содержание в любом текстовом редакторе. Но почему-то чаще всего для этих целей используются [...]

Автор статьи: Дмитрий Турецкий Красивые поля ввода [самодельные поля ввода] материал подготовил: Дмитрий Турецкий 28.07.2005 При создании веб-сайтов часто возникает желание что-нибудь в них сделать покрасивее, но в большинстве случаев возможности HTML достаточно сильно ограничивают полет фантазии веб-дизайнеров. Появление и широкое распространение CSS значительно упростило эту ситуацию, но тем не менее многие вещи и с [...]

Автор статьи: Оформление блока информации на сайте в созвучные вашему вкусу рамки средствами HTML и GIF. Нам понадобится табличка размером 3 на 3. В серых ячейках будут хитрости так называемой верстки, а в белой — содержание. > 1 2 3 4 5 6 7 8 9 Теперь позаботимся об эстетике. Для рамки понадобятся четыре угла и четыре стороны. Вот они в 10-кратном увеличении: Попробуем скрестить картинки с таблицей. [...]

  • Рубрики: HTML

Фреймы

22, Apr 2005

Минусы фреймов: Эстетические: есть очень большая вероятность того, что если пользователь уменьшит размер окна меньше, чем предполагалось дизайнером, и в результате появиться масса полос скролинга. Логические: пользователь не видит настоящий адрес каждой посещаемой им странички, а только начальный. Кроме того, очень тяжело поставить закладку на действительно нужную страницу. Навигация. Есть вероятность того, что пользователь все [...]

Дорогой читатель! Как много мне приходилось слышать от пользователей компьютеров, что подключились к Internet, а как создать свою homepage - не знают. С помощью мощных инструментальных средств MS OFFICE Вы можете легко сами создать свою Web-страницу и передать ее на Web-сервер, используя только средства MS OFFICE. При этом Вам не придется мучиться с различными кодировками [...]

  • Рубрики: HTML

Автор статьи: Александр Якутский >   Блокнотик с подсветкой [описание программы LightPad]материал подготовил: Марат Давлетханов31.03.2005   Все современные инструменты для создания сайта своими руками можно разделить на три большие группы. К первой относятся автоматические конструкторы. Это очень простые программы, в которых пользователю нужно только выбрать понравившийся ему шаблон дизайна и вставить в него содержание. Вторую [...]

  • Рубрики: HTML

Автор статьи: Дмитрий Турецкий >   Этапы большого пути [от простого - к сложному]материал подготовил: Дмитрий Турецкий 01.04.2003   Рано или поздно каждому веб-мастеру приходит в голову идея улучшить свой сайт. И хорошо, если эти изменения касаются только "косметики" - изменения цвета, текста, добавления картинки или еще одной странички. Но значительно чаще хочется добавить какую-то [...]

Автор статьи: А. В. Кириллов >   Ножницы для CSS [cпециализированные CSS-редакторы]материал подготовил: А. В. Кириллов25.01.2005   Когда впервые сталкиваешься с CSS*, понимаешь, что на изучение свойств и методов этого механизма создания стилей можно потратить много времени. Но не всегда это время есть в вашем распоряжении. В этой статье пойдет речь о программах - редакторах [...]

  • Рубрики: CSS

Автор статьи: Александр Лозовюк >   Введение в XML-RPC [введение в протокол XML-RPC]материал подготовил: Александр Лозовюк12.11.2004   В Сети существует много разных ресурсов, которые предоставляют пользователям определенную информацию. Имеются в виду не обычные статические страницы, а, к примеру, данные, извлекаемые из базы данных или архивов. Это может быть архив финансовых данных (курсы валют, данные котировок [...]

Автор статьи: Марат Давлетханов >   Навигация: кнопки против ссылок [преимущества и недостатки использования кнопок и ссылок на сайтах]материал подготовил: Марат Давлетханов13.07.2004   Уже давно среди веб-дизайнеров ведутся споры о том, оправдано ли использование кнопок на сайтах, или все-таки лучше обойтись только обычными текстовыми ссылками. Оба мнения имеют как ярых сторонников, так и не менее [...]

Автор статьи: Михаил Брод >   Размещаем RSS-новости на своем сайте [программа zFeeder]материал подготовил: Михаил Брод 01.07.2004   Мы с вами разобрали, что такое RSS, как создаются такие рассылки, как к ним можно подключиться и читать их. Осталось разобрать два момента - автоматизацию формирования фидов (в предыдущей статье мы говорили о ручном способе их формирования) [...]

Автор статьи: Михаил Брод >   Как делаются RSS-рассылки [создаем feed для RSS-рассылки]материал подготовил: Михаил Брод 23.06.2004   Тема нашего сегодняшнего разговора - как самому сделать RSS-рассылку. Для этого нам опять придется немного вернуться к теме формата RSS, а затем разобраться, как превратить ваши новости в информационный поток, доступный для подписчиков, где и как его [...]

Автор статьи: Михаил Брод >   Читаем новости [rss-агрегаторы]материал подготовил: Михаил Брод 17.06.2004   Читать новости на сайтах можно по-разному. Самый простой способ - заходить время от времени на ресурс и просматривать свежие сообщения. Можно поставить программу, которая подключается к новостному каналу и сама получает заголовки или анонсы новостей, по которым можно перейти на сами [...]

Автор статьи: Дмитрий Турецкий >   CSS: фон и цвет [фон и цвет в каскадных стилях]материал подготовил: Дмитрий Турецкий 27.05.2004   При создании веб-страниц цветовое решение является, пожалуй, одним из самых важных параметров, влияющих на их (страниц) восприятие и удобочитаемость. И в сегодняшней заметке мы расскажем, как задавать цвета различных элементов с помощью каскадных таблиц [...]

  • Рубрики: CSS

Версии RSS

27, Apr 2004

Автор статьи: Марат Давлетханов >   Версии RSS [краткое описание разные версий формата RSS]материал подготовил: Марат Давлетханов27.04.2004   RSS - это специальный формат, предназначенный для импорта и публикации новостей и любой другой информации, разделенной на части. Постепенно он завоевывает все большую и большую популярность. Появляются даже персональные дневники и новостные ленты отдельных сайтов, позволяющие всем [...]

Автор статьи: Михаил Брод >   Эти правильные "неправильные" ссылки [обработка ошибок на сайте]материал подготовил: Дмитрий Турецкий 22.04.2004   Каждый пользователь интернета неоднократно сталкивался с различными ошибками на сайтах - в первую очередь, со знаменитой 404-й, говорящей о том, что запрошенный документ не найден на сервере. Иногда это происходит из-за банальной опечатки в адресе, но [...]

Автор статьи: Дмитрий Турецкий >   CSS: позиционирование блоков [позиционирование блоков в каскадных таблицах стилей]материал подготовил: Дмитрий Турецкий 08.04.2004   В принципе, всю разработку дизайна какого-то документа можно свести к двум шагам - определению внешнего вида элементов и их позиционированию. И если с расположением элементов никогда не было проблем в, скажем, типографии, то в веб-дизайне [...]

  • Рубрики: CSS

Автор статьи: Дмитрий Турецкий >   Версия для печати [как делать версию для печати веб-страницы]материал подготовил: Дмитрий Турецкий 06.04.2004   Как вам наверняка известно, в каждом браузере есть возможность создания закладок (bookmarks) на заинтересовавшие вас страницы. И это очень удобно - нашел что-то понравившееся, сохранил закладку и вернулся, когда потребовалось. После чего... Ну, скажем, обнаружил, [...]

Автор статьи: Марат Давлетханов >   Проектируем создание сайта [описание моделей проектирования работы над сайтом]материал подготовил: Марат Давлетханов23.01.2004   Ни для кого не секрет, что работа над любым серьезным проектом ведется по определенному плану. И веб-сайты не являются исключением из этого правила. И действительно, если вы хотите получить качественный интернет-проект, то сначала должны спроектировать все [...]

Автор статьи: Дмитрий Турецкий >   CSS: определяем блоки [css - определение блоков]материал подготовил: Дмитрий Турецкий 02.04.2004   Любую веб-страницу можно достаточно легко разбить на отдельные элементы - логотип, меню, содержание и так далее. Но если заглянуть в код, то вместо этой логичной структуры мы, скорее всего, увидим жуткую мешанину из таблиц, которые на сегодняшний [...]

  • Рубрики: CSS

Автор статьи: Константин Бажуков >   XML под маской HTML [введение в xslt]материал подготовил: Константин Бажуков 11.02.2004   Документы XML уже сейчас можно использовать для разделения содержания сайта и его дизайна, так как они хорошо подходят для хранения информации. В самом простом случае можно воспользоваться уже зарекомендовавшей себя технологией каскадных таблиц стилей, но их возможности [...]

Автор статьи: Александр Лозовюк >   Комета по имени XML [классификация XML-языков, описание сфер применения]материал подготовил: Александр Лозовюк16.11.2004   Многие говорят, что появление языка XML дало толчок новому витку эволюции всей программной индустрии. Может, это и верно - множество программных продуктов были быстренько переписаны, дописаны или обзавелись новыми модулями для поддержки новомодной технологии. Правда, пока [...]

Автор статьи: Александр Лозовюк >   HTML Quick Edit Bar - редактор вам уже не понадобится... [oбзор панели для браузера, упрощающей редактирование сайта]материал подготовил: Александр Лозовюк01.09.2005   Насколько часто вам приходилось загружать полноценный веб-редактор, например Macromedia Dreamweaver, Adobe GoLive или Microsoft Front Page, даже если на странице необходимо было поменять всего несколько слов? Например, вы [...]

Автор статьи: Дмитрий Турецкий >   Что такое каскадные таблицы стилей (CSS) [что такое CSS]материал подготовил: Дмитрий Турецкий 27.11.2003   страшно подумать, но в июле этого года исполнилось всего 10 лет стандарту HTML 1.0 (который, кстати, так никогда и не был "официально" принят и остался в виде черновика для "внутреннего употребления"). За эти 10 лет [...]

  • Рубрики: CSS

Автор статьи: Александр Феоктистов >   RSS: Очень простой обмен информацией [описание формата RSS]материал подготовил: Александр Феоктистов 12.11.2003   В последнее время довольно часто можно слышать о такой технологии, как RSS. Многие знают, что RSS - это подвид формата XML, да и говорить о нем начали далеко не вчера. Однако найти в российском интернете место, [...]

Автор статьи: Александр Якутский >   HTML-редактор? Вот и редактируй! [работа в программе HomeSite]материал подготовил: Александр Якутский 21.08.2003   Вкладки Edit и Browse редактора Каким бы мощным ни был HTML-редактор, пользователя в первую очередь интересует его основная функция: редактирование кода веб-страниц. Впервые запустив HomeSite, начинающий вебмастер видит рабочую область с двумя вкладками: Edit (Редактировать) и [...]

  • Рубрики: HTML

Автор статьи: Александр Якутский >   Выбираем HTML-редактор [основные требования к редакторам html-страниц]материал подготовил: Александр Якутский 14.08.2003   Учиться чему-то у других - неплохая, в общем-то, привычка. И в строительстве сайтов эта привычка пригодится не в последнюю очередь, особенно начинающим вебмастерам, знакомым лишь с основами языка HTML. Нет, не воровать, не "слизывать" один в один, [...]

  • Рубрики: HTML

Автор статьи: Дмитрий Турецкий >   Типичные ошибки вебмастера [типичные ошибки вебмастера]материал подготовил: Дмитрий Турецкий 08.07.2003   Каждый из нас сталкивался (и отнюдь не один раз) с ситуациями, когда страница сайта не открывается совсем, открывается очень медленно или "криво". И чаще всего мы с вами при этом просто уходили с такого сайта к его более [...]

HTML в студию

5, May 2003

Автор статьи: Денис Самарин >   HTML в студию [программы для создания html]материал подготовил: Денис Самарин05.05.2003   Программ, с помощью которых можно создать html*-документы, существует великое множество. В принципе, это можно сделать и в Notepad'e, вручную расставляя все необходимые теги. Некоторое время назад среди начинающих веб-мастеров такой подход вызывал наибольшее уважение, и на многих сайтах [...]

  • Рубрики: HTML

Автор статьи: Александр Якутский >   "Динамим" веб-страницы [динамически создаваемые web-страницы]материал подготовил: Александр Якутский 20.02.2003   большинство пользователей, решивших попробовать себя в сайтостроительстве, поступают вполне разумно и первый свой сайт размещают на серверах бесплатного хостинга. Нужно ведь хорошенько "пощупать" возможности HTML и CSS, приобщиться к таинствам JavaScript, получить первые практические навыки дизайна, а самое главное [...]


Наверх