Обучаемся.com

Руководство по компьютеру, работа с Windows, разработка и продвижение сайтов…

Автор:

С PSD в HTML5 & CSS3, footer и стили

Привет друзья! Сегодня мы окончим верстку нашего HTML каркаса и подключим стили к нашему документу. Также мы проверим правильность подключенных стилей задав фону свой цвет.

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

Верстка footer

Подробнее >>

Автор:

С PSD в HTML5 & CSS3, content

Привет, приступим к очередной части верстки нашего макета, которая заключается в области предназначенной под контент.

Здесь никакой сложности не будет при верстке, все что мы сделаем, это заполним наш section и создадим в aside два виджета. Давайте приступим:

Подробнее >>

Автор:

С PSD в HTML5 & CSS3, header

Снова привет, и очередной видеоролик с версткой уже нашего header, то есть шапки сайта. Мы здесь не используем стили, а все так же продолжаем верстать только статичную разметку в html применяя элементы внесенные в рекомендации W3C.

Я не пишу длинные ролики, так как не хватает времени и даже проводить редактирование видео после записи нет времени. Думаю вы меня простите и поймете.

Подробнее >>

Автор:

С PSD в HTML5 & CSS3, каркас HTML

Привет! Прошли сутки с предыдущей записи и сегодня я вас радую новым выпуском, в котором мы составим полностью каркас в HTML элементах для нашего будущего сайта. Видео будет небольшим и информативным.

Я расскажу о пяти тегах с html5, которые будут задействованы в этом макете, а также покажу какие области и как мы размечаем. В общем все просто и понятно, желаю вам удачи в просмотре и в вашей верстке. Пишите свои отзывы и вопросы и я с радостью отвечу на них. Подробнее >>

Автор:

С PSD в HTML5 & CSS3, подготовка изображений

Привет друзья! Сегодня мы с вами будем подготавливать изображения, которые будут использованы во время верстки нашего сайта, о котором я говорил вот здесь. Что вам нужно, чтобы посмотреть урок и сделать самим все точно также, а нужно всего лишь время и сам фотошоп, о котором я писал ранее и говорил в первом видео.

К сожалению у меня нет времени на полный и подробный разбор работы с великолепной программой Photoshop в видеоуроках, поэтому будут рассмотрены только моменты, которые касаются непосредственно нашего с вами макета. Я наглядно продемонстрирую, как и что необходимо нажимать, какие сочетания клавиш и какими инструментами пользоваться. Подробнее >>

Автор:

Курс верстки с PSD в HTML5 & CSS3

Здравствуйте уважаемые посетители моего блога. Изучая верстку и обучая других заметил одну всеобщую проблему преподавателей и учителей в этом направлении. Единицы ведут обучение на практических примерах верстки сайта с нуля (psd) и до логического завершения (размещение в сети). Сегодня я постараюсь исправить это дело, а именно начать серию постов, рассматривая в каждом реальный пример верстки сайта шаг за шагом.

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

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

Автор:

Внешние объекты в html, Занятие 10

Сегодня мы поговорим с вами о возможности вставлять в html документ внешние элементы такие, как флеш, аудио и видео, а также научимся задавать нашему браузеру favicon, это такое маленькое изображение рядом с title во вкладке браузера.

Вставка флеш элемента в html

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

<object type=“application/x-shockwave-flash”
data=“film.swf”
width=“300” height=“200”>
<param name=“quality” value=“high” />
<param name=“scale” value=“exactfit” />
</object>

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