Отправляет email-рассылки с помощью сервиса Sendsay

Видео уроки Photoshop, HTML, CSS, Dreamweaver

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Мой альтернативный доход" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Февраль 2010   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Автор
Азы компьютера

Статистика

47 подписчиков
0 за неделю
←   Все выпуски   →

Видео уроки Photoshop, HTML, CSS, Dreamweaver CSS - создать стиль любому сайту это просто


"CSS - создать стиль любому сайту это просто"

Навигационное меню курса по CSS.

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

Перед прохождением данного курса необходимо изучить курс по HTML иначе, курс останется для Вас непонятным.

В курс вошли 11 уроков общей продолжительностью 2 часа 12 минут 55 секунд.

Урок 1 - Вступление.
Продолжительность: 10 минут 7 секунд

В этом вступительном уроке Вы на реальном примере увидите - для чего нужны каскадные таблицы стилей и где они применяются.

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

Сегодня, не зная этой области сайтостроения, Вы рискуете остаться далеко позади конкурентов. Этот урок, как и весь курс, призваны развеять подобную ситуацию и дать Вам в руки мощнейший инструмент, который к тому же достаточно прост в изучении.

Урок 2 - Начало.
Продолжительность: 12 минут 17 секунд

Из данного урока Вы узнаете:

Как создаются каскадные таблицы стилей.

Как подключить таблицу стилей к Вашей HTML странице.

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

Как создать стилевое правило для изменения внешнего вида всех однотипных элементов Вашей страницы (абзацы, заголовки, списки и т.д.).

Новые атрибуты HTML тэгов, которые предназначены для работы со стилями.

Что такое приоритеты и как они влияют на созданные Вами стили (если их не учитывать, то некоторые Ваши стили просто не будут работать!).

Как создавать стилевые правила для применения их к любым элементам Вашей страницы (очень часто используемое свойство!).

Урок 3 - Заканчиваем с основами.
Продолжительность: 9 минут 39 секунд

Из данного урока Вы узнаете:

Как создать стилевое правило сразу для нескольких элементов Вашей страницы.

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

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

Урок 4 - Познаем философию CSS и переходим к основам.
Продолжительность: 13 минут 58 секунд

Из данного урока Вы узнаете:

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

Как создавать правила, которые изменяют внешний вид текста (шрифт, размер, толщину, цвет и т.д.) и в каких единицах измерения лучше указывать все размеры в таблицах стилей.

Какие семейства шрифтов лучше всего использовать на страницах Вашего сайта (если Вы этого не знаете, Ваши тексты будут раздражать).

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

Урок 5 - Работаем с фоном. Важно! (23 минуты 23 секунды)

В этом уроке Вы научитесь работать с фоном, вот что Вы узнаете:

Как изменить фоновый цвет любого элемента (всего документа, абзаца, таблицы и т.д.)

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

Далее идёт достаточно интересная часть урока, в которой на трёх примерах рассматриваются все правила относящиеся к фоновым изображениям (тиражирование, позиционирование, прокручивание фона вместе со страницей, либо нет и т.д.) Вы увидите, как можно поставить любое изображение в любое место экрана (это действительно стоит знать).

Урок 6 - Работаем с текстом.
Продолжительность: 10 минут 39 секунд

В этом уроке Вы научитесь работать с текстом, вот что Вы узнаете:

Как управлять выравниванием текста через таблицы стилей.

Как делать текст подчеркнутым, надчеркнутым, зачеркнутым и пр.

Как добавлять красную строку к тексту, и в каких единицах это лучше делать (если Вы не знаете этой функции, Вам придется изобретать какие-то "левые" способы, что не есть хорошо).

Как сделать так, чтобы каждая первая буква каждого слова в выделенном тексте писалась с большой буквы. Как сделать, чтобы все буквы всех слов выводились большими (маленькими).

Как изменять интервал между буквами (словами) и высоту строк текста.

Урок 7 - Рамки...куда же без них!
Продолжительность: 6 минут 33 секунды

В этом уроке Вы научитесь работать с рамками, вот что Вы узнаете:

Какие свойства в CSS отвечают за создание рамок.

Как задавать тип (сплошная, точечная, пунктирная), толщину и цвет рамок к любым элементам (к таблицам, абзацам, изображениям..да хоть к чему!).

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

Урок 8 - Вне зоны доступа... (11 минут 9 секунд)

В этом уроке Вы научитесь работать с зонами доступа, вот что Вы узнаете:

Как создаются внешние зоны, которые можно создать вокруг любого элемента (в теории сложно объяснить, в уроке всё на примерах).

Как задавать частичные отступы. К примеру, на сколько изображение будет отступать от текста с левого края (это очень важный момент, который постоянно используется на практике).

Как работать с внутренними отступами (если например, Вы не хотите, чтобы текст прилипал к краям таблицы).

Как задавать размеры любых элементов страницы (изображений, таблиц и пр.).

Как делать плавающие элементы, а затеи заставить текст обтекать их.

Внимание! Данный урок очень важен, рекомендую просмотреть его 2 раза, записывая все важные моменты в тетрадь, а затем сразу пробовать всё на практике.

Урок 9 - CSS и списки - это реально? Да!
Продолжительность: 7 минут 15 секунд

В этом уроке Вы научитесь работать с оформлением списков, вот что Вы узнаете:

Какие свойства для работы со списками есть в CSS (для создания качественных сайтов, Вы обязательно должны уметь работать со списками).

Как задавать стиль нумерации списка (буквы, цифры для нумерованных и разные маркеры для ненумерованных).

Как задать тип размещения маркера (внутри или снаружи).

Как вместо маркера поставить любое изображение (как подготовить качественные галочки для списков, можно узнать в курсе по Adobe Photoshop).

Урок 10 - Размещаем что угодно где угодно. (14 минут 46 секунд)

В этом уроке Вы научитесь размещать любые элементы Вашей HTML страницы на любом месте экрана, вот что Вы узнаете:

Какое свойство отвечает за позиционирование элементов.

Почему важно позиционировать элемент в блоке с заданной шириной и высотой (если Вы это упустите, Ваш элемент может отобразиться неверно).

Какие подводные камни поджидают Вас при использовании данного способа и как от них избавиться.

Вы на примере увидите, как можно поместить любое изображение (и другие элементы) на любое место экрана (этим способом размещается моя фотография на страницах сайта http://ruseller.com).

Урок 11 - Альтернативы и автоматизация.
Продолжительность: 13 минут 9 секунд

Вот что Вы узнаете из данного урока:

Как создавать стили для нужд одной HTML страницы (обычно таблицы стилей создаются для всего сайта) или даже для одного тэга.

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

Перейти к форме заказа

В избранное