Patrick J. Kidd - Dreamweaver -

Dreamweaver Resources

Web Programming Topics...

Use the Help menu in Dreamweaver (Using Dreamweaver, Reference, Guided Tour, Lessons)

See also: Editors ...
Adobe.com
Adobe Dreamweaver (formerly by Macromedia)
Dreamweaver User Guide
Alternatives to Dreamweaver
- Alternatives to Dreamweaver - Google Search
- Adobe Dreamweaver Alternatives & Competitors | G2
  - G2 Grid for the top Web Design Software products
  - Bluefish
  - Coda
  - CoffeeCup Software | Site Designer - $99/one-time-fee
  - CoffeeCup Software | The HTML Editor - $29/one-time-fee
  - Google Web Designer.
  - Expression Web (Microsoft)
  - Pinegrow Web Editor.
  - RapidWeaver.
  - Webflow: Visual website builder - browser-online only - $276/yr
  - Wix.com | Website Builder - Create a Free Website Today - browser-online only - Free/$204yr/$348yr
  - WordPress Website Builder | Get Started for Free in Minutes | WordPress.com - browser-online only - $0-->$60/yr
- Squarespace - Website Builder - browser-online website templates - >$192
- XAMPP Windows
- Open source HTML/CSS editing tool options | Opensource.com
- Alternatives To Adobe Dreamweaver
- Web Design - Explore Dreamweaver Alternatives | AlternativeTo
- Best Adobe Dreamweaver alternatives | TechRadar
- Best website builder services compared | TechRadar
- 10 Best Adobe Dreamweaver Alternatives: What's Best for You?
Avoid the extra blank line caused by <p>.
- Edit > Preferences > Code Format > Alt-L > Line Breaks > LF (Unix)
Blockquote
- Dreamweaver uses blockquote for "Text Indent"
- <blockquote> tags should be used to specify quotations, not to indent text
- Presentation of text (i.e. indenting, size, font, borders, underlining, etc.) can be controlled more easily and precisely with CSS styles than with HTML tags, and using CSS will improve the document’s accessibility as well.
- Do not use the indent button to indent paragraphs, as Dreamweaver will apply inappropriate <blockquote> tags to achieve this, which violates accessibility requirements.
- Dreamweaver's Property Inspector is home to the Text Indent icon shown in Figure 3.12, "Using the Text Indent icon." The only time you should use this icon is to indent text that's a quote. This icon inserts a blockquote element, which is why it's used to mark up quote text. In most browsers, this will indent the text slightly to more clearly differentiate the quote from surrounding text. If you simply want to create an indentation effect on a section of text, the correct way to do so is to use CSS to create padding to the left and right of the element: don't use a structural tag such as <blockquote>.
- The Text Indent and Text Outdent buttons add and remove <blockquote> elements. You should not use the Text Indent button to indent text; rather, you should use it to How to set View Source to open in editor of choice? | Firefox Support Forum | Mozilla Supportmark up a quote. To indent text, you should use a left-padding setting in a CSS class.
- The CSS margin style property is a much more flexible way to indent block elements.
  - <style type="text/css"> .indent {margin-left: 5%; margin-right: 5%;}</style>
    <p class="indent">This text is indented.</p>
  - Indentation: 'text-indent'. Do not use the BLOCKQUOTE or any other structural element to indent text.
- In the past, you've had two methods of indenting text: using the <BLOCKQUOTE> tag or placing text in the second cell of a two-column table. Using cascading style sheets, you now have a better alternative.
  - <STYLE TYPE="TEXT/CSS">
    
    </STYLE>
- Tabs
  - There is no formal HTML tag to create a "tab" within a document. Many Web designers create tables or use blank images to create space (tables and images are explained later in this article).
  - One way to indent text is to use the tag <ul> to make the browser think you are about to create a "list." A list automatically indents text. Close with a </ul> to "end" the indentation.
  - The tags <blockquote> ... </blockquote> will also indent text.
  - Another alternative is the <pre> tag. This tag is used to display preformatted text -- text displayed as is. Any text between <pre> and </pre> tags will appear in the browser as it appears in the source.
Save All | Ctrl-Shift-S
Workspace Changes
- The last workspace you save becomes the default.
- Open DreamWeaver from the menu or from the CC window (in the taskbar), NOT from a keyboard shortcut.
- Open only one HTML file.
- Change the workspace.
- Save the file. File (menu) > Save
- ** It seems that it is not necessary to save the workspace. - Window (menu) > Workspace Layout > Save Current
- Close the file. File (menu) > Close
- Select the file from the recent files. File (menu) > Open Recent
Synchronize site settings, preferences, keyboard shortcuts, and workspaces in Adobe Dreamweaver
Shortcuts
- Know the default keyboard shortcuts in Dreamweaver and learn how to customize them
- Dreamweaver > R-click on the select the text > Style > select from the list (Bold, Italic, Underline, Strikethrough)

Default HTML Editor

How To Change Default Webpage Source Editor Of Browsers
See also: Link and Text copiers ...
Notepad
Chrome
- Google Chrome does not allow changing the default HTML editor.
Firefox
- How to set View Source to open in editor of choice? | Firefox Support Forum | Mozilla Support
- How can I make Dreamweaver the default editor in Firefox?
  - about:config
  - view_source.editor.path = C:\Program Files\Adobe\Adobe Dreamweaver 2021\Dreamweaver.exe
  - view_source.editor.external = true (just double-click the line to have it change from false to true)
  - Ctrl-U will open in Dreamweaver for whatever page you are viewing.
Edge
- It is currently impossible to change "View Source" editor in Edge
- Page Edit - Microsoft Edge Addons - $0 - Very limited. You get what you pay for.
  - Page Edit (Design Mode) :: MyBrowserAddon
  - Only works online, not on local HTML files.
Internet Explorer
- Nothing worked with Dreamweaver CC on Windows 8.1 - Here are some sites I tried out:
- Setting Dreamweaver MX 2004 as the default editor in Microsoft Internet Explorer
  - Windows Explorer > Tools > Folder Options > Files (tab) > HTM (filename extension) > Advanced (tab) > Edit (not Edit within Dreamweaver) > Browse to Dreamweaver.exe > OK > OK > OK > Restart your system
- http://msdn.microsoft.com/en-us/library/aa753633(VS.85).aspx#_Adding_HTML_Editors
- How can I make Dreamweaver the default editor in Internet Explorer?
  - First, check Tools... Internet Options... Programs...
    it is the first option. If Dreamweaver is not listed in the dropdown list, do the following.
    1. Open Windows Explorer
    2. Click View...Folder Options...File Types
      - For some strange (and STUPID!!) reason, Microsoft Vista/Win7 has removed File Types.
        This causes many problems for us. There is no easy workaround. No easy Registry modification. No simple third-party utility application.
      - Where did the "File Types" tab in Folder Options go?
        
        FileTypesMan - Alternative to 'File Types' manager of Windows - (Note that this did not solve my DreamWeaver problem. I deleted it.)
    3. Find Microsoft HTML Document in the list, highlight it and click Edit
    4. Click New
    5. Type in the word Edit in the Action box
    6. Browse to the Dreamweaver executable for the Application, to select it.
    7. Click OK until you are all the way out.
    8. Reopen Internet Explorer.....Tools....Internet Options...Programs
    9. Now Dreamweaver will be in the dropdown list. Select it and Apply
    10. Under File, you will now see an "Edit with Dreamweaver" option.
    11. <tip type="Internet Explorer">
      The "Edit with..." button on the toolbar of IE5.5 with Web dev accessories can be tweaked to allow you to open the current web page in any other programme (and not just editors). This can be very useful for x-browser testing, validation and, er... editing..
      However, there is no ready option to add/remove or rename programmes in the drop-down list, so you'll have to edit the registry to do this... it's relatively straightforward, but as always backup first and don't blame me if...
      For example to add Dreamweaver to the list, cut and paste the following code to a plain text file, save it with the extension ".reg", right-click it in Explorer and select "Merge". Note that my example assumes you have Dreamweaver in the default directory.
    12. WARNING!!! - This does not work with MS-Edge

DreamWeaver MX (2004)	DreamWeaver 8 (2006)
<CUTnPASTE> REGEDIT4 [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver.exe] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell] "FriendlyCache"="Dreamweaver" "FriendlyCacheCTime"=hex:01,00,00,00,14,b4,bd,70 [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit\command] @="C:\\Program Files\\Macromedia\\Dreamweaver 3\\Dreamweaver.exe \"%1\"" </CUTnPASTE>	<CUTnPASTE> REGEDIT4 [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver.exe] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell] "FriendlyCache"="Dreamweaver" "FriendlyCacheCTime"=hex:01,00,00,00,14,b4,bd,70 [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit] [HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit\command] @="C:\\Program Files (x86) \\Macromedia\\Dreamweaver 8\\Dreamweaver.exe \"%1\"" </CUTnPASTE>

DreamWeaver MX (2004)

DreamWeaver 8 (2006)

<CUTnPASTE>
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver.exe]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell]
"FriendlyCache"="Dreamweaver"
"FriendlyCacheCTime"=hex:01,00,00,00,14,b4,bd,70
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit\command]
@="C:\\Program Files\\Macromedia\\Dreamweaver 3\\Dreamweaver.exe \"%1\""
</CUTnPASTE>

<CUTnPASTE>
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver.exe]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell]
"FriendlyCache"="Dreamweaver"
"FriendlyCacheCTime"=hex:01,00,00,00,14,b4,bd,70
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit]
[HKEY_CLASSES_ROOT\Applications\Dreamweaver.exe\shell\edit\command]
@="C:\\Program Files (x86) \\Macromedia\\Dreamweaver 8\\Dreamweaver.exe \"%1\""
</CUTnPASTE>

Note the double backslashes in the path.

To RENAME an entry in the list:Edit its "FriendlyCache" entry ... this is where you can relabel "Microsoft Word for Windows" as "WordBloat" for example.
To REMOVE an entry from the list: Use regedit (or whatever) to delete its keys from
[HKEY_CLASSES_ROOT\.htm\OpenWithList] and [HKEY_CLASSES_ROOT\Applications]
To REORDER the drop-down list: The order will be that in which the keys were added to the registry, so to re order this list export the [HKEY_CLASSES_ROOT\.htm\OpenWithList] key to a .reg file, delete the key, use a text editor to rearrange the .reg file to the order you want, and then merge it again
To CHANGE the DEFAULT editor: You don't need to tweak the registry. From IE click Tools > Internet Options> Programs > and select your choice from the HTML Editor drop-down list
In the registry :
HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Default HTML Editor (for MSIE 10)
\HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\View Source Editor\Editor Name (for MSIE 11)
-> Change Description to DreamWeaver
In the subdirectory of this shell/edit/command
-> Change the Default to your dreamweaver executable

Internet Explorer (MSIE) Editor
- Close MSIE
- Open Windows Explorer (not MSIE)
  - Tools (menu) > Folder Options > File Types (tab) > HTM/HTML > Select > Advanced > Remove "Edit" > Remove "Edit with DreamWeaver" > Add "Edit with DreamWeaver" > Browse to "C:\Program Files\Macromedia\Dreamweaver MX\Dreamweaver.exe" > Set Default to "Open" (not to "Edit")
- Open Internet Explorer (not Windows Explorer)
  - Tools (menu) > Internet Options > Programs > HTML Editor "DreamWeaver"
- WARNING!!! - This does not work with MS-Edge