Как сделать фрейм в dreamweaver
Обновлено: 05.07.2024
Сегодня мы с вами познакомимся с программой для создания дизайна сайта, так же его редактирования Adobe Dreamweaver.
В прошлой статье « Photoshop вставка молнии на картинку » мы с вами научились создавать молнию и вставлять её в любое изображение.
Кроме этого в конце статьи я обещал показать, как можно в Photoshop создать солнце и шар, но друзья в последнее время я увлекся программой Adobe Dreamweaver и поэтому сегодня я расскажу вам о своем первом знакомстве со столь полезной программой.
Мне она интересна именно как средства для создания дизайна сайта.
В своих тренировках я использую версию CS6.
Для начала давайте в двух словах опишу программу и ее назначение:
Dreamweaver, является визуальным HTML-редактором, позволяет переключаться в режим ручного редактирования кода, осуществляя взаимосвязь между визуальным представлением страницы и ее исходным кодом.
Конечно, как и в любой другой программе изучение необходимо начинать с настроек и внешнего вида.
Настройка программы для создания сайта
Запустите редактор Adobe Dreamweaver:
Нажмите Пуск - Программы - Adobe - Adobe Dreamweaver. После запуска Dreamweaver откроется окно стартовой страницы. С его помощью можно открывать используемые файлы, создавать новые файлы, а также получить доступ к различным ресурсам программы .
В открывшемся окне с возможностью выбора дальнейших действий пользователя в разделе Создать выберите HTML
В окне программы для переключения между режимами отображения и редактирования HTML -документа предназначены три первые кнопки на панели инструментов.
Дизайн, отобразится поле документа. Все основные действия при создании и редактировании HTML-страницы производятся в поле документа.
Вот примерно так выглядит основное рабочее окно программы.
Чтобы Dreamweaver понимал русскую кириллицу необходимо сделать следующие действия:
Чтобы вызвать настройку некоторых параметров, в главном меню откройте пункт Правка , а в нем выберите пункт Настройки .
После этого на экране отобразится окно редактирования параметров. В левой части окна отображаются категории возможных настроек, а в правой – параметры выбранной категории.
Для корректного отображения HTML -документов необходимо указывать кодировку.
Теперь все вновь создаваемые HTML -документы будут поддерживать русские буквы.
Теперь давайте подготовим нашу программу для создания нового сайта:
Выполните команду Веб-сайт èНовый сайт . На экране появится диалоговое окно Настройка сайтов (менеджер сайтов) в нем содержится список созданных сайтов. Пока этот список пуст.
На вкладке Веб-сайт в поле Имя Веб-сайта введите имя сайта.
В поле Локальная папка сайта укажите путь к папке, в которой будут храниться все файлы этого сайта.
Введите название новой папки на английском языке .
При назначении имен файлам необходимо ограничиться цифрами и буквами латинского алфавита и использовать символы только нижнего регистра.
Два раза щёлкните левой кнопкой мыши на созданной папке.
Откроется окно редактора.
В верхней правой части редактора Дизайнер выберите из выпадающего списка вариант настройки рабочего окна Классический.
А теперь давайте приступим к тестовому заданию:
В поле Название введите название страницы для браузера, например, Авторское право
Сделайте разметку главной страницы сайта с помощью таблицы :
Выполните команду Вставка - Таблица. В окне Таблица введите:
В поле Строки количество строк таблицы = 3
В поле Столбцы – количество столбцов таблицы = 2
В поле Ширина таблицы – ширина таблицы = 100 %
Остальные параметры оставьте без изменений.
Объедините ячейки первой строки таблицы, режим HTML выделите всю строку и нажмите на кнопку Объединить выбранные ячейки в диапазон на панели свойств; (или выбрать одноименную команду из контекстного меню).
Или выберите команду меню Изменить - Таблица - Объединить ячейки . То же выбрать из контекстного меню.
Или нажать сочетание клавиш Ctrl+Alt+M.
Оформите строку в Панели свойств: (режим CSS )
В поле Высота – введите высоту строки таблицы = 40.
Выравнивание По горизонтали – По центру
Отметьте галочкой пункт Без переноса .
Введите текст заголовка в ячейку и отформатируйте его: Здравствуйте !
Оформите текст стилем Заголовок 1 . Выделите его или просто установите курсор в любое место
Выберите команду меню Формат - Формат абзаца - Заголовок 1 .
Эти действия можно выполнить из контекстного меню Форматирование абзаца. Или в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 1.
Чтобы выбрать цвет текста, откройте Свойства страницы внизу рабочего окна редактора, выберите категорию Внешний вид (HTML) и в строке Текст выберите желтый цвет для текста.
Заполните ячейку таблицы черным или темно-серым цветом:
На Панели Свойств в окне Фон для определения цвета фона ячейки таблицы, выберите черный цвет из палитры.
Сохраните страницу под именем index.
Посмотрите страницу в браузере.
Для этого в панели Документ щелкните на кнопке Просмотр и отладка в браузере . Можно также выбрать клавишу на клавиатуре F12
Заполните нижние ячейки таблицы ( сведения об авторских правах ):
По аналогии с верхними ячейками, оформите нижние ячейки таблицы, также объединив их в одну ( черный цвет – для фона и желтый цвет – для текста).
Введите текст : Иванов И И.
Цитирование опубликованных материалов на сайте без разрешения автора не допускается.
В поле Высота (на Панели свойств) – введите высоту строки таблицы = 40 (пикс).
Выравнивание По горизонтали - По правому краю.
Выделите фрагмент Иванов И И. Подчеркните текст, для этого выберите команду меню ФорматèСтильèПодчеркивание. Или воспользуйтесь одноименной командой контекстного меню.
Перед фамилией вставьте Специальный символ для обозначения авторских прав. Для этого:
- выберите команду меню Вставка - HTML - Специальные символыèАвторское право.
- на вкладке Текст панели Инструментария объектов кнопка Знакиè Авторское право.
Заполните левую ячейку таблицы (ссылки)
В поле Ширина введите ширину ячейки = 100 (пикс) . или отметьте ширину ячейки с помощью линейки, переместив ее на границу равную 100 пикс.
Выравнивание По горизонтали - По центру
По вертикали – По верхнему краю.
Вставьте в левый столбец ссылки Увлечения, Проекты, Ссылки, Обо мне
Для того, чтобы гиперссылки открывали соответствующие Web-страницы в нужном вам фрейме, надо правильно установить параметры Цель (цели гиперссылок).
В выпадающем списке Цель есть разные значения параметра:
Blank – загружает страницу в новом окне Web-обозревателя;
Parent и top - загружает страницу в само окно обозревателя, т.е. страница заменит собой весь набор фреймов.
Self - загружает страницу в текущий фрейм (в котором находится гиперссылка)
Заполните основное содержимое – средняя ячейка таблицы.
Выравнивание По горизонтали - По левому краю
По вертикали – По верхнему краю.
Меня зовут Иванов Иван Иванович. Я вольный Web-дизайнер. А это мой личный Web-сайт, который я сделал сам в программе Dreamweaver.
Оформите стилем Заголовок 2 , в Панели свойств перейти в режим HTML и выбрать из выпадающего меню Формат è Заголовок 2.
Введите приведённые ниже строки маркированного списка и оформите стилем Заголовок 3.
Сделайте выравнивание по левому краю
Создайте маркированный список (перечисления), предварительно выделив текст и нажав на кнопку Неупорядоченный список на Панели свойств :
На этом сайте вы можете прочитать:
§ о моих увлечениях
§ о выполненных мной проектах
§ подробнее обо мне, любимом
Чтобы изменить вид маркеров, выделите маркированный список и выберите команду меню Формат - Список - Свойства.
В окне Свойства списка в строке Стиль из выпадающего списка выберите один из вариантов маркера.
То же можно выбрать из контекстного меню маркированного списка.
Перед текстом: На этом сайте вы можете прочитать: вставьте горизонтальную разделяющую линию.
- выберите команду меню Вставка - HTML - Горизонтальная линия.
Или вставьте линию с помощью тега HR , выделите ее и на Панели с войства можно отредактировать ширину горизонтальной линии. (Цвет для линии можно задать с помощью опции тега HR – color).
Выровняйте линию по Центру , щелкнув по кнопке Align Center на панели Properties .
По аналогии с предыдущими ячейками, оформите среднюю ячейку таблицы (черный цвет – для фона и желтый цвет – для текста).
В итоге должно получится вот такое чудо:
Для тех кому мало текстовой части, и он хотел бы видеть больше скриншотов процесса обучения пишите в комментариях и если желающих наберется много, то я подготовлю статью с картинками.
Если Вам, как и мне интересно постоянно изучать новое подписывайтесь на мой канал и давайте учится вместе!
Но хватит пустых разговоров! Давайте займемся делом и на конкретном примере рассмотрим принципы фреймового дизайна. Мы создадим новую версию нашего сайта, посвященного гипотетическому Web-дизайнеру Ивану Ивановичу Иванову, версию, основанную на фреймах. И, не мудрствуя лукаво, выберем для него схему, показанную на рис. 7.1.
Проверьте, создали ли вы новую папку Sample2. Также проверьте, не удалили ли вы старую версию сайта, находящуюся в папке Sample 1. Ведь одна из важнейших заповедей Web-дизайнера: не разбрасываться старыми материалами – они могут пригодиться для нового сайта. Проверили? Все на месте? Тогда вперед!
Прежде всего, введем в Dreamweaver информацию о новом сайте. Вы можете просто взять сайт Sample site 1 и заменить его имя, корневую папку и имя главной страницы, а можете и создать новый сайт "с нуля". Как это делается, было рассказано в главе 6. На вкладке Remote Info диалогового окна Site Definition в раскрывающемся списке Access выберите пункт None (см. рис. 6.3) – мы с вами нигде не будем публиковать этот сайт. И имя нашего сайта будет Sample site 2.
После этого создайте новую Web-страницу. Сейчас мы рассмотрим процесс создания фреймов…
Создание фреймов
Да, мы рассмотрим, как создаются фреймы в Dreamweaver.
Но сначала сделайте следующее. Включите в подменю Visual Aids меню View пункт-выключатель Frame Borders. Это нужно, чтобы Dreamweaver показал нам границы наших будущих фреймов. Дело в том, что границы между фреймами могут быть невидимыми, что может создать нам немало проблем при написании текста страниц, отображаемых в этих фреймах. Если же вы выберете названный пункт, Dreamweaver будет показывать схематичные линии в тех местах, где проходят границы фреймов.
Внимание
При открытии страницы, определяющей набор фреймов, вам придется каждый раз включать пункт-выключатель Frame Borders подменю Visual Aids меню View. К сожалению, Dreamweaver не запоминает этой установки.
Проще всего набор фреймов можно создать, воспользовавшись вкладкой Frames панели объектов. На рис. 7.9 показаны те ее кнопки, которые нам сейчас нужны. Голубым (на рисунке – светло-серым) цветом закрашен текущий фрейм, т. е. тот, в котором в настоящий момент стоит текстовый курсор. Также можно воспользоваться пунктами подменю Frames меню Insert. В табл. 7.1 приведены описания всех кнопок вкладки Frames панели объектов и соответствующих им пунктов подменю Frames.
Рис. 7.9. Вкладка Frames панели объектов (показана частично)
Таблица 7.1. Кнопки вкладки Frames панели объектов (в порядке слева направо).
В зависимости от версии редактора работа с рамками (фреймами) может несколько отличаться.
При создании рамок используются такие инструменты редактора, как меню Вставка (Вставка- HTML- Рамки), панель "Рамки" (фреймы) , инспектор свойств .
1 Поместите в документ курсор вставки и выполните одно из следующих действий.
• В категории «Макет» на панели «Вставка» щелкните стрелку на кнопке «Фреймы» и выберите предопределенный набор фреймов.
Значки наборов фреймов визуально представляют каждый набор фреймов по отношению к текущему документу. Голубая область значка набора фреймов обозначает текущий документ, белые области — фреймы, в которых будут отображаться другие документы.
2 Если в Dreamweaver отображается запрос на настройку атрибутов специальных возможностей, выберите фрейм из всплывающего меню, введите имя фрейма и нажмите кнопку «ОК». (Посетители страницы, использующие программы для чтения с экрана, услышат введенное имя при распознавании программой фрейма на странице.)
Примечание. При нажатии кнопки «ОК» без ввода нового имени фрейма Dreamweaver присвоит фрейму имя согласно его расположению в наборе фреймов (левый фрейм, правый фрейм и т.д.).
Примечание. При нажатии кнопки «Отмена» набор фреймов отобразится в документе без связи с тегами или свойствами специальных возможностей Dreamweaver.
Чтобы просмотреть схему фреймов для наименования выберите пункт меню «Окно» > «Фреймы».
Создание пустого стандартного набора фреймов
Примечание. При нажатии кнопки «Отмена» набор фреймов отобразится в документе без связи с тегами или свойствами специальных возможностей Dreamweaver.
Создание набора фреймов
❖ Откройте пункт меню Изменить («Изменение») > Набор рамок («Набор фреймов»), затем в подменю выберите объект для разделения (например, «Разделить фрейм слева» или «Разделить фрейм справа»).
Dreamweaver разделит окно на фреймы. Если при этом был открыт какой-либо документ, он отобразится в одном из фреймов.
Разделение фрейма на части
• Чтобы разбить фрейм в том месте, где находится курсор вставки, выберите объект для разделения в подменю «Изменение» > «Набор фреймов».
• Чтобы разделить фрейм или набор фреймов по вертикали или по горизонтали, перетащите границу фрейма с края в середину представления «Дизайн».
• Чтобы разделить фрейм по границе, отличной от края представления «Дизайн», перетащите границу фрейма, удерживая нажатой клавишу «Alt» (Windows) или «Option» (Macintosh).
• Чтобы разделить фрейм на четыре фрейма, перетащите границу фрейма из угла представления «Дизайн» в центр фрейма.
Чтобы создать три фрейма, сначала создайте два фрейма, затем разделите один из них. Чтобы объединить соседние фреймы, необходимо редактирование исходного кода набора фреймов.
Преобразование четырех фреймов в три выполнить сложнее, чем создать три фрейма из двух имеющихся.
❖ Перетащите границу фрейма за пределы страницы или к границе родительского фрейма.
При наличии несохраненного содержимого в документе, который отображается в удаляемом фрейме, Dreamweaver предложит сохранить документ.
Примечание. Набор фреймов нельзя удалить полностью путем перемещения границ. Чтобы удалить набор фреймов, закройте область «Окно документа», в котором он отображается. Если файл набора фреймов был сохранен, удалите файл.
Изменение размера фрейма
• Чтобы установить примерный размер фреймов, перетащите границы фреймов в представлении «Дизайн» в области «Окно документа».
• С помощью инспектора свойств можно указать точный размер фрейма, а также пространство, выделяемое браузером для столбца или строки в случае, если окно браузера не позволяет отобразить их полный размер.
Fireworks и Dreamweaver обеспечивают хорошо налаженный процесс редактирования, оптимизации и размещения графических веб-объектов на HTML-страницах.
Эта функция не поддерживается в версиях Adobe Dreamweaver CC.
Dreamweaver и Fireworks распознают и совместно используют многие процедуры редактирования файла, включая изменение ссылок, карты ссылок, фрагменты таблицы и многое другое. Вместе оба приложения обеспечивают хорошо налаженный процесс редактирования, оптимизации и размещения файлов веб-графики на HTML страницах.
Можно поместить экспортированную графику из Fireworks непосредственно в документ Dreamweaver с помощью команды «Вставить изображение» либо создать новое изображение Fireworks из шаблона изображения Dreamweaver.
В документе Dreamweaver поместите курсор вставки туда, где должно появиться изображение, и выполните одно из следующих действий.Выберите «Вставка» > «Рисунок».
В категории «Общие» панели «Вставка» нажмите кнопку «Изображение» или перетащите ее в пределы документа.
Перейдите к необходимому экспортируемому файлу Fireworks и нажмите кнопку «ОК» (Windows) или Open (Macintosh).При открытии и редактировании изображения или фрагмента изображения, который является частью таблицы Fireworks, Dreamweaver запускает Fireworks, где открывается PNG-файл, из которого, в свою очередь, было экспортировано изображение или таблица.
Для этого необходимо, чтобы Fireworks был установлен как основной внешний графический редактор для PNG файлов. Кроме того, Fireworks часто бывает редактором по умолчанию для JPEG- и GIF-файлов, хотя в качестве редактора по умолчанию для этих типов файлов можно задать Photoshop .
Если изображение является частью таблицы Fireworks, можно открыть всю таблицу Fireworks для редактирования, так как в HTML-коде есть комментарий <!--fw table--> . Если исходный PNG-файл был экспортирован из Fireworks на сайт Dreamweaver с помощью параметра Dreamweaver «Стиль HTML и изображений», то комментарии к таблице Fireworks автоматически добавляются в HTML-код.
В программе Dreamweaver откройте инспектор свойств («Окно» > «Свойства»), если он еще не открыт. Чтобы выбрать изображение или фрагмент изображения, щелкните его.При выборе изображения, которое было экспортировано из Fireworks, инспектор свойств определяет его как изображение или таблицу Fireworks и отображает имя исходного PNG-файла.
Чтобы запустить Fireworks для редактирования, выполните одно из следующих действий.В инспекторе свойств нажмите кнопку «Изменить».
Дважды щелкните выбранное изображение, удерживая клавишу Control (Windows) или Command (Macintosh).
Щелкните выбранное изображение правой кнопкой мыши (Windows) или щелкните его, удерживая клавишу Control (Macintosh), и выберите в контекстном меню пункт «Изменить с помощью Fireworks».
Если приложению Fireworks не удается определить расположение исходного PNG-файла, необходимо указать его. В процессе работы над исходным файлом Fireworks изменения сохраняются в исходном и экспортируемом файлах. В других случаях обновляется только экспортируемый файл.
Отредактируйте исходный PNG-файл в Fireworks и нажмите кнопку «Готово».Fireworks сохраняет изменения в PNG-файле, экспортирует обновленное изображение (или HTML и изображения) и возвращает фокус приложению Dreamweaver. В Dreamweaver появляется обновленное изображение или таблица.
С помощью Dreamweaver можно быстро внести изменения в изображения и анимацию Fireworks. В Dreamweaver можно изменять настройки оптимизации, параметры анимации, размер и область экспортируемого изображения.
В Dreamweaver выберите необходимое изображение и выполните одно из следующих действий.Выберите меню «Команда» > «Оптимизировать изображение».
Укажите параметры в диалоговом окне «Просмотр изображений».Для редактирования настроек оптимизации выберите вкладку «Параметры».
Для изменения размера и области экспортируемого изображения выберите вкладку «Файл».
В документе Dreamweaver можно создать местозаполнитель изображения, запустить Fireworks и создать там изображение или таблицу, а затем заменить этот заполнитель.
Чтобы создать новое изображение из местозаполнителя, необходимо, чтобы были установлены оба приложения: как Dreamweaver, так и Fireworks.
Убедитесь, что Fireworks установлен в качестве графического редактора для PNG-файлов. Чтобы выбрать местозаполнитель, щелкните его в окне «Документ». Чтобы запустить Fireworks в режиме «Редактирование из программы Dreamweaver», выполните один из следующих шагов.В инспекторе свойств нажмите кнопку «Создать».
Нажмите клавишу Control (Windows) или Command (Macintosh) и затем дважды щелкните местозаполнитель изображения.
Щелкните местозаполнитель правой кнопкой мыши (Windows) или щелкните его, удерживая клавишу Control (Macintosh), затем выберите «Создать изображение в Fireworks».
Использование параметров Fireworks при создании изображения.Fireworks распознает следующие параметры местозаполнителя изображения, которые были установлены в Dreamweaver: размер изображения (которое соответствует размеру холста Fireworks), идентификатор изображения (который Fireworks использует как имя документа по умолчанию для создаваемых исходного и экспортируемого файлов) и выравнивание текста. Кроме того, Fireworks распознает ссылки и некоторые варианты поведения (такие как замена изображений, всплывающее меню и задание текста), которые присоединены к заполнителю изображения при работе в Dreamweaver.
Хотя Fireworks не отображает ссылки, добавленные в местозаполнитель изображения, эти ссылки сохраняются. При рисовании активной области и добавлении ссылок в Fireworks, ссылки, добавленные в местозаполнитель изображения в Dreamweaver, не удаляются. Однако если вырезать фрагмент в Fireworks и вставить его в новое изображение, то ссылки в документе Dreamweaver будут удалены.
Fireworks не распознает следующие параметры заполнителя изображения: выравнивание изображения, цвет, вертикальный и горизонтальный отступы и карты. Они отключены в инспекторе свойств местозаполнителя изображения.
По завершении нажмите кнопку «Готово», чтобы отобразить диалоговое окно сохранения. В текстовом поле «Сохранить в» выберите папку, указанную в качестве папки локального сайта Dreamweaver.Если при вставке местозаполнителя изображения в документ Dreamweaver указано его имя, то Fireworks поместит его в поле «Имя файла». Это имя можно изменить.
Появится диалоговое окно «Экспорт». С помощью этого окна выполняется экспорт изображений в формат GIF или JPEG, или, в случае фрагментированных изображений, в формат «HTML и изображения».
В поле «Сохранить в» укажите папку локального сайта Dreamweaver.В поле «Имя» автоматически отобразится указанное имя PNG-файла. Это имя можно изменить.
В поле « Сохранить как тип » укажите тип файла или файлов, в который необходимо экспортировать: например, «Только изображения» или «HTML и изображения». Для сохранения экспортированного файла нажмите кнопку «Сохранить».Файл будет сохранен, фокус вернется к Dreamweaver. В документе Dreamweaver экспортируемый файл или таблица Fireworks заменяет местозаполнитель изображения.
Fireworks позволяет быстро и просто создать всплывающие меню на основе CSS.
В дополнение к расширяемости и быстрой загрузке всплывающие меню, созданные с помощью Fireworks, дают следующие преимущества:
Пункты меню доступны для индексации поисковым системам.
Пункты меню доступны для программ чтения с экрана, что обеспечивает странице специальные возможности.
Код, сформированный Fireworks, удовлетворяет стандартам, и его можно проверять.
Можно редактировать всплывающее меню Fireworks с помощью Dreamweaver или Fireworks, но не одновременно. Изменения, внесенные в Dreamweaver, не сохраняются в Fireworks.
Можно создать всплывающее меню в Fireworks 8 или более поздней версии и затем отредактировать его с помощью Dreamweaver или Fireworks (используя двунаправленное редактирование), но не одновременно. При редактировании меню в Dreamweaver, а затем в Fireworks, все предыдущие изменения будут потеряны, за исключением содержимого текста.
Если вы предпочитаете редактировать меню с помощью Dreamweaver, то можно создать его в Fireworks, а затем использовать Dreamweaver только для редактирования и настройки меню.
Если вы предпочитаете редактировать меню в Fireworks, то можно использовать возможность двунаправленного редактирования в Dreamweaver, но не редактировать его непосредственно в Dreamweaver.
Фрейм — это область окна браузера, отображающая HTML-документ независимо от того, что отображается в остальном окне браузера.
Принятие решения об использовании фреймов
Компания Adobe не рекомендует использовать фреймы в макете веб-страницы. Вот некоторые из недостатков использования фреймов.
Вложенные наборы фреймов
Набор фреймов внутри другого набора фреймов называется . Файл набора фреймов может содержать несколько вложенных наборов фреймов.
Работа с наборами фреймов в области «Окно документа»
Dreamweaver позволяет просматривать и редактировать все документы, связанные с набором фреймов, в области «Окно документа».
Создание фреймов и наборов фреймов
В Dreamweaver наборы фреймов можно создавать двумя способами: путем выбора одного из стандартных наборов фреймов или самостоятельно.
Выбор фреймов и наборов фреймов
Для внесения изменений в свойства фрейма или набора фреймов необходимо сначала выбрать фрейм или набор фреймов.
Открытие документа во фрейме
Начальное содержание фрейма можно задать путем вставки нового содержимого в пустой документ во фрейме, а также путем открытия существующего документа во фрейме.
Сохранение фреймов и наборов фреймов в файл
Чтобы получить доступ к предварительному просмотру набора фреймов в браузере, необходимо сохранить файл набора фреймов и все документы, которые будут отображаться во фреймах.
Просмотр и установка атрибутов и параметров фрейма
С помощью инспектора свойств можно просматривать и задавать большинство свойств фрейма, в том числе границы, поля и режимы отображения полос прокрутки.
Просмотр и настройка свойств набора фреймов
С помощью инспектора свойств можно просматривать и задавать большинство свойств набора фреймов, в том числе заголовок набора фреймов, границы и размер фреймов.
Управление содержимым фрейма с помощью ссылок
Чтобы использовать ссылку в одном фрейме для открытия документа в другом фрейме, необходимо задать назначение ссылки.
Содержимое для браузеров без поддержки фреймов
Dreamweaver позволяет определить содержимое для отображения в текстовых браузерах и в графических браузерах предыдущих версий, которые не поддерживают фреймы.
Использование вариантов поведения JavaScript с фреймами
Есть несколько вариантов поведения и навигационных команд, которые можно использовать при работе с фреймами.
Уроки и статьи по оптимизации и продвижению сайтов
 Идеи  Вопросы  Желания Проблемы  Обсуждения  Отзывы Черный список заказчиков |
Стажировка на создании сайтов —лучший способ научиться делать сайты самому
SEO технологии
Энциклопедия оптимизации
- Терминология SEO
- Начало продвижения
- Контент для сайта
- Реклама и Маркетинг
- Сайты для бизнеса
- Веб-Дизайн и Графика
- Поисковые технологии
- Алгоритмы поисковых систем
- Поисковые системы
- Источники Трафика, или Где Взять Посетителей
- ТЗ и стратегии продвижения сайта
- Методы Оценки Продвижения
- Начало продвижения сайта в поисковых системах
- Ошибки оптимизации —как спорные SEO-методы вредят Сайту
- Интернет- Бизнес
- Управление
- Истории успеха
- Стратегии Бизнеса
- Идеи Бизнеса
- Интернет-маркетинг
Активные группы сообщества
Обучение Dreamweaver CS5
- Использование Dreamweaver CS5
- Рабочее пространство
- Работа с сайтами Dreamweaver
- Создание файлов и управление ими
- Управление ресурсами и библиотеками
- Создание страниц c помощью CSS
- Разметка страниц с помощью HTML
- Добавление содержимого на страницы
- Создание ссылок и навигация
- Просмотр страниц
- Работа с кодом страницы
- Добавление вариантов поведения JavaScript
- Работа с другими приложениями
- Создание шаблонов и управление ими
- Визуальное построение страниц Spry
- Использование сетевых служб Adobe
- Отображение XML-данных с помощью XSLT
- Подготовка к построению динамических сайтов
- Создание динамических страниц
- Визуальное построение приложений
- Создание форм
- Специальные возможности
Документация и уроки
Хостинг — для Joomla
Для того, чтобы Ваш сайт был виден в Интернет 24 часа в сутки, нужно очень серьезно отнестись к выбору хостинга для сайта на Joomla. Хостинг для Joomla может быть ПЛАТНЫЙ и БЕСПЛАТНЫЙ. Бесплатный хостинг имеет очень ограниченные возможности и подойдет только для тестирования сайта. Хотя на зарубежных хостингах часто встречаются "заманчивые предложения", и вроде бы все есть, но как показывает практика, возможности бесплатных хостингов всегда ограничены.
Читайте также: