Архив тега: HTML

На странице собраны все публикации по тегу «HTML».

Подчеркивание ссылок и текста через CSS, свойство text-decoration

В одной из прошлых статей мы писали о мини дизайнерском тренде в виде добавления ярких фоновых полосок под ссылками и текстом на сайте. Аналогичный эффект также можно встретить в современных иллюстрациях для социальных сетей, которые содержат некий контент. Сегодня решили продолжить тему и рассмотреть вопрос с точки зрения верстки, то есть рассказать как сделать подчеркивание текста / ссылок в HTML. В этом нам поможет одна замечательная статья, где хорошо описаны все нюансы текущей темы. В реализации будем использовать разные настройки […]

комментария 4

Жирный текст с помощью HTML и CSS

Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным обзорам шрифтов для создания фотошоп иллюстраций рассмотрю вопросы, связанные с версткой. Подборки фонтов найдете тут: интересные жирные, разные bold и русские толстые шрифты. Сегодня расскажу как сделать слова жирным шрифтом на сайте с помощью HTML и CSS. Такое оформление используется когда вам нужно выделить […]

комментария 3

Слайдер для сайта — сервисы и скрипты для его создания

В комментариях к посту Примеры сайтов со слайдерами недавно спрашивали существуют ли какие-то онлайн сервисы для их создания. В принципе, если ваш проект работает на одной из популярных CMS (WordPress, Drupal), то там должны быть соответствующие плагины. Но что делать, когда сайт написан на HTML или подходящих модулей нет? Сегодня расскажу о некоторых вариантах решения этой задачи. Вообще методы создания слайдеров разные. Помнится, когда раньше работал с TYPO3, там был модуль, автоматически преобразовывающий картинки во флеш для отображения на сайте. Также […]

комментария 3

Нетология – мои впечатления от обучения, новые инструменты

Как-то я уже говорил, что собираюсь изучать HTML-верстку на курсах Нетологии. С тех пор прошло несколько недель, и теперь могу поделиться первыми впечатлениями от процесса. По плану осталось изучить только уроки по JavaScript и выполнить текущие домашние задания. Статья будет небольшая, в виде тезисов. Итак, сначала хочется отметить, что курс «HTML-верстка: с нуля до первого макета», полностью соответствует своему названию. То есть реально все начинается с введения в верстку, рассматриваются базовые теоретические понятия, теги, css, принципы и софт для работы, […]

Нет комментариев

Нетология — буду учить HTML-верстку онлайн

Сейчас обучение в интернете становится все более актуальным. Во-первых, как известно, в кризисные времена лучше всего вкладывать в самого себя и личностный рост, а приобретение новых знаний — всегда отличная инвестиция. Во-вторых, подобные курсы рассматривают востребованные и актуальные для рынка профессии, ориентируются на практическую пользу, а не забивают желание учиться унылой теорией. В-третьих, сам процесс максимально быстрый, доступный и легкий. Зачем я это все рассказываю? — дело в том, что решил немного подучиться с помощью образовательного центра Нетология. Изучать буду […]

комментария 4

HTML Academy — отличные онлайн-курсы по HTML и CSS

Обучение веб-разработке — тема достаточно обширная, и начинать ее нужно с самых азов — HTML и CSS. Сейчас в интернете существует масса разных курсов, отсканированных книг и самоучителей для получения знаний. Однако ничего из этого не будет изучать также интересно как проект HTML Academy. Этот полезный ресурс поможет вам качественно и в короткие сроки изучить основы веб-разработки / верстки. Ресурс сделан в формате интернет школы, с дистанционным обучением. Обучающие материалы сайта будут очень полезны для начинающих веб-разработчиков и верстальщиков и […]

комментария 2

Ahoba — новый сервис для верстки сайтов и макетов

Прислали тут мне на почту пресс-релиз по поводу запуска нового интересного сервиса для дизайнеров под названием Ahoba (;. Повозился с ним полчасика, посмотрел что к чему и решил поделиться с вами впечатлением. Данный проект, как говорят сами разработчики, будет полезен дизайнерам при создании разных дизайн макетов с последующим сохранением их в различные форматы. В частности планируется работа с: обычными статическими веб-страницами; cms шаблонами (WordPress, Joomla и др.); email-письмами в HTML формате; PDF документами; слайдовыми презентациями; баннерами; инфографикой; полиграфией (визитками, листовками и […]

комментария 2

LoftBlog — полезный видеоблог для веб-разработчиков

LoftBlog — место, где можно с головой погрузиться в увлекательный мир новейших информационных технологий и веб-разработки. Долой скуку и устаревшие данные! Специалисты говорят, что в ИТ сфере каждые 2 года информация просто-напросто устаревает, поэтому если хочешь быть впереди — держи руку на пульсе. На сайте Loftblog не догоняют, а идут в ногу с новейшими технологиями! Loftblog — это качественные, современные уроки от ведущих it-специалистов в простой и удобной форме, доступные бесплатно и круглосуточною. Хотите осуществить мечту: создать технологичный web-сервис, самый […]

Нет комментариев

Psd2htmlconverter — сервис автоматической верстки сайта

Процесс создания сайта можно разделить на несколько основных частей. Все начинается с создание дизайн-макета в одной из программ графического дизайна. Обычно в этой роли выступает Adobe Photoshop. Дальше происходит «нарезка» дизайн-макета и создание HTML/CSS верстки web-страницы. Последний этап — связывание верстки и движка сайта. Для каждого из них нужны определенные знания и навыки, но в некоторых случаях можно воспользоваться сторонними сервисами и программами, позволяющими немного облегчить работу. В данном обзоре расскажу об онлайн сервисе Psd 2 Html Converter — это […]

комментария 4

Книга «Изучаем HTML5. Библиотека специалиста»

Как-то раз я уже публиковал обзор книги на страницах Дизайн Мании — это была история о том как же можно сделать сайты более удобными и простыми для пользователей. Книга называлась Юзабилити по методу Стива Круга и была любезно предоставлена издательским домом «Питер». Но на этом наше сотрудничество не закончилось, в «Питере» всерьез заинтересованы в повышении моих технических навыков, предложив почитать что-то еще. Мне сразу же приглянулась книжечка по HTML5. Технология, можно сказать, революционная в какой-то степени и являющаяся актуальной в […]

Нет комментариев

Школа W3 Schools для веб разработчиков

Существует много способов научиться вебмастерсткому делу, освоить, так сказать, основы веб-разработки. Если нет рядом в распоряжении опытного специалиста (и что немаловажно грамотного) который мог бы помочь в обучении, можно поискать обучающие сайты и справочные материалы в интернете. Другое дело — далеко не каждая статья, заметка или книга способна научить делать сайты правильно, по самым современным стандартам. Всем известно — чем лучше и авторитетнее «школа», тем более качественные знания она способна дать! Один из таких «эталонных» портов для веб-мастеров и разработчиков […]

комментария 3

Фирменный стиль и логотип разработан для HTML5

Фирменный стиль HTML5 представлен W3C. Логотип HTML5 был обнародован консорциумом всемирной паутины W3C. Согласно лицензии «Creative Commons Attribution 3.0» логотип является доступным, что позволяет дизайнерам адаптировать его под свой проект. Эмблема выполнена в форме стилизованного щита. W3C планирует продвижение новых веб-технологий с помощью этого нового логотипа. В продаже уже появились наклейки и футболки с логотипом HTML5. На странице логотипов можно более подробно ознакомиться с фирменным стилем. Вообще, конечно, новые технологии готовят нам много чего интересного как в плане разработки интернет […]

Нет комментариев

Оформляем гиперссылку, советы по оформлению ссылок

Гиперссылка — базовый, основополагающий элемент не только любого сайта, но и Интернета в целом (без ссылок Интернет был бы чем-то иным). Гиперссылки окружают нас везде, наверное, поэтому веб-мастера начали относиться к оформлению ссылок халатно, а ведь гиперссылка — важнейшая, требующая к себе внимания вещь. В данной статье я решил подготовить для вас ряд советов и рекомендаций по оформлению ссылок (на основании оригинальной заметки про Designing Hyperlinks. Но, вначале немного справочной информации: Базовые «состояния» гиперссылки Элемент <a> может принимать несколько «состояний», […]

комментариев 11