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:
Step 2 : When you slelect
the Page Editor options, a new window opens up showing twelve tabs as shown in
the figure below.
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.
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:
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.
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.
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.
Intellisense Tab :
This is very useful tab control. It contains main three parts.
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.
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.
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.
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.
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.
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.
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.