Reader Level:
ARTICLE

Page Editor options in Expression Web4

Posted by Manoj Singh Panwar Articles | Expression Studio November 27, 2011
In this article you will learn how to change the default settings of the Page Editor options in Expression Web 4.
  • 0
  • 0
  • 3605

In my last article you came across how to make changes in the application settings, but what if the user wants to make changes for a particular page only this part is covered in this article hence in this article you will learn how to change the default setting of the Page Editor options in Expression Web4. Just need to follow few easy steps:

Step 1 : Open Expression Web 4 and go to the Tools menu and select Page Editor options. You may see the figure below:

page-editor-options.gif

Step 2 : When you slelect the Page Editor options, a new window opens up showing twelve tabs as shown in the figure below.

page-window.gif

Lets know these tabs.

Authoring Tab  : Select this tab and all the options in this tab opens up. This tab mainly control the behavior of Expression Web when you author the pages. Under this tab you can change the default file extension from .html to .htm and even more from the options available. You can change the Byte Order Marks (BOM) from this tab. Apart from this you can also modify the Doctype and Secondary Schema as well as the CSS schema in this tab. The fig below makes the picture more clear.

athoring.gif

Picture Tab : In this tab you get the chance to change the default file type setting and changing the format of image. This tab contains two main part:

picture.gif

a. Default file type setting : In this setting there is a button "File Type setting". Click this button and a new window opens up showing two types of format of handling image. i.e. Gif and jpg. You can set the interlaced property and the transparent property of GIF image and Quality and progressive pass property of JPEG image.

file-types.gif

b. Default file type conversion and paste setting : In this option you have two options first option gives the list of formats that you would like to use on images with colors less than 256 while the other option is for the images with colors more than 256bits.

Code Snippets Tab : This tab is very useful in easy development of application because in this tab you are provided with predefined code snippets of frequently used tags. You can just add these codes to your application by pressing CTL+ENTER and the keyword in the code panel. This saves time and effort. Not only this you can also add or modify or remove your own code snippets to the application so that it could be used in future.

code-snippet.gif

 Ruler and Grid Tab :
This tab helps in managing the styling, color, spacing and ruler and grid units while using the Ruler and Grid in design page.

ruler-and-grid.gif

Intellisense Tab :
This is very useful tab control. It contains main three parts.

intellisense.gif

a. Auto pop up : In this section it deals with auto completion of HTML, ASP.NET, PHP and scripting statements. It helps user to manage codes easily even if he don't remember the code.

b. Auto insert : This section deals with automatic insertion of the ending tags of attribute that include beginning and ending of tags. Hence writing the stating tag automatically inserts the ending tag.

c. Code hyperlink: It checks the code from the library when the code is being authored in code view.

Font Families Tab : In this tab you are already listed with number of fonts and styles. You have the privileges to remove any font from the list of even add any font of your own. This tab helps you setting the font during the designing of the application. The figure below shows this tab.

font-family.gif

General : This is the default tab that is opened when you open the Page Editor Options. It provides control over broad aspects of the default Expression Web page authoring behavior, such as language, spelling, code view, and security.

general.gif

AutoThumbnail Tab : In this tab you can change the display properties of the images including their distances from the boundary, Height, Width, Border size and allow the image to have beveled edges. By default, the Expression Web AutoThumbnail feature is set to create a 100-pixel-wide copy of the main image and apply a 2-pixel border to it.

autothumbnail.gif


Default Fonts Tab :
This tab deals with default font setting. From here you can change the default font the Expression Web uses in the code and design view. However These changes appear within the Expression Web editing window, not on pages made with Expression Web.

default-fonts.gif

Code Formatting Tab :  In this tab you can find the list of all the tags that are used in the code view in Expression Web. This also allows formatting, Line Break setting, Whitespaces and how the tab names and attributes appear on the page.

code-formating.gif

CSS Tab : This tab allows the user to either manually configure the CSS style application or set it to auto mode. Setting it manually you can set the border, margins, font and texts, boundary, page property and bullets and numbering by your own.

css.gif

Color Coding Tab : In this tab the two options Design view and Code view allows the user to change the fonts and font colors Expression Web. You can change the color and view it in the preview box. However these changes appear within the Expression Web editing window, not on pages made with Expression We.

color-coding.gif

COMMENT USING

Trending up