Делаем сайт в программе Dreamweaver CS5 #1
Прежде, чем Вы просмотрите эти видеоуроки, я советую просмотреть видеоуроки, которые мы делали в программе Dreamweaver CS3. Там мы делали свой сайт с нуля, всё делали своими ручками. В них всё показано подробно, как и что надо сделать.
Так же советую посмотреть уроки, которые опубликованы ранее на сайте. Используя именно эти уроки, мы в новой подборке сделали свой новый сайт. Это уже не самый простой, но уже готовый к заливке на хостинг. В нём есть всё, что надо для работы полноценного сайта. Это ответ тем, кто считает, что уроки это просто информация и не более. В этих уроках, мы показали, как можно использовать эту информацию для своих работ.
Смотрим видеоуроки: Здесь список новых видеоуроков на сайте. Надеюсь, они помогут Вам!
На самом первом занятии мы согласуем очень важный вопрос. Дело в том, что Dreamweaver CS5 позволяет нам выбрать из нескольких рабочих пространств, одно, в котором и будем работать. Некоторые пользователи, запустив программу Dreamweaver CS5, не находят привычных, по Dreamweaver CS3, кнопок и панелей. В этом уроке мы немного рассмотрим настройки программы для дальнейшей работы с ней. Эти настройки будут касаться настройки рабочего пространства. Мы настроим его так, что оно не будет отличаться от программы Dreamweaver CS3…
Это первый урок по программе Dreamweaver CS5, в которой мы будем делать свой сайт. Вопрос очень важный, ведь от этого зависит, сможем ли мы в полной мере правильно работать с сайтом в Dreamweaver CS5, и сможем ли мы тестировать сайт, сможем ли мы тестировать скрипты, которые установим на сайт. Очень часто задают вопрос:»Как залить сайт на Denwer»? В этом уроке мы создадим сайт в Dreamweaver, также синхронизируем его с нашим сервером, что бы он, в дальнейшем, смог обнаружить наш сайт в своей директории и мы смогли полноценно с ним работать…
В этом уроке мы будем изменять разметку нашей страницы. Дело в том, что мы взяли готовую разметку «резинового» сайта. Разметка работает, но нам надо изменить количество колонок. Нам надо сделать только один левый сайдбар, а правый убрать совсем. Всё это мы сделаем в файле стилей данного макета. Конечно, это задумка автора, но вы можете делать столько колонок, сколько надо Вам. Небольшие переделки в макете и всё можно очень просто изменить. В папке с макетом есть текстовый файл, в котором находится код «хака», позволяющего установить минимальную ширину макета при сворачивании окна браузера. Очень полезная вещь для сохранения разметки и недопущении «развала» макета…
В этом уроке мы будем делать новую шапку нашего сайта. В макете мы изменим размеры шапки, а именно высоту, что бы вставить в неё всё, что запланировали. И снова мы будем править файл макета. Всё это полезно, так как наглядно показывает, как работать с файлом стилей и разметкой сайта. В шапку мы вставим большой логотип и картинку. Так же мы подготовим место для установки горизонтального меню. Наша шапка будет довольно простой и не броской, но в данном случае это не важно. Ведь каждый web дизайнер сам делает свой дизайн сообразно своим предпочтениям. Автор ни на что не настаивает, просто делает то, как сам это видит… Скачать урок: | В этом уроке мы будем делать и встраивать в шапку сайта интересное горизонтальное меню.
Меню сделано на чистом CSS, без всяких скриптов, но от этого оно не становится хуже. Наоборот, видя, такой эффект увеличения кнопок, кажется, что это так работают скрипты, но мы-то знаем, что их нет! Меню взято для примера, сюда можно встроить абсолютно любое меню. Кстати, на сайте есть урок, где показано, как такое меню установить на сайт. В архиве с уроком есть все исходники и коды этого меню. Так что, если оно Вам понравится, Вы вполне можете скачать и урок и исходники. Вам останется только сделать свои кнопки-картинки и всё… В этом уроке мы будем устанавливать на сайт вертикальное меню.
На сайте есть несколько уроков и подборок различных меню. Автор выбрал именно это потому, что на сайт довольно много поступает запросов показать меню типа «раскрываюшегося». Автор выбрал его ещё и потому, что его внешний вид подходит по дизайну к создаваемому сайту. Правда пришлось немного подработать его, но это даже полезно, так как в реальном времени, на глазах посетителя, автор правит стили и разметку. По этому поводу вот что хочется сказать. Не всегда можно найти то, что требуется. Ведь у всех вкусы различны и трудно найти одинаковых людей. Поэтому привыкайте, что придётся править и коды и скрипты, что бы получить то, что надо именно Вам…
Скачать урок | Смотрим уроки далее