How to Upload a Dreamweaver Site to Adobe Busneiss Catylous

Use Dreamweaver with Adobe Online services, including BrowserLab and Business Catalyst InContext Editing.

Adobe online services are hosted web applications that work similarly to traditional desktop tools. The advantage of online services, however, is that they are always up to date because they are hosted on the web, as opposed to on your computer.

Dreamweaver integrates directly with Adobe® BrowserLab and Adobe® Business Goad InContext Editing. Assistance for working with those services is included in the Help sections that follow.

Dreamweaver also integrates with Adobe® CS Live online services (which includes BrowserLab). For more than information on working with CS Alive, run into Using Adobe CS Live.

For data on managing Adobe online services, run into the Adobe website at www.adobe.com/go/learn_creativeservices_en.

BrowserLab

Adobe BrowserLab lets you preview local web content from inside Dreamweaver, without requiring you lot to mail service it to a publicly-attainable server first. You lot can preview files from your local Dreamweaver site, or from a remote or testing server.

For data about using the BrowserLab online service, including information nigh using BrowserLab with Dreamweaver, run across world wide web.adobe.com/become/lr_abl_en.

Business Catalyst InContext Editing

Business organisation Catalyst InContext Editing

Adobe Business Catalyst InContext Editing is an editing component of Adobe Business Catalyst that lets users make unproblematic content changes within a web browser. To change a web page, users but browse to the page, log into InContext Editing, and edit the page. The editing options are simple and elegant, and using them requires no previous knowledge of HTML lawmaking or web editing.

Before yous enable users to brand live changes on the spider web, all the same, you lot use Dreamweaver to make your HTML pages editable. You do this by specifying regions on the page that you want to let users to edit. For case, you might accept a news page with titles and blurbs for articles. You can select this content and so transform information technology into an InContext Editing editable region then that when a user logs into InContext Editing, they tin edit the titles and blurbs direct in a browser.

This documentation tells you how to piece of work with InContext Editing editable regions in Dreamweaver; but Adobe too provides other resources to assistance you work with InContext Editing:

For documentation on using InContext Editing to edit pages in a browser, see www.adobe.com/go/learn_dw_incontextediting_browser_en.
For documentation on working with the InContext Editing Assistants Panel, see world wide web.adobe.com/go/learn_dw_incontextediting_administration_guide_en.

For more information about Adobe Business Catalyst, visit www.businesscatalyst.com.

Adobe AIR does not support Adobe Business Goad InContext Editing. If you use the AIR Extension for Dreamweaver to consign an awarding that contains InContext Editing regions, the InContext Editing functionality volition not work.

Create an InContext Editing editable region

An InContext Editing editable region is a pair of HTML tags that includes the water ice:editable attribute in the opening tag. The editable region defines an expanse on the folio that a user tin can edit direct in a browser.

If you are calculation an InContext Editing editable region to a page that'due south based on a Dreamweaver template, the new InContext Editing editable region must exist inside a region that is already editable.

Select a div, thursday, or td tag that you want to transform into an editable region.
Place the insertion point where you want to insert a new editable region on the page.
Select exactly 1 editable region in a Dreamweaver template (DWT file).
Select other content on your page that you lot desire to make editable (for example, a block of text).

Choose Insert > InContext Editing > Create Editable Region.

Your options vary, depending on your selection.

If you selected a div, th, or td tag, Dreamweaver transforms the tag into an editable region without any further steps.
If yous're inserting a new, bare editable region do ane of the following:
- Select Insert New Editable Region at the Electric current Insertion Point and click OK. Dreamweaver inserts a div tag in your code with the ice:editable attribute in the opening tag.
- Select Transform the Parent Tag Into an Editable Region if you want Dreamweaver to make the parent tag of the option the container element for the region. Merely certain HTML tags are transformable: div, th, and td.

This second option is simply bachelor when the parent node meets the exact criteria for transformation. For example, it must exist one of the listed transformable tags, and it must not be bailiwick to any of the errors listed in InContext Editing Error messages.

If y'all selected a Dreamweaver template editable region, click OK in the Create Editable Region dialog box. Dreamweaver wraps the template editable region with a div tag that acts as a container for the new InContext Editing editable region.
If you selected other content that you desire to make editable, practice one of the following:
Select Wrap Electric current Selection With a DIV Tag and And so Transform It if you lot want to wrap whatsoever you lot selected with a div tag and plow it into an editable region. The div tag with which Dreamweaver wraps the content acts as the container for the editable region.

Adding div tags to pages might modify page rendering and the effects of CSS rules. For example, if y'all have a CSS dominion that applies a ruby-red edge around div tags, y'all would run into a ruby-red border around your current selection when Dreamweaver wraps information technology with a div tag and transforms it. If yous want to avoid this blazon of disharmonize, yous can rewrite the CSS rules that affect the current choice, or you can disengage the transformation (Edit > Undo), and so select and transform a supported tag that Dreamweaver doesn't demand to wrap with a div tag.

Select Transform the Parent Tag Into an Editable Region if you desire Dreamweaver to brand the parent tag of the selection the container element for the editable region. Only sure HTML tags are transformable: div, th, and td.

In Design view, click the blueish tab of the editable region to select it if it's not already selected.

If you are working in a Dreamweaver template, exist sure to select the InContext Editing editable region (the container region), and not the Dreamweaver template editable region.

Select or deselect options in the Editable Regions Belongings inspector. The options you select volition be bachelor to a user when they edit the contents of the editable region in a browser. For example, if you select the Assuming option, the user will be able to brand text bold; if y'all select the Numbered List and Bulleted List option, the user will be able to create numbered and bulleted lists; if you select the Link selection, the user volition be able to create links; and so on. Hover over the icon of each pick to see a tooltip of what the selection enables.

Relieve the folio.

If this is the first time y'all're adding InContext Editing functionality to a page, Dreamweaver informs y'all that information technology is calculation InContext Editing supporting files to your site: ice.conf.js, ice.js, and ide.html. Be sure to upload these files to the server when you upload your page, otherwise InContext Editing functionality will not piece of work in a browser.

Create an InContext Editing repeating region

An InContext Editing repeating region is a pair of HTML tags that includes the ice:repeating attribute in the opening tag. The repeating region defines an area on the folio that a user can "repeat" and add together content to when editing in a browser. For example, if you have a heading and a paragraph of text that follows it, y'all can transform these elements into a repeating region that a user tin can then duplicate on a folio.

Repeating regions in an editable InContext Editing browser window — Repeating regions as seen in an editable InContext Editing browser window. The lower region is selected and can be duplicated once more, deleted, or moved upwardly and down.

In addition to adding repeating regions based on the original region, you can also give the user the choice to delete regions, add completely new regions (not based on the content of the original region), and to move the regions upwardly or down.

When you create a repeating region, Dreamweaver wraps it in another container called a repeating regions group. This container—a div tag with the ice:repeatinggroup attribute added to the opening tag—acts as the container for all of the editable repeating regions that a user might add to the grouping. You cannot move repeating regions exterior of their repeating regions grouping containers. Additionally, you should not manually add repeating regions group tags to your page. Dreamweaver adds them for you lot automatically when necessary.

When creating a repeating region from a table row (tr tag), Dreamweaver applies the repeating regions group attribute to the parent tag (for case, the table tag), and does not insert a div tag.

If you are working on a page that already contains a repeating regions group, and you lot endeavor to add a repeating region immediately after the existing grouping, Dreamweaver detects that a repeating regions group precedes the region you are trying to add, and gives you the pick of adding the new region to the existing group. You tin choose to add the new repeating region to the existing grouping, or create an entirely new repeating regions group.

If you are adding an InContext Editing repeating region to a page that's based on a Dreamweaver template, the new InContext Editing repeating region must be within a region that is already editable.

To create a repeating region in Dreamweaver, follow these steps.

Select a tag that you lot want to transform into a repeating region. The listing of possible tags is extensive: a, abbr, acronym, accost, b, large, blockquote, eye, cite, lawmaking, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small-scale, span, strike, stiff, sub, sup, table, tbody, tr, tt, u, ul, and var.

Merely div tags can comprise the editable region and repeating region attributes simultaneously.

Identify the insertion point where you desire to insert a new repeating region on the page.
Select exactly one repeating region in a Dreamweaver template (DWT file).
Select other content on your folio that you want to make repeatable (for example, a heading and a block of text).

Choose Insert > InContext Editing > Create Repeating Region.

Your options vary, depending on your selection.

If you selected a transformable tag, Dreamweaver transforms the tag into a repeating region without any further steps.
If yous're inserting a new, bare repeating region, practise one of the post-obit:
- Select Insert New Repeating Region at the Current Insertion Point and click OK.
- Select Transform the Parent Tag Into a Repeating Region if you lot want Dreamweaver to make the parent tag of the selection the container element for the region. Merely certain HTML tags are transformable: a, abbr, acronym, accost, b, big, blockquote, eye, cite, lawmaking, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, 60 minutes, i, img, ins, kbd, label, li, menu, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tr, tt, u, ul, and var.

This second option is only available when the parent node meets the exact criteria for transformation. For example, it must exist ane of the listed transformable tags, and information technology must not be subject field to whatsoever of the errors listed in InContext Editing Fault messages.

If you selected a Dreamweaver template repeating region, click OK in the Create Repeating Region dialog box. Dreamweaver wraps the template repeating region with a div tag that acts equally a container for the new InContext Editing repeating region.
If you selected other content that you desire to make repeatable, do ane of the post-obit:
- Select Wrap Electric current Selection With a DIV Tag and Then Transform It if you want to wrap whatever y'all selected with a div tag and turn it into a repeating region. The div tag with which Dreamweaver wraps the content acts every bit the container for the repeating region.
- Select Transform the Parent Tag Into a Repeating Region if you lot want Dreamweaver to brand the parent tag of the choice the container chemical element for the repeating region. Just certain HTML tags are transformable: a, abbr, acronym, address, b, large, blockquote, center, cite, lawmaking, dd, dfn, dir, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hour, i, img, ins, kbd, label, li, bill of fare, ol, p, pre, q, s, samp, minor, bridge, strike, potent, sub, sup, table, tbody, tr, tt, u, ul, and var.

In Design view, click the blue tab of the repeating region to select it if it's non already selected. Detect that Dreamweaver really forces you to select the tab for the repeating regions group. This is because all repeating regions exist inside a repeating regions grouping, and yous must set options for repeating regions by setting options for the entire grouping.

Select or deselect options in the Repeating Regions Group Property inspector. Two options are bachelor: Reorder and Add together/Remove. When you select Reorder, users volition be able to move repeating regions up or down when editing in a browser. When you select Add/Remove, users will be able to add or remove repeating regions when editing in a browser. Both options are selected by default, and you lot must always have at least one of them selected.

Save the page.

If this is the starting time time you're calculation InContext Editing functionality to a page, Dreamweaver informs you that information technology is adding InContext Editing supporting files to your site: ice.conf.js, water ice.js, and ide.html. Be sure to upload these files to the server when y'all upload your folio, otherwise InContext Editing functionality volition non work in a browser.

Delete a region

It'due south best to delete a region by using the region'south Property inspector. Using the region's Belongings inspector ensures that you delete all of the code associated with the region.

Select an editable region, a repeating region, or a repeating regions group.
In the region'due south Holding inspector, click the Remove Region button.

Specify CSS classes for formatting

The InContext Editing Manage Available CSS Classes feature has been deprecated as of Dreamweaver CS5.

InContext Editing Error messages

Cannot use InContext Editing to tags containing script tags or server-side block(s) of code

If your selection contains server-side code, Dreamweaver does not allow you to transform information technology into an editable or repeating region. This issue has to do with how InContext Editing saves editable pages when the user is working in the browser. When a user saves the page after editing, InContext Editing removes server-side lawmaking from the region.

Electric current selection cannot be transformed or wrapped with a DIV tag because the parent node doesn't permit DIV equally child tag

When the choice y'all want to transform on your page can't be transformed directly, Dreamweaver needs to wrap the option with div tags that will act as the container for your new editable or repeating region. For this reason, the parent tags of what you want to transform must allow div tags every bit children. If the parent tag of the tag you lot're trying to transform doesn't permit child div tags, Dreamweaver will not allow you to perform the transformation.

Electric current selection already contains or is within of an Editable Region. Nested Editable Regions are not allowed.

If your choice is within an editable region, or if there is an editable region within the selection, Dreamweaver does not allow you to perform the transformation. InContext Editing does not support nested editable regions.

Editable Regions should not comprise Repeating Regions or Repeating Regions Groups

InContext Editing editable regions cannot comprise whatever other InContext Editing functionality. If you endeavor to add a repeating region or a repeating regions group to an editable region, Dreamweaver does non allow you to perform the transformation.

Repeating Regions should not exist within Editable Regions or contain Repeating Regions Groups

InContext Editing editable regions cannot contain whatsoever other InContext Editing functionality. If you try to add a repeating region or a repeating regions grouping to an editable region, Dreamweaver does not allow y'all to perform the transformation. Additionally, Dreamweaver will not transform an element into an editable or repeating region if it already contains a repeating regions group.

Current selection already contains or is within of a Repeating Region. Nested Repeating Regions are not allowed.

If your selection is within a repeating region, or if there is a repeating region within the option, Dreamweaver does not allow you to perform the transformation. InContext Editing does not support nested repeating regions.

Selection must contain exactly i Dreamweaver template editable/repeating region, or be inside any Dreamweaver template editable region

When working with Dreamweaver template files (.dwt files), you lot must follow certain rules. To transform a Dreamweaver template editable/repeating region into an InContext Editing editable/repeating region, you must select exactly one Dreamweaver template editable/repeating region on the page and so transform it. To transform another choice on the page (for example, a block of text), the choice must be within a Dreamweaver template editable region.

Merely DIV tags tin take both Editable Region and Repeating Region functionality applied at the same fourth dimension

If your choice is non a div tag, and already has a repeating region aspect practical to it, Dreamweaver will non allow you to utilise the editable region aspect to that tag besides. Only div tags tin have the editable region and repeating region attributes applied simultaneously.

Dreamweaver detected that a Repeating Regions Grouping tag precedes the Repeating Region

All InContext Editing repeating regions must exist within a repeating regions group. When you add a new repeating region to a page, Dreamweaver detects if there is already a repeating regions group immediately before it. If in that location is, Dreamweaver gives you the selection of adding the new repeating region to the repeating regions grouping that is already there, or creating a new repeating regions group to contain the new repeating region.

echolsgith1989.blogspot.com

Source: https://helpx.adobe.com/ie/dreamweaver/using/using-dreamweaver-online-services.html