Создание сайтов по стандартам XHTML+CSS на видео. Скачивайте бесплатно

[Regina]

Первый выпуск посвящен созданию сайта (из двух колонок) по стандартам XHTML+CSS в программе Macromedia Dreamweaver (посмотреть страницу - http://shaybakova.com/lessons/pattern_1.html) ? данная страница была создана на основе реально существующего сайта с небольшими изменениями).

Длительность двух видеоуроков, которые вошли в этот выпуск, ? 62 мин. 16 сек.:

Первый урок посвящен созданию HTML-разметки (24 мин. 06 сек., упакован в rar архив videolessons_creation_html.rar и занимает 17.18 мб).

Второй урок посвящен внешнему оформлению сайта (38 мин. 10 сек., упакован в rar архив videolessons_creation_css.rar и занимает 35.13 мб).

Для просмотра уроков необходим Flash Player (от 7 версии и выше).

Внимание! Эти уроки конвертированы в формат электронной книги - exe. Если вы не против такого варианта, то скачать их можно на сайте http://www.sharemania.ru/: 1. первый урок - http://www.sharemania.ru/0184773

2. второй урок - http://www.sharemania.ru/0206923

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

Если вы категорически против exe-формата, то скачивайте по ссылкам:

первый урок lesson_1_html.rar 16,80 Mb - http://www.sharemania.ru/0238733

второй - lesson_2_css.rar 34,58 Mb - http://www.sharemania.ru/0231668

В папке откройте html-файл.

Буду благодарна за отзывы и рекомендации.

[Fu-tai]

Регина, а вы замужем?

Если уж создаете видеоуроки, то и читайте их как урок используя термины и поясняя их. А то слушатель слышит, что-то на подобии "Для того чтобы убрать отступы мы используем вот эту строчку. В которой значения маржингов и падингов выставлены в 0 (у вас там кстати еще и бордер проставлен)" и непонимает о чем речь. Что есть эти злобные слова и почему эту строчку, а если мне нужно подругому. Кстати использование " * " в CSS2 обозначает присвоить стиль всем элементам страницы.

Это я к тому что было бы понятнее если вы объясните по ходу дела что это за строка со звездочкой!

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

То что вы верстали в уроке, можно сверстать еще проще и еще быстрее.

У вас скорее получился видео курс по работе с др?мом, чем урок по использованию HTML+CSS2.

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

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

Еще про флоат хотел бы уточнить. Где сказано что он придуман для того чтобы верстать в две колонки???!!!

Флоат он же float придуман для реализации обтекания элемента страницы другим элементом и не обязательно чтобы это были блоки!

Въобщем. Отзывы:

Неплохо, но нехватает структурированности и полноты изложения, объясняемого процесса.

Задумка хорошая, но непонятно для кого. Если для тех кто еще только начинает, то они ничего не поймут из за не раскрытости темы. А если для среднячков, то больно размыто нет объяснений повсеместных решений.

Ну а вообще неплохо.

Рекомендации:

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

Еще раз, голос у вас чудо, но изложение извиняюсь женское, образное проще говоря. Добавьте технической части, объяснений проще говоря.

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

Маладец.

Вотъ

[Regina]

Регина, а вы замужем?

Не замужем.

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

Приведу кусочек кода:

body {
	font: 0.825em/1.5em "Lucida Sans Unicode";
	background: #eef url(../img_lessons_1/bg_body.gif) repeat-x top;
	margin: 10px 0;
}
#container {
	width: 730px;
	border: 5px solid #dde;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#header {
	height: 140px;
	border-bottom: 5px solid #fc0;
	background: url(../img_lessons_1/bg_1.jpg);
	color: #FFF;
	text-align: right;
}

Вполне нормальный, читаемый код.

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

Иногда расхождение возникает. Не так часто, чтобы отказываться от режима дизайна. Проверяю сайты в IE 6, IE 7, Опере 9, FF 2. Эти проверки я вырезала из урока сознательно, иначе существенно увеличивается длительность и размеры урока.

Еще про флоат хотел бы уточнить. Где сказано что он придуман для того чтобы верстать в две колонки???!!!

Флоат он же float придуман для реализации обтекания элемента страницы другим элементом и не обязательно чтобы это были блоки!

Совершенно правильно. Тем не менее он повсеместно используется и в этих целях. Можно и в три-четыре колонки верстать. На эту тему есть информация в интернете.

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

Для просмотра таких вещений нужно увеличить виртуальную память Windows. Панель управления > Система > Дополнительно > Быстродействие > Параметры > Дополнительно - изменить виртуальную память (увеличить объем файла подкачки). Тогда не должно быть проблемы.

Спасибо, Fu-tai, что не поленились подробно изложить свое мнение.

[yopopt]

Выкладывайте нормальным avi или mov.

[Regina]

В этом случае размер урока вырастет в несколько раз.

[yopopt]

В этом случае размер урока вырастет в несколько раз.

Странное заявление. Не верю! ? В любом случае его смогут посмотреть на отличных от windows системах. Мне было неприятно скачать архив и обнаружить там exe. Да и в windows я не стал бы его запускать, а просто забил на урок.

[Regina]

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

[klierik]

В этом случае размер урока вырастет в несколько раз.

ознакомте, пожалуйста, со статьями по этому адресу: http://www.pctuner.ru/list-c-capture01.html

а особенно рекомендую почитать "Конечное DivX видео"

2модеры, раздел лучше "перетулить" в Ресурсы

[yopopt]

а особенно рекомендую почитать "Конечное DivX видео"

Хорошая статья. Однако по моему мнению вместо DivX лучше использовать XviD.

Поддерживаю перенос темы в "Ресурсы".