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

фриланс

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

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

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

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

Верстка \ HTML&CSS

map"

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

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

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

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

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

фрейм

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

верстка

Всем привет!

С Вами снова Андрей.

Очередной выпуск рассылки будет посвящен элементу span и элементу div в HTML.

Сегодня Вам будет предложено 2 версии урока. Одна в текстовом виде – ее Вы видите перед своими глазами, а второе ВИДЕО – ее Вам нужно будет скачать.

Ссылка на видео версию урока:

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

На наш взгляд видео версия Вам будет более понятна.

Так, про дополнительные элементы html…

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

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

звуковые файлы

Всем привет. C Вами Андрей.

Из этого выпуска мы узнаем, каким образом можно подключить звук к HTML странице, т.е. файлы звукового формата к вашему сайту.

Существует 3 метода встраивания звуковых файлов.

Первый вам уже знаком. Это ссылка на звуковой файл — универсальный вариант, который поддерживается большинством браузеров.

<a href="myfile.mp3"> текст ссылки </a>

По нажатию на эту ссылку, автоматически запускается стандартная программа для воспроизведения файлов указанного формата, обычно это Windows Media (воспроизводит AIFF, AU, MIDI, WAV и МРЗ — файлы). Этот вариант вам знаком, поэтому пойдем дальше.

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

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

html формы

Всем привет!

В этом уроке речь пойдет о тегах html форм.

Формы HTML — это те поля, куда мы, например, вводим свои данные при регистрации на каком — либо сайте, форуме и т.д.

Предложу начать с примера, потом подробно его разберем и рассмотрим виды форм.

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

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

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

свойства css

Продолжим изучать свойства таблиц стилей css.

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

Итак о списках.

Стилей форматирующих списки не так много. Вот они все:

list-style-type — задает вид маркера для списка.

Значения:

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