Таблицу стилей можно применить как к HTML-документу, так и к шаблону, действия в обоих случаях одинаковы. Преимущество сохранения CSS в шаблоне кроется в том, что таблица стилей будет доступна во всех страницах, создаваемых на основе этого шаблона. Откройте документ-шаблон или любую страницу, которую вы выбрали для подключения к каскадной таблице стилей.

  • Если взглянуть на панель CSS, то вы заметите отсутствие доступных стилей.
  • Нажмите кнопку Attach Style (Присоединить стиль).
  • Перед вами откроется диалоговое окно Link External Style Sheet (Связать с внешней таблицей стилей). Нажмите Browse (Обзор).
  • Найдите файл main. css и нажмите ОК.
  • Выберите опцию Link и нажмите ОК.
  • Сохраните документ.

Если это шаблон, сохраните документ как шаблон, при этом будет выведено следующее диалоговое окно:

  • Выберите страницы, которые необходимо обновить, как мы это уже делали ранее.

Все страницы, которые используют шаблон, будут иметь доступ к CSS. Просто применяйте различные элементы таблицы стилей к различным частям страниц. А теперь после присоединения таблицы стилей к шаблону создадим еще одну новую страницу. На этот раз это будет страница About Us (О нас). Мы, образно говоря, «пролетим» процесс создания, и вы сможете увидеть, как это легко. Мы применим немного другой способ создания страницы.

  • В окне сайта щелкните на узле сайта (верхнем уровне сайта).
  • Щелкните правой кнопкой мыши (на кнопке Command для компьютера Мае) и из локального меню выберите New File (Новый файл).
  • Появится новый документ, под названием untitled. html. Присвойте ему имя about. html, а затем двойным щелчком запустите новую страницу.
  • Введите название страницы в поле Title (Название). Это надпись, которая будет демонстрироваться в строке названия окна броузера во время просмотра страницы.
  • Добавьте пустую таблицу и введите текст.

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

  • Присоедините шаблон к странице, а затем отформатируйте ее с применением таблиц стилей, как мы делали уже до этого.

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