Часто сталкиваешься с необходимостью создания блоков с круглыми краями. Задавшись вопросом как вообще можно решить поставленную задачу, сделал подборку интересных статей и уроков на данную тему.
Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.
Создает блок и добавляет возможность создания заголовка блока. Тянется по ширине и высоте. Несмотря на тень на примере, реализации полупрозрачной тени не предусмотрено.
Очень приятный внешний вид, простая реализация, малое количество HTML-элементов. К минусам, пожалуй, можно отнести только наличие 4 картинок для каждого из углов. Но увы не работает в IE.
Очень интересное решение на основе неупорядоченного списка. Плюсом будет простая реализация и малое количество HTML-элементов. Приятное оформление с функцией изменения цвета при наведении мышкой (но эта приятность не работает в IE).
Неоспоримым минусом является наличие 8 дивов для реализации. Так же в статье есть описание другого метода, в котором используется в 2 раза меньше дивов, но блок залит цветом.
Реализовано на основе списков определений. Достаточно красивое оформление, возможность создания заголовка. Отсутствует поддержка изменения ширины. Но есть удобная возможность быстрого изменения цвета заголовков и самого блока.
Как и в предыдущем способе все реализовано на основе списка определений. В статье рассмотрено два способа реализации. Так же появилась возможность тянущейся ширины.
Статья уже была описана на Хабре. Очень простая реализация, но не все примеры, приведенные в статье, работаю в IE. Используется 4 файла с картинками для реализации. Статья на русском.
Пожалуй, не очень хороший способ, так как используется 5 картинок. Но вроде бы предусмотрена возможность создания тени. Плюс — использование только двух HTML-элементом.
Генерирует одну png-картинку с заданными параметрами. К плюсам можно отнести простой HTML-код. Так же в статье есть ссылка на урок, по которому создан генерируемый код.
Хотите сделать домашнюю страничку, сайт фирмы, каталог, форум, блог
или электронный магазин?
На этом диске Вы найдете всё необходимое – профессиональные шаблоны
сайтов, функциональные скрипты (более 1000), актуальный веб-мастерский софт
(более 2.5 Гб) и учебную литературу по всем популярным языкам
веб-программирования (более 100 иллюстрированных книг по HTML, CSS, Flash, XML,
AJAX, Java, PHP, Perl).
Покупая книгу, вы приобретаете не только самый полный самоучитель по
созданию Web-страниц и Web-сайтов, но и ДВА (!) видеокурса по самым
популярным программам для создания графики, анимации и самих Web-страниц:
Flash CS3 и Dreamweaver CS3.
Прочитав книгу, вы быстро освоите HTML - язык разметки Web-страниц,
научитесь программировать на JavaScript, освоите каскадные стили CSS,
сможете размещать на своих страницах интерактивные и мультимедийные
элементы: анимацию, звук и музыку.
Посмотрев видеокурс, посвященный программе Flash, - узнаете, как
самостоятельно создавать интерактивную анимацию, Flash-ролики и даже
собственные Flash-игры.
Второй видеокурс, посвященный программе Dreamweaver, позволит вам
научиться создавать Web-страницы и целые Web-сайты так, как вы создаете
документы в редакторе Word - быстро и очень наглядно.
Joomla! представляет собой эффективную систему
управления содержимым веб-сайтов, распространяемую бесплатно и
обладающую особой гибкостью использования, что выгодно отличает ее от
других подобных программных продуктов. В этой книге, написанной ведущим
консультантом проекта Joomla!, Бэрри Нортом, раскрываются все
особенности и преимущества новейшей версии.
Вы ознакомитесь с техническими возможностями
Joomla, ее модулями и компонентами, научитесь грамотно формировать
содержимое и узнаете о способах управления им. Не будут обойдены
вниманием такие важнейшие вопросы, как разработка шаблонов, создание
удобной системы навигации, оптимизация сайтов для поисковых систем и
многое другое. Кроме того, вы найдете три примера создания веб-сайтов «с
нуля». Книга написана простым и живым языком, содержит минимум
технических терминов, не требует от читателя знания PHP, CSS и прочих
терминов, обычных для веб-дизайна, и при этом в ней представлено
множество практических приемов, советов и вариантов решения возможных
проблем. Эта книга станет отличным учебным и справочным пособием для
профессиональных веб-дизайнеров и для тех, кто только приобщается к
современному искусству создания веб-сайтов.
Рассматривается создание большого количества
Web-приложений, входящих в состав полнофункционального Web-сайта.
Попутно подробно обсуждаются все вопросы, с которыми может столкнуться
Web-разработчик, начиная с создания инструментария для быстрой
разработки Web-приложений и последних нововведений языка
программирования РНР и заканчивая вопросами безопасности и особенностями
программирования клиент-серверных приложений.
Книга ориентирована на читателей, знакомых с
языком разметки HTML и базовыми возможностями языка программирования
РНР. Второе издание полностью переработано, учтены нововведения версий
РНР 5.1 и 6.0. Прилагаемый компакт-диск содержит исходные коды всех
Web-приложений, разрабатываемых в книге.
Новинка!
