Export (0) Print
Expand All
This topic has not yet been rated - Rate this topic

Using code views

Microsoft Expression Web provides several powerful coding tools that can help you work directly in the code of your web pages and other files. Expression Web coding tools can help you to generate clean, standards-based code, while also giving you more control over the code. These tools can also help you to increase and apply your knowledge of coding languages.


Many features and commands you can use in the Code view of a page have keyboard shortcuts. For more information, see Code view shortcuts in Keyboard shortcuts.

The following is a list of the major coding tools that are provided by Expression Web.

  • The status bar alerts you to code errors and incompatible code in a page, while the Code view visually identifies and provides tips about these items. For more information, see Status bar and Validating code.

  • The Compatibility panel provides a list of all code errors and incompatible code in one or more web pages or an entire site. For more information, see Compatibility panelGenerate a compatibility report.

  • IntelliSense enables you to look up and insert code, view context-sensitive code ScreenTips, follow code hyperlinks, and can automatically insert code as you type in the Code view of a page or other document. For more information, see IntelliSense and Using IntelliSense with cascading style sheets.

  • The Code view of a web page displays all the code that makes up a page and enables you to directly edit that code. With the Split view, you can see the Design and Code views of your web page simultaneously. For more information, see Code and Split page views.

  • The Code View toolbar combines commonly-used features from the Code Formatting options and commands from the Code View and IntelliSense submenus, which appear on the Edit menu. For more information, see Code view toolbar.

  • The Tag Properties panel enables you to quickly see and edit the properties and values of the tag that's currently active in the current web page in either Design view or Code view. For more information, see Tag Properties panel.

  • The Quick Tag Editor dialog box helps you to insert or edit tags, and wrap a set of tags around other tags, while working in either Design view or Code view. For more information, see Quick Tag Editor.

  • The Quick Tag Selector bar helps you to view, select, remove, or edit tags, while working in either Design view or Code view. The bar also enables you to open the Quick Tag Editor dialog box, various Properties dialog boxes, and quickly set the positioning style of a tag. For more information, see Quick Tag Selector.

  • Code snippets are fragments of code or text that you can add to web pages and reuse as many times as you want. For more information, see Using code snippets.

  • In addition, other features enable you to optimize code, show and hide tags in Design view, control code formatting, add temporary bookmarks to code, and find and replace tags.

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

© 2014 Microsoft. All rights reserved.