Dreamweaver изменить кодировку страницы
Задание свойств названия и кодировки страницы
Можно определить шрифт, его размер и цвета по умолчанию для непросмотренных, просмотренных и активных ссылок. Категория свойств страницы «Название/кодировка» позволяет указать тип кодировки документа, соответствующий языку создаваемых веб-страниц, а также используемую для этого типа кодировки форму приведения к Юникоду.
Основы кодировок документов
Кодировка документа указывает, какой набор символов используется в документе. Она указывается в теге meta в заглавной части документа (head) и сообщает браузеру или Dreamweaver, как следует декодировать документ и какие шрифты использовать для отображения декодированного текста.
Например, если указывается кодировка Western European (Latin1), вставленный тег meta будет выглядеть следующим образом:
Dreamweaver отображает документ с использованием шрифтов, указанных в установках шрифтов для кодировки Western European (Latin1), а браузер использует шрифты, указанные пользователем для этой кодировки.
Кодировку документа можно изменить для отдельной страницы, а также можно изменить и кодировку, используемую по умолчанию в Dreamweaver для создания новых документов, включая шрифты для отображения каждой из кодировок.
Дополнительные разделы справки
«Задание типа и кодировки документов по умолчанию» на странице 72
1 Выберите меню «Изменение» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в инспекторе свойств текста.
2 Выберите категорию «Название/кодировка» и задайте параметры.
Название Указывает название страницы, отображаемое в строке заголовка окне «Документ» и большинства окон браузеров.
Тип документа (DTD) Указывает определение типа документа. Например, чтобы обеспечить совместимость документа HTML со стандартом XHTML, можно выбрать во всплывающем меню пункт «XHTML 1.0 Transitional» или «XHTML 1.0 Strict».
Кодировка Указывает, какой набор символов используется в документе.
Комбинируемый символ в Юникоде используется вместе с предыдущим, таким образом умлаут отобразится над «латинским e». Обе формы представления будут выглядеть внешне одинаково, но вид записи в файле будет различаться.
Приведение к Юникоду — это процесс, позволяющий гарантировать сохранение в одной и той же форме всех символов, допускающих различные формы. Таким образом, все символы «ë» в документе будут сохранены как отдельный «e-умлаут» или как «e» + «комбинируемый умлаут», а не как обе формы в одном документе.
И вдруг мне понадобилось изменить кодировку в одном из моих файлов php’ых для веб программирования. Необходимо было изменить некоторые записи из шаблона на русский язык. В ходе изменений, в интернет обозревателе стали появляться то знаки вопроса вместо текста то квадратики. Изменение различных шрифтов делу не помогло. Оказалась дело в кодировки страницы. Её необходимо было изменить на кодировку Юникод (UTF-8) – это такой стандарт кодирования символов в котором включены различные языковые наборы.
Для изменения кодировки я использовал популярный веб редактор – Macromedia Dreamweaver(8 версии). Кстати рекомендую для создания и редактирование веб страниц – достаточно удобный и функциональный.
Открываем интернет страничку и заходим в верхнем меню Modify -> Page Properties…
В появившемся окошке слева в Category нажимаем на Title/Encoding. Далее нажимаем на список кодировок Encoding: и выбираем там нужную кодировку а именно что нужно было мне Юникод (UTF-8) и нажимаем рядом на кнопку Reload перезагрузить страницу, жмем ОК.
Все теперь можно сохранить страницу и она уже сохранится с нужной кодировкой текста.
Также попасть в настройки Page Properties можно нажав внизу на кнопку Page Properties… в открывшемся документе.
Еще можно поменять настройки для нового документа, что бы он по умолчанию был в нужной вам кодировке. Для этого зайдите в верхнем меню Edit -> Preferences… в открывшемся окошке выберете слева New Document и в настройках Default encoding: выберете нужную кодировку текста, у меня она Юникод (UTF-8). Так же при создании нового документа можно нажать на кнопочку снизу Preferences… и там же изменить настройки кодировки для новой страницы.
Надеюсь ваш текст станет правильным без всяких там крякозябр и иероглифов.
Узнайте, как задать свойства страниц HTML и CSS, такие как свойства шрифта, цвета фона и фонового изображения, для страницы Dreamweaver.
Для каждой страницы, создаваемой в Dreamweaver, можно указать свойства макета и форматирования в диалоговом окне «Свойства страницы» («Файл» > «Свойства страницы»). Диалоговое окно «Свойства страницы» позволяет указать используемые по умолчанию семейство и размер шрифта, цвет фона, поля, стили ссылок и многие другие аспекты дизайна страниц. Свойства можно назначать для новых создаваемых страниц, а также изменять их для уже существующих.. Изменения, выполняемые в диалоговом окне «Свойства страницы», будут применены ко всей странице.
Dreamweaver предусматривает два метода изменения свойств страницы: CSS или HTML. Рекомендуется пользоваться CSS для задания фона и изменения свойств страницы.
Выбранные свойства страницы применяются только к активному документу. Если в странице используется внешняя таблица стилей CSS, Dreamweaver не перезаписывает в ней теги, поскольку это влияет на все другие страницы, использующие эту таблицу.
В диалоговом окне «Свойства страницы» можно указать несколько основных параметров макета веб-страниц, в том числе шрифт, цвет фона и фоновое изображение.
Выберите меню «Файл» > «Свойства страницы» или нажмите кнопку «Свойства страницы» в инспекторе свойств текста.
Указывает начертание шрифта для использования на веб-страницах по умолчанию. В Dreamweaver используется указанное здесь начертание, если для текстового элемента специально не установлен другой шрифт.
Указывает размер шрифта для использования по умолчанию на веб-страницах. В Dreamweaver используется указанный здесь размер, если для текстового элемента специально не установлен другой размер шрифта.
Указывает цвет шрифтов по умолчанию.
Задает цвет фона для страницы. Щелкните поле «Цвет фона» и выберите цвет из палитры цветов.
Если фоновое изображение не заполняет все окно, Dreamweaver отображает его в виде мозаики на все окно (повторяя) точно так же, как браузеры. (Для предотвращения отображения фонового изображения в виде мозаики следует отключить эту функцию в каскадных таблицах стилей .)
Указывает способ отображения фонового изображения на странице.
Вариант «без повтора» позволяет отобразить фоновое изображение только один раз.
Вариант «по осям Х и Y» позволяет замостить изображением страницу как в вертикальном, так и в горизонтальном направлении.
Вариант «по оси X» позволяет замостить страницу изображением горизонтально.
Вариант «по оси Y» позволяет замостить страницу изображением вертикально.
Узнайте, как настроить параметры написания кода, темы кода, формат и параметры исправления кода в Dreamweaver.
Для удобства работы можно настроить параметры форматирования кода, выделения синтаксиса цветом и другие настройки написания кода.
- Для настройки дополнительных установок используется редактор библиотеки тегов. См. раздел Управление библиотеками тегов.
- Dreamweaver поддерживает форматирование файлов типов CSS, JS и PHP. Дополнительные сведения о том, как настраивать форматирование кода PHP, CSS, JS, см. в разделе Форматирование кода.
В разделе «Просмотр» > «Параметры представления кода» пользователь может применить такие настройки, как перенос слов, отображение номеров строк кода, выделение синтаксических элементов кода цветом, создание отступа и отображение скрытых символов.
В меню «Просмотр» выберите пункт «Параметры представления кода».
Переносить по словам.
Размещает код таким образом, что его можно просматривать без горизонтальной прокрутки. Этот параметр не предусматривает вставку символов разрыва строк, он просто облегчает просмотр кода.
Отображает номера строк рядом с кодом.
Отображает специальные символы вместо пробелов. Например, каждый пробел заменяется точкой, символ табуляции — двойной угловой скобкой, а символ разрыва строки — знаком абзаца.
Символы «мягкого» разрыва строки, используемые программой Dreamweaver для переноса слов, не отображаются с помощью знаков абзаца.
Выделение цветом элементов синтаксиса.
Включает или отключает функцию цветового оформления кода. Сведения об изменении цветовой схемы см. в разделе Настройка цветов кода.
Если в процессе создания кода нажать кнопку Enter, отступ для кода создастся автоматически. Новая строка кода имеет тот же уровень отступа, что и предыдущая строка. Сведения об изменении величины отступа см. в подразделе о параметре «Размер шага табуляции» раздела Изменение формата кода.
Внешний вид кода можно изменить с помощью таких параметров форматирования, как отступ, длина строки, а также регистры имен тегов и атрибутов.
Все параметры форматирования кода, кроме параметра «Изменять регистр», автоматически применяются только к новым документам или дополнениям к документам, создаваемым впоследствии пользователем.
Для изменения форматирования существующих документов HTML нужно открыть документ и выбрать «Правка» > «Код» > «Применить исходное форматирование».
Указывает наличие отступа в коде, созданном в Dreamweaver (в соответствии с правилами формирования отступа, определенными в параметрах).
Почти все доступные в этом диалоговом окне параметры отступа применимы только к коду, созданному в Dreamweaver, но не к коду, вводимому пользователем. Чтобы каждая новая строка вводимого пользователем кода имела тот же отступ, что и предыдущая, выберите в команду «Просмотр > Параметры представления кода > Автоотступ». Дополнительные сведения см. в разделе Настройка внешнего вида кода.
(текстовое поле и всплывающее меню). Указывает на то, сколько пробелов или знаков табуляции будет использоваться для отступа в коде, который создается в Dreamweaver. Например, если ввести в поле символ «3» и во всплывающем меню выбрать пункт «Символы табуляции», то код, создаваемый в Dreamweaver, будет иметь отступ в три символа табуляции на каждый уровень отступа.
Размер шага табуляции.
Определяет количество символов, составляющих шаг табуляции при отображении в представлении «Код». Так, если в поле «Размер шага табуляции» введено значение «4», то каждый символ табуляции будет отображаться в представлении «Код» как последовательность из четырех пробелов. Если кроме этого параметру «Отступ с» присвоено значение «3 символа табуляции», тогда для кода, создаваемого в Dreamweaver, формируется отступ в три символа табуляции на каждый уровень отступа, что при отображении в представлении «Код» составит последовательность из двенадцати пробелов.
Dreamweaver формирует отступы либо с помощью пробелов, либо с помощью символов табуляции. При вставке кода программа не превращает последовательность пробелов в символ табуляции.
Выберите этот параметр, если планируется использовать сокращения Emmet в процессе написания кода. Этот параметр гарантирует, что при нажатии клавиши Tab приложение Dreamweaver преобразует сокращение Emmet в полный код HTML или CSS. Дополнительные сведения об использовании Emmet см. в разделе Использование набора инструментов Emmet с Dreamweaver.
Тип разрывов строк.
Указывает тип удаленного сервера (Windows, Macintosh или Unix), на котором размещен удаленный сайт. Корректное отображение исходного кода HTML при просмотре на удаленном сервере обеспечивается правильным выбором типа символа разрыва строки. Этот параметр полезен также при работе с внешним текстовым редактором, который распознает лишь определенные типы символов разрыва строки. Например, следует применять символы CR LF (Windows), если в качестве внешнего редактора используется программа Notepad, и символ CR (Macintosh), если в качестве внешнего редактора используется программа Simple Text.
Для серверов, подключение к которым осуществляется по протоколу FTP, этот параметр применяется только в двоичном режиме передачи. При использовании режима передачи ASCII Dreamweaver игнорирует данный параметр. Если файлы загружаются в режиме ASCII, Dreamweaver вставляет символы разрывов строк в зависимости от операционной системы компьютера. При передаче файлов в режиме ASCII используются символы разрывов строк CR LF.
Тег TD: не включать разрыв внутри тега TD.
Устраняет проблему визуализации, возникающую при использовании некоторых браузеров ранних версий в ситуациях, когда пробел или символ разрыва строки следует непосредственно после тега
Позволяет задавать параметры форматирования для отдельных тегов и атрибутов в редакторе библиотеки тегов.
(только в японской версии). Позволяет выбирать символ или символ пробела Zenkaku для кода HTML. Разделители, выбранные в данном параметре, будут использоваться для отображения пустых тегов при создании таблиц и при выборе для страниц с кодом на японском языке, где включен параметр «Разрешить несколько последовательных пробелов».
Минимальный размер свертывания кода.
Размер свертывания кода по умолчанию — две строки. При настройках по умолчанию все фрагменты кода, которые содержат по крайней мере две строки кода, сворачиваются. Фрагменты кода, содержащие менее двух строк, можно свернуть только путем выбора кода. Дополнительные сведения о свертывании кода см. в разделе Свертывание и развертывание кода.
С помощью параметров исправления кода можно указать, каким образом код в Dreamweaver будет изменяться при открытии документов, при выполнении операций копирования и вставки элементов форм, а также при вводе значений атрибутов и URL-адресов с помощью таких инструментов, как инспектор свойств. Эти параметры не действуют при редактировании кода HTML или сценариев в представлении «Код».
При отключении функций исправления в окне «Документ» для HTML отображаются элементы разметки с ошибками, которые были бы исправлены с помощью этих функций.
Кодировка страниц сайта и в частности кодировка нашего шаблона имеет большое значение для будущего сайта на php. Если внимательно просмотореть файл index.html нашего шаблона, то в нем можно найти такой код:
Это мета тег, где есть определение кодировки данного HTML файла, в данном случае UTF-8. Конечно-же такая-же записть присутствует и в коде файла top.html, который будет представлять в нашем php сайте его шапку, которая в конечном итоге и определит кодировку собранного с помощью скриптов по частям шаблона сайта.
Теперь само собой возникает вопрос, а в какой-же кодировке создавались html файлы шаблонов страниц сайта. Это легко проверить. Для этого можно открыть в рабочем окне Dreamweaver любую созданную страницу, например rub1_part1.html и выполнить команду из главного меню программы Modify −> Page Properties. В результате откроется панель на которой необходимо перейти в категорию Title/Enkoding, где и будет показана кодировка открытой html страницы, как показано на картинке ниже.
Явно будет видно, что кодировка страницы "Киррилица (Windows)" отличается от той, которая задана в шаблоне. Почему так? Потому, что эта кодировка была выставлена в Dreamweaver при его настройке. Если настройки не производились, то кодировка может быть другой, той которая выставлена в Dreamweaver по умолчанию. В любом случае кодировку необходимо привести в соответствие с той, которая задана шаблоном сайта. Можно было-бы поступить и иначе. Привести в соответствие с данной кодировкой сам шаблон, но при этом существует опасность искажения самого шаблона. Поэтому поступим правильно. Приведем кодировку всех недавно созданных страниц к кодировке шаблона. Хотя это можно было-бы сделать и перед их формированием, которое описано ранее, но ради тренировки лучше сделать это сейчас.
Итак изменить кодировку открытой в рабочем окне Dreamweaver страницы достаточно просто. Необходимо сделать изменения в окнах с выпадающими списками, как показано на картинке ниже, затем нажать Apply и OK и выполнить команду File −> Save из главного меню Dreamweaver или нажать комбинацию клавиш Ctrl + S.
Такую-же операцию необходимо последовательно произвести со всеми недавно созданными страницами и их мета описаниями. Для сравнения можно скачать преобразованный таким образом шаблон и сравнить с тем, что получилось в результате выше описанных действий, после чего, что бы не было в дальнейшем разночтений, просто заменить им предыдущий. Кроме того, чтобы в дальнейшем не было проблем с кодировкой при построении сайта на php на базе данного шаблона необходимо выставить глобальную установку кодировки в Dreamweaver при создании новых страниц. Для этого достаточно выполнить команду Edit −> Preferences. из главного меню программы или нажать комбинацию клавиш Ctrl + U и в окне Category New Document сделать установки, как показано на картинке ниже.
Далее необходимо нажать OK. Теперь любая вновь формируемая страница для будущего сайта на php по умолчанию уже будет иметь кодировку Юникод (UTF-8).
Читайте также: