Полюбите код! И он полюбит Вас!

Последние комментарии:

Марат : Рад, что помог! далее

2018-05-01 14:39:38



Serge : Коротко и ясно!!! Молодца!!! я, даже не поленился, зарегился и далее

2018-05-01 12:36:15



Марат : Андрей - там может быть столько нюансов... А вообще, мы далее

2018-03-11 13:23:36



Андрей : Попробовал поставить версию 1.2, но что-то не работает. далее

2018-03-11 13:03:52



Марат : Для этого и делали! Рад, что помог! Приходите ещё! далее

2018-02-16 20:31:51



Это интересно:

Рейтинги страниц.

шаблон в Dreamweaver

Всё о шаблонах в Dreamweaver

Сегодня мы займёмся шаблонами в программе Dreamweaver. Рассмотрим вопрос, что такое шаблон Dreamweaver, как его сделать, где скачать, как прикрепить шаблон к странице. Чем собственно, шаблон Dreamweaver отличается от простой страницы.

1.

Как сделать шаблон в  Dreamweaver.

Начнём с того, что разберем отличие шаблона Dreamweaver о простой страницы html.  Шаблон в Dreamweaver имеет разрешение 

.dwt

Dwt – это Dreamweaver Template.

И второе отличие – у шаблона есть редактируемая область!

Другими словами, мы можем взять любую страницу, абсолютно любую, и сделать из неё шаблон Dreamweaver!

И когда я слышу такое выражение, что нужно скачать шаблон для Dreamweaver – это звучит глупо! Хотя раньше, надо признать, что в старой версии программы, внутри были собственные, примитивные шаблоны, но на них без слез невозможно было смотреть!

Мы немного отвлеклись!

И дальше перед нами встает развилка, делать шаблон из своей собственной страницы, либо же скачать, так называемые шаблоны.

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

2.

Скачать шаблоны для  Dreamweaver.

Мы уже говорили о том, что это глупое выражение, но ведь мы должны как-то оптимизировать свою страницу и под этот поисковый запрос…

Данные шаблоны для Dreamweaver представляют собой обыкновенные страницы html, из которых мы и должны сделать шаблон в  Dreamweaver.

Шаблоны можно скачать здесь.

Если не получилось скачать, то см. здесь.

Шаблонов порядка 680 штук, думаю, что вы найдете что подходящее для себя!

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

Открываем эту страницу в программе.

3.

Как сделать редактируемую область в программе Dreamweaver?

Что такое редактируемая область - это та часть страницы, в которой будет уникальное содержание. Таких уникальных мест должно быть, как минимум 2:, где должен быть уникальный текст страницы и вторая - это там,  где прописываются мета теги.

Открыли страницу в дизайне.

шаблон в Dreamweaver

И в том месте, где будет текст нажимаем ПКМ – шаблоны – создать редактируемую область.

шаблон в Dreamweaver

Далее. вам сообщат, что вашу страницу автоматически преобразуют в шаблон. Жмем ок.

шаблон в Dreamweaver

Далее нам нужно назвать редактируемую область.

шаблон в Dreamweaver

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

Та часть, которая находится в зеленой рамке, и есть редактируемая область!

шаблон в Dreamweaver

Если мы посмотрим код – ctrl + Ё, то увидим вот такой код:

Сторчка 9:

Начало редактируемой области.

<!-- TemplateBeginEditable name="EditRegion1" -->

Строка 10 – туда будет помещаться уникальный текст!

Строка 11 :

Конец редактируемой области.

<!-- TemplateEndEditable -->

шаблон в Dreamweaver

Внимание!

Еще мы видим, что наши мета теги –строчка №5,  не получили автоматически редактируемую область, не знаю почему, и нам обязательно нужно это исправить!

Нужно их также обернуть в редактируемую область, как это показано на нижнем скрине:

Те. Добавляем в строчку 5:

Начало редактируемой области для мета тегов.

<!-- TemplateBeginEditable name="doctitle" -->

Далее идут мета теги, о них надо делать отдельную страницу.

И конец редактируемой области для тегов:

Строчка 9:

<!-- TemplateEndEditable -->

шаблон в Dreamweaver

Сохраняем как шаблон.

4.

Как сохранить страницу как шаблон Dreamweaver?

Идем в файл – сохранить как шаблон.

шаблон в Dreamweaver

В новом окне – веб сайт – тот который вы сделали. У меня для примера – сайт без имени 2. Это первый шаблон – поэтому  у нас нет шаблонов. Сохранить как- выбираем название. Сохранить.

шаблон в Dreamweaver

Жмем да.

шаблон в Dreamweaver

Всё!

Наш шаблон Dreamweaver готов к использованию!

Вот, что у меня получилось – название сайта, папка с шаблонами, сам шаблон.

шаблон в Dreamweaver

Если у вас нет кнопки справа – файлы идем в меню – окна файлы.

Вы думаете все!? Нет еще не всё!

Теперь нам нужно сделать следующий шаг.

5.

Как прикрепить страницу к шаблону Dreamweaver.

Мы чуть выше сделали шаблон, теперь научимся его использовать!

Создаем страницу index.html – открываем её.

Идем в изменить – шаблоны – применить шаблон к странице.

шаблон в Dreamweaver

Тут есть одна фишка о которой вы не найдете нигде!

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

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

Здесь мы видим, что доступные места для редактирования –это тем места, которые мы раннее обозначили в шаблоне. 7,8,9,16 строчки… а все остальное будет как в вашем шаблоне.

шаблон в Dreamweaver

Теперь давайте изменим шаблон, чтобы посмотреть, что будет происходить!

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

шаблон в Dreamweaver

Нас спрашивают обновить файлы шаблонов!? Конечно! Ведь мы для этого и делали! Мы здесь видим ту единственную, пока, страницу, которую прикрепили к нашему шаблону!

шаблон в Dreamweaver

Далее мы видим, что файлов обновлено - 1.

шаблон в Dreamweaver

Теперь давайте откроем нашу страницу, которая обновлена.

И видим, что на нашей странице - index.html-  тоже появилась та строчка, что мы внесли в шаблон. И обращаю ваше внимание, что данный текст вы не сможет отредактировать, поскольку он не размещен в редактируемой области страницы – он и подсвечивается по-другому, в отличии от редактируемой области.

шаблон в Dreamweaver

Страница получилась довольно большой! Но думаю, что изложенный материал будет вам полезен!

Делайте свой сайт и получайте от этого удовольствие!

Понравилась статья!? Не стесняйся – поделись ссылкой!

И!

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

P.S.

25 октября 2017

Мы запустили подписку на новости по емайлу, как только выходит новая статья, то будет отправлено сообщение на почту, что вышла новая статья!

Почему стоит подписаться на наши новости!?

Расскажу историю, вчера искал ответ на один из вопросов (конечно, я могу и сам написать, но чаще всего, вначале, ищу в интернете, может есть готовое решение…) и было множество вариантов, которые были описаны, но ни одного, с примерами! И мало того, что они предлагают решения, которые непонятно как реализовывать, особенно новичкам, у которых больше вопросов, чем ответов. Так они еще и не работают!

У нас же, на сайте – только рабочие проверенные скрипты! Полностью с описанием и с примерами! И реализовать может человек с нулевыми знаниями!

Мы есть здесь:

Проголосовать за статью!
  С 24 сентября мы запускаем новый скрипт в тестовом режиме (только свои скрипты)
  Вы можете проголосовать за понравившуюся статью.

  Средняя оценка 5 проголосовало 2
    


Просмотров 5124

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

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

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

Оставить комментарий:

Для отображения аватара после отправки сообщения, необходимо быть зарегистрированным в Граватаре.



Комментарии

Комментариев пока нет.

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Перечеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить маркированный список Вставить нумерованный список Вставить ссылку Вставить e-mail Вставить изображение Вставить видео
 
Улыбка Печаль Удивление Смех Злость Язык Возмущение Ухмылка Подмигнуть Испуг Круто Скука Смущение Несерьёзно Шокирован
 
5000
Сколько будет 1 + 2 + 3?
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 

Оставить комментарии через вконтакте

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растфнуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования