Верстка \ Курс по HTML&CSS

фрейм

Всем привет. В данном уроке, мы научимся создавать меню с нестандартным шрифтом, как представлено на картинке ниже.

menu

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

Кстати, к данному уроку прилагается видео версия. Так что если лень читать

Качаем виде версию урока 15.

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

Верстка \ HTML&CSS

справочник по html

Буквально недавно я узнал тот факт, что один мой подписчик давненько увлекался веб-дизайном. И к моему удивлению он мне сообщил, что когда-то для своего племяша он создал html справочник тегов, для новичка в верстке.

Я попросил его поделиться с нами своим творением.

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

Веб-дизайн \ Графика

иконки

Уверен, что красивый набор иконок пригодится всегда. Значки и иконки, при правильном их использовании, являются очень ценным инструментом для дизайнера. Они притягивают наше внимание или обращают внимание на какую-либо вещь. У многих пользователей сайтов функционал запоминается исключительно визуально т.е. с помощью картинок.

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

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

Верстка \ HTML&CSS

как создать сайт

Доброго времени суток, уважаемые читатели блога http://www.webformyself.com

С Вами Виктор. Сегодня я хочу предоставить Вашему вниманию еще один интересный перевод с сайта http://net.tutsplus.com/ . Данная статья Вам покажет как можно нарисовать красивый сайт, имея практически нулевые знания в программе Photoshop.

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

Сайтостроение \ Статьи по сайтостроению

фриланс

Сегодня я перевел еще одну интересную статью по теме тайм-менеджмента для фрилансеров. Автор этой статьи Tim Mercer.

На мой взгляд, тема тайм-менеджмента очень актуальна. Умение грамотно распределить свое время, самое главное, провести его эффективно и с полной отдачей и пользой для себя, но в тоже время не во вред своему здоровью очень важно.

Поэтому я представляю Вашему вниманию статью «Шесть простых способов увеличить производительность фрилансера».

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

Верстка \ HTML&CSS

map"

Всем привет. С Вами Бернацкий Андрей.

В этом уроке я расскажу о том, как создавать карты-изображений в HTML.

Карта-изображения – это какая-либо картинка, может быть фотография, которая имеет несколько активных зон.

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

Верстка \ Курс по HTML&CSS

фрейм

Всем доброго времени суток! С Вами Бернацкий Андрей.

Прежде, чем перейти непосредственно к статье, я Вам хочу дать ссылку на видео-версию данной темы:

Видео версия 14 урока

В этом выпуске мы поговорим о фреймах в HTML. Фреймы по своей сути очень похожи на таблицы, но в отличие от таблиц, каждый фрейм независим и в каждом из них может быть отдельная web страница со своим адресом.

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

Верстка \ Курс по HTML&CSS

блочная верстка

Всем доброго дня!

На связи Бернацкий Андрей!

В данном выпуске речь пойдет о создании сайта с помощью блоков, т.е. блочная верстка сайтов.

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

Видео версия 13 урока

Для этого, нам необходимо познакомиться с CSS-свойством float, которое является одним из наиболее частоиспользуемых, при блочной верстке страниц сайта.

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

Верстка \ Курс по HTML&CSS

управление над видимостью объекта

Доброго времени суток, уважаемые подписчики!

На связи Андрей.

Этот выпуск рассылки хотелось бы посвятить управлению видимости элементов в CSS.

Но прежде даю Вам ссылку на видео-версию данного урока:

Видео версия 12 урока

В html существуют возможность делать объект видимым или невидимым, причем есть различные варианты, и они по-разному отображают содержимое.

Итак, начнем.

Представим ситуацию: нам нужно в блок размером 200 на 300 пикселей вместить достаточно большой фрагмент текста (в принципе это может быть что угодно).

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