Видеокурс по созданию сайтов | Наводим порядок в CSS-файле. Как быстро создать мета-теги? Создание и применение сниппетов в Drea
Видеокурс
Создание CSS-сайтов в Dreamweaver 8
Комментарии к видеоурокам
Урок #6. Наводим порядок в CSS-файле.
20 минуты
В процессе работы над внешним оформлением сайта в CSS-файле увеличивается количество правил. Пока в Dreamweaver новое правило автоматически размещается после ранее созданного.
В результате добавление правил происходит хаотично. Поэтому нам необходимо самим упорядочить все правила, чтобы было легко работать с ними в будущем.
1. Размещаем элементы по порядку.
2. Добавляем комментарии к правилам.
Браузеры комментарии игнорируют.
Как правило,
в таблице стилей их добавляют для того, чтобы упростить
дальнейшую работу с правилами при возникновении необходимости
их коррекции.
Урок #7. Работаем с мета-тегами.
12 минут
Добавляем информацию для поисковых систем
На уроке рассматриваются вопросы:
- Как в Dreamweaver странице быстро добавить мета-теги: "author" (автор), "keywords" (ключевые слова), "description" (описание страницы).
- Как корректировать мета-теги, не переходя на код страницы?
Пренебрегать мета-тегами не стоит, что бы ни писали оптимизаторы. Желательно, чтобы на каждой странице были свои ключевые слова и собственное описание. В Dreamweaver это делается быстро без просмотра кода.
Урок #8. Работаем со сниппетами.
25 минут
Создание кусочков кода и их применение
Готовые кусочки кода, которые есть в программе Macromedia Dreamweaver, призваны упростить процесс создания сайта. Сниппеты можно назвать маленькими шаблонами или образцами фрагментов сайта: шапки, футера (хвостовика), навигации и т.д., которые готовы для быстрой вставки или замены прежнего варианта.
Недостаток готовых сниппетов, которые уже есть в Dreamweaver, — табличный код со стилями, который нуждается в переделке. На уроке я показываю, как можно убрать избыточный табличный код, сохранив при этом внешнее оформление.
Любой, созданный самостоятельно, фрагмент кода можно сохранить как сниппет и быстро вставить на страницу простым перетаскиванием мышью.
Это очень удобно и в случае частого употребления каких-либо словосочетаний, специальных терминов, отрывков текста и т.д. Применение их в качестве сниппетов позволяет экономить время на их написание.
- Статьи
-
Блочная верстка сайтов
- Какой стандарт предпочтительнее выбрать при создании нового сайта? Отличия XHTML от HTML.
- Филоcофия CSS-дизайна. Позаботьтесь о красоте HTML-разметки.
- Почему XHTML+CSS? 15 доводов в пользу перехода на XHTML+CSS.
- Как декларация DOCTYPE влияет на отображение сайта браузерами?
- Как проверить сайт на кроссбраузерную совместимость?
- Как «угодить» IE6, IE7? Пишем хаки для Internet Explorer.
- Недостатки меню на javascript. Из опыта создания ниспадающих меню в NavStudio.
- Зачем нужна печатная версия сайта. Как создать печатную CSS-версию?
Контент для сайта