Урок 1 - Вступительный.
Продолжительность: 3 минуты 33 секунды

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

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

Урок 2 - Создаем основу сайта на жестком диске.
Продолжительность: 4 минуты 37 секунд

Очень важный урок. Вот что Вы узнаете:

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

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

Как проверить взаимодействие сайта и локального сервера.

Урок 3 - Создаем HTML каркас сайта.
Продолжительность: 9 минут 34 секунды

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

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

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

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

Урок 4 - Создаем двойную навигацию.
Продолжительность: 10 минут 58 секунд

Этот урок будет освещать вопросы навигации, Вот что Вы узнаете из него:

Как вставить на страницу качественное горизонтальное Javascript меню (Вы научитесь создавать его в курсе по пакету "Navigation Collection").

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

Урок 5 - Автоматизация через библиотеку.
Продолжительность: 15 минут 24 секунды

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

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

Как происходит весь процесс создания каркаса, нацеленного на автоматическое обновление.

Урок 6 - Наполняем сайт контентом.
Продолжительность: 10 минут 15 секунд

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

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

Как прицепить фоновое изображение к страницам сайта с помощью таблиц стилей.

Урок 7 - Улучшаем возможности и красоту сайта.
Продолжительность: 21 минута 30 секунд

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

Как избежать проблемы с Javascript навигацией при вставке её на сайт.

Как правильно вставлять изображения в формате png на Ваш сайт, чтобы они корректно отображались браузером Internet Explorer.

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

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

Урок 8 - Приводим сайт к единому стилю.
Продолжительность: 34 минуты 1 секунда

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

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

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

Как вставить 3D коробку Вашего миникурса, рассылки и пр. с призывом подписаться, одновременно на все страницы сайта.

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

Урок 9 - Продолжаем прорабатывать стиль.
Продолжительность: 13 минут 49 секунд

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

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

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

Урок 10 - Проверяем на ошибки, покупаем хостинг.
Продолжительность: 16 минут 54 секунды

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

Как проверить весь сайт на наличие ошибок за несколько секунд.

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

Где купить надежный хостинг с неограниченным трафиком, хорошим соотношением цена/качество и гарантией возврата денег в течение 30 дней.

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

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

Урок 11 - Работаем с FTP. Закачиваем файлы на сервер.
Продолжительность: 16 минут 8 секунд

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

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

Как проверить созданное соединение на работоспособность.

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

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

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

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

Урок 12 - Устанавливаем автореспондер на сервер.
Продолжительность: 30 минут 9 секунд

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

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

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

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

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

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

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

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

Урок 13 - Настраиваем таинственный крон.
Продолжительность: 7 минут 27 секунд

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

Что такое панель управления сайтом и как в неё попасть.

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

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

Как проверить правильность работы планировщика.

Урок 14 - Устанавливаем систему наблюдения.
Продолжительность: 13 минут 20 секунд

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

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

Как вставить код счетчика одновременно на все страницы сайта, используя средства автоматизации программы Macromedia Dreamweaver (хотя можно все сделать и вручную, но оно Вам надо?).

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

Урок 15 - Учимся управлять сайтом через панель управления.
Продолжительность: 21 минута 59 секунд

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

Как Вы можете создавать почтовые ящики по типу моих feedback@ruseller.com, course@ruseller.com и пр.

Как правильно настроить программу The BAT! на работу с Вашим ящиком и проверить его работу.

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

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

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

Что такое поддомен и как его создавать. Теперь Вы будете знать, как сделать из your-sait.ru, например forum.yoursait.ru.

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

Что такое дополнительные домены и как с ними работать. Теперь Вы научитесь размещать несколько доменов на одном хостинге.

Урок 16 - Работаем с базой данных на примере.
Продолжительность: 15 минут 29 секунд

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

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

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

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

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

В данном уроке Вы увидите процесс установки форума на сайт. Для форума создается база данных, поддомен и все остальные необходимые вещи. Весь процесс подробно объясняется.

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

Урок 17 - Создаем иконку для избранного.
Продолжительность: 10 минут 48 секунд

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

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

Где всего в один шаг, можно сделать из исходного изображения иконку, которая будет отлично работать со всеми браузерами.

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

Урок 18 - Создаем продающий минисайт своими силами.
Продолжительность: 24 минуты 40 секунд

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

Как создать поддомен для минисайта.

Как создается сам минисайт.

Как подключать к минисайту платежный процессор Rupay, с помощью которого, Вы сможете принимать оплату за Ваш продукт более чем 20-ю способами.

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

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

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

Какую версию данного языка Вы будете изучать.

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

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

Урок 2 - Изучаем основы. Создаем каркас страницы.
Продолжительность: 15 минут 38 секунд

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

Что такое тэг, зачем он нужен и чем парный тэг отличается от непарного.

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

Какие корневые тэги должна содержать HTML страница в обязательном порядке.

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

Что такое мета тэги и для чего они нужны.

Куда вносятся ключевые слова и описание страницы, которые будет обрабатывать поисковый робот.

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

Урок 3 - Продолжаем движение. Учимся работать с текстом.
Продолжительность: 11 минут 8 секунд

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

Как сохранять html страницу и тестировать её в браузере (без постоянного контроля результатов, невозможно создать что-то стоящее).

Как правильно разбивать текст на абзацы.

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

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

Что такое тэг переноса строки и где он применяется.

Урок 4 - Работаем со списками.
Продолжительность: 9 минут 4 секунды

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

С помощью каких тэгов задаются нумерованные и маркированные списки.

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

Как задать начальный номер списка (полезно, когда Ваш список должен начинаться не с 1-го номера, а с 5-го..)

Как создаются вложенные списки.

Урок 5 - Учимся работать с внешним видом текста. Продолжительность: 6 минут 28 секунд

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

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

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

Урок 6 - Работаем с изображениями и логическими тэгами.
Продолжительность: 14 минут 40 секунд

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

Что такое логический тэг и для чего он обычно применяется.

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

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

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

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

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

Как вставлять цветные линии в Ваши страницы.

Урок 7 - Работаем с фундаментом гипертекста - ссылками.
Продолжительность: 29 минут 30 секунд

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

Как создаются ссылки.

Чем отличаются друг от друга и как создаются абсолютные и относительные ссылки (не зная этого момента, Вы рискуете создать нерабочие ссылки).

Как создавать так называемые "якоря". К примеру, на самом верху страницы Вы ставите якорь, а в самом низу ставить ссылку "вернуться к началу", которая ведет на якорь. При нажатии, пользователь попадет на самый верх.

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

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

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

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

Урок 8 - Покоряем таблицы.
Продолжительность: 27 минут 52 секунды

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

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

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

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

Как управлять шириной и высотой таблицы и отдельных ячеек.

Как изменять фон таблиц и отдельных ячеек, задавая любой цвет или фоновое изображение.

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

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

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

Урок 9 - Пару слов о фреймах.
Продолжительность: 17 минут 52 секунды

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

 

Что такое фреймы, какие достоинства и недостатки они имеют и почему в большинстве случаев их не стоит использовать.

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

Как наладить взаимодействие между фреймами.

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

Урок 10 - Вставляем внешние объекты и Javascript команды.
Продолжительность: 11 минут 34 секунды

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

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

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

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

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

Как вынести JavaScript программу в отдельный фаил, который затем можно вызывать одной строчкой.

Урок 11 - Много много слов о формах.
Продолжительность: 48 минут 52 секунды

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

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

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

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

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

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

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

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

Как создавать обработчик для формы.

Как протестировать форму на локальном компьютере.

Урок 12 - Изучаем язык в боевых условиях.
Продолжительность: 22 минуты 58 секунд

Весь данный урок составлен как разбор одного достаточно известного сайта. В уроке будет показан исходный код страницы и подробно разъяснено назначение того или иного тэга.

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

Урок 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 страницы (обычно таблицы стилей создаются для всего сайта) или даже для одного тэга.

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

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

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

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

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

Урок 2 - Установка. (15 минут 37 секунд)

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

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

Как запускать, останавливать и перезапускать сервер.

Для чего на сервере создаётся 4 папки и что в них можно помещать.

Как проверить работоспособность сервера, а также, для чего нужен фаил hosts и как он влияет на работу сервера.

Как создавать локальные сайты (другими словами, Вы научитесь создавать на сервере сайт под названием к примеру - myverycoolsait.ru, с которым сможете работать напрямик - через свой любимый браузер (и все это на локальном компьютере, к Интернету подключаться не надо). Таким образом, можно доводить сайт любой сложности до ума на своём компьютере.

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

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

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

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

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

Как наполнять БД своими данным.

Как импортировать и экспортировать данные из (в) БД.

Как создать простейший скрипт, для проверки работоспособности базы данных.

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

Урок 4 - Учимся работать с почтой на локальном компьютере.
Продолжительность: 5 минут 03 секунды

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

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

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

Урок 1- Вступительный.
Продолжительность: 4 минуты 53 секунды

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

Урок 2 - Что нужно сделать прежде всего.
Продолжительность: 4 минуты 13 секунд

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

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

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

Урок 3 - Осваиваем главную функцию программы.
Продолжительность: 8 минут 45 секунд

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

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

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

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

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

Урок 4 - Принимаемся за интерфейс.
Продолжительность: 33 минуты 57 секунд

Это базовый урок. Из него Вы узнаете:

Как работать в разных визуальных режимах: только код, дизайн и код, только дизайн.

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

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

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

4 способа вставить обычную гиперссылку на страницу + способы вставки ссылок на email адреса, якоря (ссылка на определенную часть страницы) и на JavaScript команды.

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

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

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

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

Урок 5 - Продолжаем постигать азы.
Продолжительность: 14 минут 24 секунды

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

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

Как создавать качественные графические панели навигации в среде Macromedia Dreamweaver (пример см. ниже).

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

Как вставляются цветные полосы, текущая дата, комментарии и другие мелкие элементы.

Урок 6 - Дальше работаем со слоями и текстом.
Продолжительность: 8 минут 20 секунд

Данный урок посвящен очень интересной функции программы. Вот что Вы узнаете:

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

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

Урок 7 - Покоряем формы.
Продолжительность: 20 минут 28 секунд

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

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

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

Как создавать новый элемент формы - так называемое "прыгающее" меню.

Урок 8 - Учимся работать с шаблонами.
Продолжительность: 18 минут 51 секунда

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

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

Как работать с повторяющимися областями (например - ежедневные новости).

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

Урок 9 - Осваиваем символы и вставку внешних объектов.
Продолжительность: 15 минут 44 секунды

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

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

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

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

Как с помощью программы внедрять в HTML страницу JavaScript команды.

Урок 10 - Учимся работать с активами и библиотекой сайта.
Продолжительность: 10 минут 54 секунды

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

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

Как добавлять наиболее часто применяемые элементы (ваши email адреса, логотип, 3D обложка и пр.) в "любимчики" и давать им имена для последующего использования.

Что такое библиотека сайта и как с ней работать (эту функцию мы будем на полную мощность использовать в курсе по созданию сайта).

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

Внимание! Данный урок является очень важным! Изучите его очень внимательно и попробуйте проделать все это на собственной практике.

Урок 11 - Эффективная работа с кодом и "кусочками".
Продолжительность: 14 минут 15 секунд

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

Как эффективно работать с HTML кодом с помощью инспектора тэгов.

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

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

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

Урок 12 - Работа с HTML и CSS стилями в Dreamweaver.
Продолжительность: 36 минут 18 секунд

Достаточно важный урок курса, вот что Вы узнаете:

Как создавать CSS таблицу стилей внутри сайта, а затем в автоматическом режиме прикреплять её к любым страницам.

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

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

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

Урок 13 - Работа с HTML стилями в Dreamweaver.
Продолжительность: 9 минут 55 секунд

В этом уроке Вы научитесь работать с HTML стилями. Вот что Вы узнаете:

Что такое HTML стили. В каких случаях они применяются.

Как создаются HTML стили для целых абзацев, а также для выделенных участков текста.

Как очищать элементы от HTML стилей.

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

Урок 14 - Объект, событие, реакция объекта на событие.
Продолжительность: 28 минут 30 секунд

Этот урок посвящен достаточно сложной теме - создание реакций для определенных объектов (заголовок, параграф, кнопка и т.д.) HTML страницы при наступлении определенных событий (загрузка страницы, наведение мыши и пр.).

Вот что Вы узнаете:

Что представляет собой HTML страница с точки зрения объектов. Что такое объект, событие, реакции и где всё это дело применяется.

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

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

Как проверить браузер пользователя на наличие flash плагина и в зависимости от результата перенаправить его на ту или иную страницу.

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

Как создать реакцию на какое-нибудь событие (например, наведение мыши на изображение 3D коробки), которая будет изменять одно изображение на другое.

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

Урок 15 - Чистим код от ошибок своих и MS Word.
Продолжительность: 4 минуты 50 секунд

Из этого небольшого урока Вы узнаете:

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

Как очистить код от мусора, который вносит программа MS Word в создаваемые ей HTML страницы.

Урок 16 - Учимся искать и заменять.
Продолжительность: 11 минут 59 секунд

Этот урок посвящен достаточно Важной функции - поиск и замена одной части информации на другую. Вот что конкретно Вы узнаете:

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

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

Как заменить атрибут любого тэга.

В уроке все функции показаны на примерах, а все настройки подробно объяснены.

Урок 17 - Настраиваем программу на оптимальную работу.
Продолжительность: 22 минуты 13 секунд

Очень важный урок, из которого Вы узнаете:

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

Как правильно настроить отображение HTML кода.

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

Как правильно настроить программу на работу со специальными символами (все русские буквы являются для программы специальными символами!).

Как правильно настроить программу на работу с CSS стилями.

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

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

Как настроить параметры нового документа на правильную работу с русской кодировкой и сделать его совместимым с языком XHTML (идет на смену HTML).

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

Как настроить быстрый редактор тэгов.

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

Урок 18 - Подвергаем созданный сайт проверкам.
Продолжительность: 11 минут 31 секунда

Этот урок посвящен различным проверкам сайта, вот что Вы узнаете:

Как проверить Ваш сайт на соответствие стандарту HTML и немедленно исправить все выявленные ошибки.

Как протестировать созданный сайт на совместимость с разными браузерами.

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

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

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

Урок 19 - Заполняем пробелы, изучаем оставшиеся возможности.
Продолжительность: 17 минут 22 секунды

В данном уроке Вы практически закончите обучение работе с программой, узнав оставшиеся не рассмотренными возможности. Вот что Вам станет известно:

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

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

Что такое дизайнерские заметки и зачем они нужны.

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

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

Как создать портфолио из графических изображений средствами Dreamweaver.

Что такое "цветовые схемы" и как их применять к Вашим HTML страницам.

Урок 20 - Горячие клавиши, которые надо знать.
Продолжительность: 3 минуты 6 секунд

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

Создание нового документа; вставка тэга переноса строки; настройки страницы; сохранение документа; активы; поиск и замена; выделить все; скрыть все панели; отменить действие; вернуть отмененное действие.