Категории

Textpattern: больше, чем просто блог. Часть 4

Опубликовано 14.06.08 // Тэги: // Комментарии: 0

В прошлый раз мы разобрались с формами, теперь приступаем к верстке страниц. Что такое страница в понятии TXP? В чем отличие от форм? Формы — это «лоскутки», из которых составлены страницы, а страницы — структура страниц секции (простите за каламбур). Проще говоря, это XHTML-оболочка раздела.

Продолжить чтение →

Textpattern: больше, чем просто блог. Часть 3

Опубликовано 05.04.08 // Тэги: // Комментарии: 0

В ходе упражнений с Textpattern’ом мне не пришлось усомниться в его гибкости. Наверное, на основе этого движка нельзя сделать только интернет-магазин (поговаривают, правда, что и под него пишут ядро некие волонтеры). Тэги, дивы и блоки – поверьте, это очень и очень увлекательно :), хотя, казалось бы, ничего сверхсложного делать нам не доводилось. Продолжаем обустраивать сайт , и сегодня мы завершим написание форм и познакомимся ближе с таким абстрактным понятием, как секции.

Продолжить чтение →

Правильное “ошкуривание” блога, часть 1

Опубликовано 17.03.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

Когда вы создаете свои страницы с использованием CSS, всегда необходимо отключать slice-mode (режим использования слоев). Если вы профессионал в области Веб хотя бы в некотором смысле этого слова, слои и таблицы для вас – технологии прошлого дня. Думаю, не нужно объяснять, почему. Поэтому мы сразу и приступим к вопросу: как преобразовать дизайн блога? Во-первых, нужно спроектировать будущую структуру страниц и определить области, которые будут конвертированы в div с помощью ID или классов.

Продолжить чтение →

Доступ к Flickr посредством W3C-чистого Flickr badge

Опубликовано 08.03.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

Некоторым из вас, возможно, интересно, как осуществляется трансляция фотографий с сервиса Flickr на мой блог. Я использую HTML-версию Flickr-пропуска (Flickr badge). После завершения пяти непродолжительных этапов вы получите код, который нужно будет внедрить в ваш сайт. Так как мы хотим оставить сайт семантически “чистым” (придерживаясь стандартов W3C), то должны сделать “ уборку” – причем в первую очередь. Стили Flickr, которые этот фотосервис предлагает использовать, можно проигнорировать: мы будем оформлять все с помощью наших, внешних стилей…

Продолжить чтение →

Расширенное двухуровневое горизонтальное меню в css

Опубликовано 07.03.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

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

Продолжить чтение →

Css-таблицы (версия 2)

Опубликовано 23.02.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

В 2005 году я написала статью о CSS-стилизации таблиц. После столь многочисленных просьб/пожеланий я, наконец, решила написать еще одно руководство. Очевидно, что эта тема действительно популярна и интересна, что и является поводом поделиться с вами некоторыми приемами CSS. Эта статья о правильном использовании таблиц и табличных данных.

Продолжить чтение →

Таблица в CSS

Опубликовано 21.02.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

Моя статья о создании CSS-календаря в чем-то близка с идеей верстки таблиц, основанных на CSS. Согласитесь, данные в таблицах могут быть скучными. Это — веская причина, чтобы привлечь внимание к информации и сделать ее приятной для чтения, насколько оно возможно. Презентация, дизайн плюс некоторые базовые правила accessibility нам в этом помогут.

Продолжить чтение →

Двухуровневая горизонтальная навигация в CSS с изображениями

Опубликовано 21.02.08 // Тэги: // Комментарии: 0

Перевод статьи Вирл Питерс (Veerle Pieters)

Используя CSS, создать двухуровневое меню не так и сложно. Так, для текстового его варианта базовых знаний вполне достаточно. Но что, если меню должно быть (и будет) дополнено графикой?

Продолжить чтение →